Persona. LivePipe™ : User Interface Components for Prototype. 22 Things You Don't Know About Your Customers | Internet Ma. There are things you don’t know about your customers. It’s not you, it’s them. But you need to figure it out. Here are some hard lessons I’ve learned over the years – they apply to usability, pet peeves and other fun stuff. Learn these and you’ll have more, happier customers/visitors/readers/fans: 1.
The most basic principle of usability: It’s hard for folks to read online. 2. Oldest rule of marketing, from way back when we printed on paper and used mail and stuff: Write no more than 4-5 lines in a paragraph. To learn just how little the rules have changed. 3. Reading onscreen is hard. 4. Also know as ‘leading’, wide line spacing makes text easier to read. 5. We are trained to read dark text on a light background. 6. With those nifty mouse wheels, folks stopped getting unhappy about scrolling – it’s no longer a usability issue, unless you create a 5000 word page or some silliness. 7. You can write a list in a paragraph, so that colors look like red, green, blue. Red;Green;Blue. 8. 9. 10.
10 Useful Web Application Interface Techniques | How-To | Smashi. Advertisement Today, too many websites are still inaccessible. In our new book Inclusive Design Patterns, we explore how to craft flexible front-end design patterns and make future-proof and accessible interfaces without extra effort. Hardcover, 312 pages. Get the book now! More and more applications these days are migrating to the Web. Without platform constraints or installation requirements, the software-as-a-service model looks very attractive. Web application interface design is, at its core, Web design; however, its focus is mainly on function. In the past we didn’t cover web applications the way we should and now it’s time to take a closer look at some useful techniques and design solutions that make web-applications more user-friendly and more beautiful. You may want to take a look at the following related articles: 1.
Simplicity is important in user interface design. When you click on the search link in Kontain’s search box, a similar drop-down menu appears. 2. 3. 4. 5. 6. 7. 9. 50 Excellent AJAX Tutorials | Tutorials. Advertisement AJAX provides Web developers with plenty of opportunities to enhance the user experience and improve the performance of their websites. There are countless ways that AJAX can be used, and fortunately there are plenty of good and useful AJAX tutorials out there to help you with your own implementation. This post serves as a collection of useful tutorials on working with AJAX in a wide variety of ways. You’ll find tutorials on working with forms, building shopping carts, creating chat features, working with log-ins and usernames and much more. For more on AJAX see: Useful AJAX Tutorials Build an AJAX-Powered Shopping Cart NETTUTS shows us how to build an AJAX-powered shopping cart using PHP, jQuery and some plug-ins. AJAX Username Availability Checker Using MooTools 1.2 When allowing a user to register a username, you can use AJAX with MooTools to let them check the availability of the username being submitted.
(al) It's done. Year's 10 Best Application UIs (Jakob Nielsen's Alertb. Interface Homme-machine. Un article de Wikipédia, l'encyclopédie libre. Les interactions homme-machine (IHM) définissent les moyens et outils mis en œuvre afin qu'un humain puisse contrôler et communiquer avec une machine. Les ingénieurs en ce domaine étudient la façon dont les humains interagissent avec les ordinateurs ou entre eux à l'aide d'ordinateurs, ainsi que la façon de concevoir des systèmes qui soient ergonomiques, efficaces, faciles à utiliser ou plus généralement adaptés à leur contexte d'utilisation. L'amélioration de l'ergonomie de l'interface homme-machine a notamment pour objectif d'optimiser l'aménagement du poste de travail et de limiter ainsi les risques du travail sur écran (troubles musculosquelettiques, fatigue oculaire, syndrome d'épuisement professionnel, stress, stress numérique...)[1].
Les différentes techniques[modifier | modifier le code] Une IHM ancienne : à chaque mécanisme son contrôle. Informatique[modifier | modifier le code] Organes d'entrée[modifier | modifier le code] Gt; Bonnes pratiques de la conception de formulaires web (2/2) Qui n’a jamais ressenti un grand moment de solitude en tentant de finaliser une inscription en ligne ? La cause de cela ? Dans 90% des cas, des problèmes de conception. Problèmes grandement évitables si le concepteur se penche sur les bonnes pratiques et l’état de l’art.
Voilà donc ma vision des meilleures pratiques actuelles, guidées aussi bien par mes lectures que par mon vécu d’utilisateur, mais aussi de concepteur de ces mêmes formulaires. Seconde et dernière partie (2/2) (la première partie est toujours disponible). Optimisez la lisibilité Optimisez le Page Flow : rendre visuellement le remplissage intuitif en améliorant le parcours de l’œil sur la page. Limitez vos champs dès la saisie via l’attribut “size” (soit en amont) plutôt que grâce à contrôle post validation (en aval). <label for="passwd">Mot de passe <acronym title="obligatoire">(*)</acronym></label> Donnez un intitulé clair et directif à vos boutons d’action. Soyez malin ! Pagination : uniquement lorsque c’est nécessaire.
Gt; Bonnes pratiques de la conception de formulaires web (1/2) Les formulaires web sont à notre environnement ce que les portes d’entrées sont à nos habitations. On est obligé d’y passer pour entrer. Et regarder de loin est beaucoup plus ennuyeux. Les formulaires sont donc partout : pas un site n’en compte pas dans ses pages, pas un blog ne propose une inscription, ne serait-ce qu’à son flux RSS. Et pour autant, qui n’a jamais ressenti un grand moment de solitude en tentant de finaliser une inscription en ligne ? La cause de cela ? Dans 90% des cas, des problèmes de conception. Le meilleur ou du moins le plus optimal des formulaires sera celui qui réunira les conditions suivantes : L’utilisateur va rapidement comprendre le but de l’action : Quoi faire ?
Le premier conseil et peut être le plus simple, faire… simple ! Faites simple (1) : Exploitez les possibilités de l’Html Utilisez les <label> : les labels sont peut être l’une des fonctionnalités les plus fondamentales liée aux formulaires, aussi bien pour l’utilisateur que pour le développeur. Gt; Accessibilité, ergonomie et utilisabilité : 30 points clés. Web Usability. AJAX Components - webreference.com. [next] AJAX Components David Johnson, Alexei White, and Andre Charland Digg This Add to del.icio.us This chapter is excerpted from Enterprise AJAX: Strategies for Building High Performance Web Applications, authored by David Johnson, Alexei White, and Andre Charland, published by Prentice Hall, © Copyright 2007 Prentice Hall.
In this chapter, after examining several patterns, we look at how they apply to actually building a user interface. We can build an application using conventional classes, some aspect-oriented programming, the DOM, and DOM Events. By the end of this chapter, we will have converted our customer listing AJAX application into a full-fledged declarative AJAX component. Imperative Components Now that you have a clear idea of how to get your JavaScript running when a web page loads, you can look at how to actually use JavaScript, the DOM, and CSS to make an AJAX component. Imperative coding is much like making a ham-and-cheese sandwich. User Interface Engineering - Brain Sparks blog. New Dates for UX Advantage: August 18-19 By Jared Spool April 30th, 2015 We’re changing the dates of UX Advantage to August 18 & 19. We love Baltimore. We’re excited to do an event there.
In light of what’s happening in Baltimore, we don’t think it’s right promoting this event at this time. We feel the best thing we can do is to postpone for a couple of months. Baltimore is a great city and we want to do an event there. Jared and Karen UIEtips: Extraordinarily Radical Redesign Strategies April 29th, 2015 In today’s UIEtips, we reprint an article on radical redesign strategies. Here’s an excerpt from the article: The day they flipped the switch and launched the new site, sales dropped by 20%. Read the article Extraordinarily Radical Redesign Strategies. What strategy have you put in place when planning a redesign? Rachel Nabors – Using Animation to Enhance Your UX By Sean Carmichael April 22nd, 2015 Podcast: Play in new window | Download (Duration: 18:23 — 9.6MB) [ Transcript Available ] April 9th, 2015.
UXmatters :: Insights and inspiration for the user experience co. L’ergonomie du web. FredCavazza.net. STC Usability Web Site.