Alan Vonlanthen's Library tagged ux →  View Popular, Search in Google

It’s easy to see your top-visited pages, navigation patterns and conversion metrics using visitor-tracking tools like Google Analytics. However, this data doesn’t show the roadblocks that users typically run into on your website. Tracking and optimizing error messages will help you measurably improve your website’s user experience. We’ll walk through how to add error tracking using Google Analytics, with some code snippets. Then, we’ll assemble the data and analyze it to figure out how to improve your error message drop rates.
via @thierry_lefort

UX webdesign errors

in list: e-stuff

Organized by categories: 
 1. User Task Analysis 
 2. Readability 
 3. Site Navigability 
 4. Accessibility 
 5. Website Speed 
 6. User Experience 
via @thierry_lefort
 

usability tools tool UX web design

in list: e-stuff

L’expérience utilisateur en ligne est une savante équation, une équation composée de nombreuses variables comme le design, les interactions, le temps de chargement, la navigation, le discours client, la haute disponibilité, la qualité de service, etc. Cette équation « expérience utilisateur »se doit de trouver son équilibre entre le ressenti de l’utilisateur et l’efficacité du site à atteindre son objectif premier.
J’aurais l’occasion de revenir plus en détails sur cette définition mais je voulais partager avec vous quelques exemples de petits (de tout petits) détails mis en place sur certains sites web ou applications et qui contribuent à créer une véritable expérience utilisateur. Vous ne les avez peut-être jamais remarqués, ou n’y avez jamais fait attention mais pourtant c’est souvent grâce à ces petits détails que vous avez eu l’impression que le site en question était fun, cool, intuitif ou encore efficace. Petite sélection. (...)

UX design

in list: e-stuff

1. A homepage wireframe doesn’t tell a whole lot. 
2. The biggest functionality decisions are in the inner pages of the site.
3. Internal audiences care more about the home page than external audiences do
4. It is easy to get bogged down in political issues that have nothing to do with the functionality of the site.

UX HMI webdesign wireframe

in list: e-stuff

1. MephoBox
2. UI Patterns
3. Pattern Tap 
4. Inspire UX 
5. UX Magazine 
6. UI Scraps 
7. Web Design Practices 
8. User Interface Engineering 
9. Boxes and Arrows


via @thierry_lefort

ux hmi resources interface design

in list: e-stuff

Taking A Customer From Like To Love: The UX Of Long-Term Relationships

ux experience loyalty

in list: e-stuff

Lancer un site Web ne s’improvise pas. Pour s’assurer du succès (ou au moins pour ne pas être sûr du crash), il y a un certain nombre d’éléments essentiels à réaliser et tester. 
Voici une infographie qui détaille les points essentiels à expérimenter sur un site web. 
via @thierry_lefort

ux webdesign test success howto infographics

in list: e-stuff

In the art that user experience has become, we talk a lot about not letting our client's personal preferences get in the way of what would be best for the user. Yet no matter how often we remind our clients and teams of this throughout the design process, we still find that users are unpredictable, and some changes need to be made post-launch to reflect how they actually use the product.
via @thierry_lefort

UX personas webdesign

Retour aux fondamentaux, via @thierry_lefort

UX UI usability

For the past few years, we’ve heard pundits declaring each year as “year of the mobile Web”; each year trying to sound more convincing than the previous. Whether 2011 will be the real “year of the mobile” remains to be seen, but what is indisputable is the fact that the mobile usage of the Web is growing and evolving. As it evolves, so does the mobile user experience, driven by advances in mobile device technology — from better browsers on basic mobile phones (or feature phones — remember the Motorola RAZR?) to the increased adoption of smartphones and tablets.
The term “Mobile Web” (although often criticized) is commonly used to describe accessing the internet using a mobile device. This definition is broad enough to cover everything from using a browser on a feature phone, to using highly customized apps on smartphones or tablets. “There’s an app for that” has made device-specific applications the rage of the day, with some companies starting off backwards with “we need an iPhone app” instead of first understanding what their users actually need when they are mobile, the devices that they use, and then deciding the best approach for going mobile, which may not be an app, but could be a mobile website instead. Mobile websites are universally accessible, less expensive to develop and maintain, and can be searched and accessed by most mobile phones.
(The term “Mobile Web” is criticized because it implies that there are “different” Webs which just isn’t true — there is no Desktop Web, for example. It makes more sense to speak of the websites optimized for users accessing those websites through mobile devices. We will be using this perspective in this article. — Smashing Editorial Team)
This article focuses on designing the user experience for mobile websites accessed from mobile phones with small screens, though the process can be applied to building apps as well. As a Web designer, the good news is that the process is similar to designing desktop websites — with some additional mobile-only considerations that go h

UX UCD mobile mobile+apps mobile+web

in list: e-stuff

UX cognitive+bias

Information architecture is a big component of web design. What order should elements go in? Is there a visual hierarchy that must be followed? What should go where? Is the current navigational structure the most efficient? These are just some questions that a designer faces.

Many designers construct websites based on their own views of how things should be ordered for the best results. This is a step in the right direction — because as a trained professional, you’ll have a good idea of what works and what doesn’t — but for enhanced usability, testing designs and information architecture on users can provide great insights (...)
via @thierry_lefort

IA UX cardsorting usability

via @thierry_lefort

UX usability ergonomics

Fewer features
Bigger touch targets
Full headlines
Enhanced scannability 
(...)
via @thierry_lefort

UX usability nielsen mobile version optimizing screen

"There are some native HTML5 Events that works in WebKit (Chrome & Safari) ... only mobile versions. The name of these events are touchstart, touchmove, touchend, touchcancelAn example to move an element is:$(document).bind("touchstart", function(e) { e.preventDefault(); var orig = e.originalEvent; var x = orig.changedTouches[0].pageX; var y = orig.changedTouches[0].pageY;$("#element").css({top: y, left: x}); });More information: http://developer.apple.com/safari/library/documentation/UserExperience/Reference/TouchEventClassReference/TouchEvent/TouchEvent.html#//apple_ref/javascript/cl/TouchEventBTW I prefer to work with webkit-transform (CSS properties) 'cause it has a better performance.Good luck"

UX UI drag and drop iPad tab touchscreen html5

Drag & drop issue on touchscreens

UX UI drag and drop iPad tab touchscreen

via Greg Dini

web webdesign UX UI project-management

in list: e-stuff

UI UX web webdesign fold resolution

in list: e-stuff

UX

via headshift

wireframes ux prototyping webdesign webdev

in list: e-stuff