background preloader

12 Useful Techniques For Good User Interface Design - Smashing Magazine

12 Useful Techniques For Good User Interface Design - Smashing Magazine
Advertisement Last week, we presented 10 Useful Web Application Interface Techniques471, the first part of our review of useful design trends in modern Web applications. Among other things, we highlighted embedded video blocks, specialized controls and context-sensitive navigation. We also encouraged designers to disable pressed buttons, use shadows around modal windows and link to the sign-up page from the log-in page. This post presents the second part of our review: 12 useful techniques for good user interface design in Web apps. We also discuss how to implement these techniques so that they are properly used. You may also want to take a look at the following related articles: 1. One of the most significant elements of a good user interface is visibility of the system’s status. 7Yammer8 applies not one but three effects on all new messages in a feed: fade in, slide down and highlight. One great way to do this is with animation. 2. How do you implement this? Here is the (X)HTML: ... 3.

http://www.smashingmagazine.com/2009/01/19/12-useful-techniques-for-good-user-interface-design-in-web-applications/

Related:  UI & UXGraphisme

UI research – speed matters and 10s+ page load is a killer Earlier this week usability expert Jakob Nielsen (famous for his eyetracker studies) published the results of some research into the importance of page response times to user experience and perceptions of brand. In his words “users really care about speed”. In Jakob’s assessment speed matters for two reasons: human limitations, espescially in the areas of memory and limitation human aspirations – fast interfaces make us feel like we control the computer (a feeling we like) whilst slow interfaces make us feel like it is the computer that is controlling us (not so good…) In interviews Jakob has found that slow site speed is something which sticks in the minds of users when thinking about services they have used in the past. It can even become one of the brand values associated with a site.

10 User Interface Design Fundamentals It’s no great mystery that truly great user interfaces are the ones that are engineered to stay out of the way. Free trial on Treehouse: Do you want to learn more about web design? Click here to try a free 14-day trial on Treehouse. ‘Staying out of the way’ means not distracting your users. Rather, good UIs let your users complete goals. When to Use White Text on a Dark Background by anthony on 04/28/11 at 11:11 am Many websites use black text on a light background to display their content because it’s easy to read. However, using white text on a dark background also has its advantages. Knowing when to use one over the other will allow you to safely apply these techniques to your design without hurting user readability. When it comes to text on websites, users either read or scan.

Make Those Web Apps Run Fast! (Or At Least Fake It) - ReadWriteS Back in February at the Future of Web Apps (FOWA) conference in Miami, Union Square Ventures' Fred Wilson presented on his 10 Golden Principles of Successful Web Apps. For those not fortunate enough to attend the conference, a video and transcript of the talk and subsequent Q&A session with Wilson is now available online for the general public to learn what one of the leading east coast investors advises startups do to succeed on the Web. So what does Wilson say is the single most important feature of the Web apps that win? Adobe revolutionizes Photoshop with Generator This morning 500,000 premium Creative Cloud subscribers will be waking up to an update alert for Adobe Photoshop. Adobe’s flagship product has been revised for the first time since the switch to the subscription model back in June. The big news is that for the first time the heart of Photoshop, its workflow, has been revised for the benefit of web designers.

9 Useful Techniques for User-Friendly Tables by anthony on 07/11/11 at 12:33 pm Tables are great for displaying information. But making them user-friendly is a challenge. One reason it’s challenging is because the table grid limits the amount of information you can display in a table cell.  Neuro Productions [Edit]Don’t forget to check out my new 3D pixel art iPad app Recently a client asked me to do something which involved a lot of 3D cubes. I did some tests with cubes in the past and I knew the number of cubes you can render in Flash are relatively limited. Lets say you want 10x10x10 cubes = 1000 cubes =6000 sides = 12000 triangles, which is near or already over the limit.

Why Rounded Corners are Easier on the Eyes by anthony on 08/17/11 at 10:17 pm Designers use rounded corners so much today that they’re more of an industry standard than a design trend. They’re not only found on software user interfaces, but hardware product designs as well. Diagrams – John Philipps Emslie Blog > Diagrams – John Philipps Emslie by Frances MacLeod Well-designed infographics are fascinating, synthesizing huge quantities of numbers and details into understandable diagrams. Nicholas Felton’s insane annual reports have dominated this arena in the 21st century, but scientific engravers have been organizing and illustrating dense statistics for centuries. Why Users Fill Out Forms Faster with Top Aligned Labels by anthony on 09/01/10 at 3:48 pm Imagine a user who is really excited about your product or service. They’re ready to sign up, so they go to your form page and start filling out their information.

Related: