background preloader

Persona Format - Fluid Project Wiki

Persona Format - Fluid Project Wiki
Fluid Persona Format This persona format was created to organize information in the Fluid Personas. The format chosen was based on the competitive analysis of many persona examples below. Page 1: Summary Page 2: More Details Comparative Analysis Todd Warfel Example Persona From: Positives Nice categorization: "The Moderately Seasoned Professional" Nice tagline: "I'd like to see a good, better, best." Negatives Persona doesn't have a ton of personal details, so he may not be as humanized as he could be. Chopsticker Example Persona PDF version of Timothy Powell Persona Nice graphic design Very compelling picture Very interesting personal details that give you a sense of his personality ("I don't suffer fools!) Tagline is a little long Details in the left sidebar aren't arranged very well (no headings) Not super easy to get an "at a glance" sense of who he is From: Kivio Persona Chart From: The table format makes it less story-like, and thus perhaps less compelling Cooper Personas From: Viget Labs Persona

http://wiki.fluidproject.org/display/fluid/Persona+Format

Related:  UX/UI repository(design patterns and templates)PersonaUser experience

Axure Design Pattern Library v2.0 This is Version 2 of the first Axure stencil library. Demo the HTML OR Download the Axure (.rp) File What’s new in this version? I’ve gone a little nuts with some of these. There are a few new techniques, described in my last post about Click and Drag simulation, as well as some simpler but useful widgets. AJAX Field ValidationCarouselCarousel with simulated “Click and Drag”Field ValidationHover TipiPod MenuMapMap with simulated “Click and Drag”Progress BarSelf-Healing Delete from ListTabs Left An introduction to personas and how to create them Written by Tina Calabria, published March 2nd, 2004 Categorised under: articles, intranets, usability & information architecture, websites Before embarking on any intranet or website design project, it is important to understand the needs of your users. It is then possible to identify the features and functionality that will make the intranet or website a success, and how the design can support users with different goals and levels of skill. There are many ways to identify the needs of users, such as usability testing, interviewing users, discussions with business stakeholders, and conducting surveys.

Interaction Design Pattern Library - Welie.com Suggest a pattern Have you seen new examples of patterns out there that have not been described on this site? Send me a link to an example and I'll add it to my to-do list. Suggest a pattern Latest comments Design Pattern Library View the most recent patterns added to the library. Accordion There are too many items to fit into a limited space without overwhelming the user. Availability Provide a way for a user to display to other people (either the public, or their contacts, depending on the rules of the system) when they are available for contact and when not. Display Collection

Personas Personas in a Nutshell A persona is a fictional character that represents a subset of the market we want to address. A persona typically has a name, a picture, relevant characteristics such as age or income group, behavioural traits, common tasks, and a goal that describes the problem the persona wants to see solved or the benefit the character wants to achieve. Five kinds of 'alt' text Virtually every web designer I speak with is familiar with the ‘alt’ attribute: the part of the html ‘img’ tag that you use to provide an equivalent alternative for people who are unable to see the image. This includes people who are using a screen reader or people who are browsing the web with images turned off. What’s less commonly known is that there are five different classes of image used on web pages and each of those images requires a different approach to writing the ‘alt’ attribute. The five different classes are:

A Process for Empathetic Product Design The discipline of product management is shifting from an external focus on the market, or an internal focus on technology, to an empathetic focus on people. While it’s not too difficult to rally people around this general idea, it can be hard at first to understand how to translate it into tactics. So in this article, I’ll walk through how we applied this approach to a particular product at a start-up, and how it led to large-scale adoption and, ultimately, the acquisition of the company. I was previously VP of Design at MyEdu, where we focused on helping college students succeed in college, show their academic accomplishments, and gain employment.

UX Design Defined 2 - User Experience - UX Design « Continued from UX Defined. What User Experience Designers Do User Experience Designers, like Web Designers before them, usually have a visual design background. There are many exceptions. Web Site Usability Tips Here are the general categories the tips fall into: Navigation Related Usability Tips Tips on Improving Readability Usability Tips on Using Search Usability Tips on HTML Coding Tips for More Usable Forms Usability for Design and Layout Usability Tips on Using Color Ecommerce Usability Tips Tips on Usability Testing Usability Tips for Graphics and Flash Advice on Frames General Web Site Usability Practice Advice on Following Usability Guidelines 1. Use consistent intuitive navigation.

5 Big Usability Mistakes Designers Make on Carousels by anthony on 08/02/11 at 4:25 pm A carousel isn’t just a device you’ll find at the airport or amusement park. It’s also a widget that’s found on websites. Designers use them to display visual items in a way that’s quick for users to browse. Designers use them a lot, but making them usable is a different story. There are five big usability mistakes designers make when they design carousels.

CSS3 Progress Bars I made some progress bars. They look like this: View Demo Download Files They use no images, just CSS3 fancies. Like a good little designer always does, they fall back to totally acceptable experience.

Related: