background preloader

LivePipe™ : User Interface Components for Prototype

LivePipe™ : User Interface Components for Prototype

Grazr - Gather Feeds, Create Streams, Publish Widgets 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. 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. Your audience wants the latter. 8. 9. Seriously. 10. 11. 12. 13. 14. 15. 16. 17. 18.

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. 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. One way of making things simpler is to hide or conceal advanced functionality. When you click on the search link in CollabFinder, you aren’t taken to a different page. 2. Another good example of this are sliders. 3. 4. 5. 6. 7. 9. 10. (al)

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. 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. Introduction to AJAX Calls Using jQuery and PHP If you’re not familiar with using AJAX calls with jQuery and PHP, this is a good starting point. (al) It's done.

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. 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. Toujours en quête de simplicité et de lisibilité, pensez à l’alignement de vos labels avec vos contrôles. Soyez malin ! Limitez l’information recueillie au strict nécessaire : pour un formulaire d’enregistrement, on peut se contenter de récolter le strict minimum, à savoir Nom, Prénom, Email, Login, Mot de passe.

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 ? 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. Un clic sur le texte a coché la case On comprend donc vite son utilité.

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.

Related: