background preloader

Usability

Facebook Twitter

Web design personas. Creating personas of website visitors is a powerful technique for helping increase the usability and customer centricity of a web site as part of a user-centred design (UCD) process. I've been a big fan of using personas since around 2003 I was introduced to it by Matt Dooley, a customer experience manager in the HSBC Global E-business team. At the time, they were following reports by Forrester on creating personas. This shows that they're certainly not new, indeed their equivalent of using customer thumbnails for customer segmentation or ad campaigns has existed for decades.

However, I find they're still not so widely-used when giving examples on training courses. What is a website design persona for marketing? A simple definition of a web persona is: "a summary of the characteristics, needs, motivations and environment of a key type of web site user". A more specific definition originally from the Foviance/Seren guide to Segmented personas is: Download resources – Persona Examples Toolkit. Manage your digital marketing with Expert membership. Reason 1 We help them grow... Their business and their clients’ businesses... our templates, ebooks and training courses are all directed at increasing leads and sales with limited budget and resources.

Their personal marketing skills and expertise… Our advice helps members grow their personal skills too to help them win new and better positions in marketing. Our resources highlight strategy recommendations, best practice tips and examples all directed at improvement. Dear Dave, As always, let me first congratulate you on Smart Insights. Your website keeps providing me with a competitive edge every single week; the expert membership has paid itself time and time again. Patrick Lassauzet, Director, Factivo Digital Marketing, Mexico Compare plans and pricing Return to top Reason 2 We help them solve their marketing challenges… Smart Insights is one of the best digital 'tools' on the Internet today.

Reason 3 The RACE™ marketing management system gives them control Our top templates: What & Why of Usability. Home > What & Why of Usability UX Discipline (11) User experience (UX) focuses on having a deep understanding of users, what they need, what they value, their abilities, and also their limitations. It also takes into account the business... Project management focuses on planning and organizing a project and its resources. Web analytics is the collection, reporting, and analysis of website data. UX Overview (3) Is including user experience in project development worth the time and resources? Government agencies provide vital information and services that affect people’s daily lives. 9 Common Usability Mistakes In Web Design. Advertisement By now, all good designers and developers realize the importance of usability for their work. Usable websites offer great user experiences, and great user experiences lead to happy customers.

Delight and satisfy your visitors, rather than frustrate and annoy them, with smart design decisions. Here are 9 usability problems that websites commonly face, and some recommended solutions for each of them. 1. Hyperlinks are designed to be clicked, so to make them usable, it makes sense to ensure that they’re easy to click. Here’s an example of the same interface element, the comments link, but this time with a much larger clickable area: Newspond comments link. Why would we want a larger clickable area? <a href=" style="padding: 5px;">Example Site<a> You can read more about padded link targets for better mousing in a 37signals article on padded link targets. 2.

Pagination refers to splitting up content onto several pages. 3. 4. The Basecamp landing page. 5. 10 Useful Techniques To Improve Your User Interface Designs. Advertisement Web design consists, for the most part, of interface design. There are many techniques involved in crafting beautiful and functional interfaces. Here’s my collection of 10 that I think you’ll find useful in your work. They’re not related to any particular theme, but are rather a collection of techniques I use in my own projects. Without further ado, let’s get started. 1. Links (or anchors) are inline elements by default, which means that their clickable area spans only the height and width of the text. Obviously, the larger the clickable area is, the easier it is to click on the link because there is less of a chance of missing it.

Make sure to also add a healthy dose of padding to the links, because converting a link into a block only affects its behavior and width; adding padding ensures that the link is high enough and has some room to breathe. 2. Attention to every detail is what separates a great product from a mediocre one. 3. All the text is set in black. 4. 5. 6. 7. 30 Usability Issues To Be Aware Of. Advertisement You don’t have to agree upon everything. As a professional web developer you are the advocate of your visitors’ interests and needs; you have to protect your understanding of good user experience and make sure the visitors will find their way through (possibly) complex site architecture. And this means that you need to be able to protect your position and communicate your ideas effectively — in discussions with your clients and colleagues. In fact, it’s your job to compromise wrong ideas and misleading concepts instead of following them blindly. In this context nothing can support you more than the profound knowledge of fundamental issues related to your work.

In this article we present 30 important usability issues, terms, rules and principles which are usually forgotten, ignored or misunderstood. Usability: Rules and Principles You can learn more details about Shneiderman’s Rules For Design in Wikipedia: Shneiderman’s rules for design. Psychology Behind Usability It's done. Design : UX Apprentice. Prototype & Test We created an interactive mockup. This is a script based prototype: customers were asked to order a drink, then appetizer, followed later by an entree, then pay with a credit card. Try out the prototype in myBalsamiq. Sticking to our original guerrilla research approach, we tested the designs on existing customers as they waited for lunch. The results were positive for the simple ordering flow, but the design for Build Your Own Bowl (pick a protein, pick veggies, pick a sauce, and a starch) was cumbersome.

The 4 step process illustrated in the paper based menus didn’t translate well digitally. Going back to the drawing board, we came up with a casino style spinner for building a bowl. Finale Adam launched his new restaurant, Lucky Robot, in October 2012, 6 months after the initial UX work. Usability Professionals 2011 - Tagungsband by German UPA e.V.