Frederik Van Zande's Bookmarks tagged user interface →  View Popular

It's been a long time since I've blogged about design & usability topics, but I think we're overdue for a revisit. Luckily, in my recent web browsing, I stumbled across some remarkably innovative, uncommon design elements that made me take notice.

Tags: examples, user interface on 2008-07-14 and saved by6 people -All Annotations (0) -About

more fromwww.seomoz.org

When Gruber first linked the TripLog/1040 UI by Stevens Creek, I wasn’t kind either. Bright colors, controls seemingly placed at random. It was the opposite of what designers strive for in our circles. A mess. Soon the Flickr page was a schoolyard of insults. And then something interesting happened. TripLog’s designer Steve Patt posted a comment amidst the bile to share the rationale behind his design. The many who chose not to listen to him won’t learn anything, but the rest of us may find fruit in Mr. Patt’s thoughtful explanation and twenty years of software experience.

Tags: user interface, webdesign, UI, interaction design, user experience on 2008-07-11 and saved by4 people -All Annotations (0) -About

more fromwww.37signals.com

There are two interface interface elements of typical mobile user interfaces that does the heavy lifting. That is the Text Input Field and the List. I thought I'd share with you some of the usability considerations that is going into Text Input Fields at mBricks. The keypad is well suited to number entry, but ill suited to text entry. Entering text on a mobile phone is hard, and people tend to avoid it if they can. The less text input you have, the better. But you can't avoid it all together. Text input fields are suitable for plain text, numbers and passwords. For entering specific data types like date, time, number ranges etc. you should not use a text input field. Instead use Multi-field Input or a selection widget like a Calendar.

Tags: user interface, usability, form, mobile, mobile devices, webdesign, text input, input, field on 2008-06-24 and saved by2 people -All Annotations (0) -About

more fromsender11.typepad.com

n our last issue of Usability News, we reported on the general usage of breadcrumb trails as a method of navigation on web sites (Lida, Hull & Pilcher, 2003). The term “breadcrumb” derives its name from the Grimm’s fairy tale, Hansel and Gretel. Hansel left a trail of breadcrumbs through the woods as a strategy to find his way back home. Since today’s internet user often has a need to navigate back through a website path, the cyber-version “breadcrumb trail” was named1.

Tags: usability, user interface, breadcrumbs, navigation, study, best practice on 2008-06-16 and saved by4 people -All Annotations (1) -About

more frompsychology.wichita.edu

Recently, we released a family of related Reputation patterns to the Yahoo Design Pattern Library, the first of several collections of social-design related patterns that we’re working on. These patterns are somewhat different from the typical UI or rich-interaction type of pattern. They don’t tell you how to lay out a page or where to put an interactive widget. Instead, they address how to design a reputation system for your social software.

Tags: reputation, pattern, user interface, users on 2008-06-11 and saved by7 people -All Annotations (0) -About

more fromyuiblog.com

In a recent study involving frequent travelers, we had an opportunity to see first-hand how the sign-in functions worked when placed on different portions of the page. There doesn't seem to be much consistency across travel organizations in how they locate their log in capability.

Tags: user interface, location, sign in, login, log in, form, place, best practice, usability, expectations on 2008-06-09 and saved by3 people -All Annotations (0) -About

more fromwww.uie.com

How you express time in the user interface (UI) can determine how your user experiences and perceives your solution. This chapter discusses when and how you should express time in the UI of your solution and introduces the use of time anchors.

Tags: 'user, experience', usability, time, psyhcology, user interface on 2008-05-25 -All Annotations (0) -About

more fromwww.informit.com

Performance of the User Interface of websites in browsers (multiple results)

Tags: GUI, user interface, performance, flex, javascript, silverlight, browser on 2008-05-23 -All Annotations (0) -About

more fromwww.craftymind.com

nice layered alike search filtering on overstock

Tags: user experience, user interface, usabilty, e-shop, search, filter on 2008-05-14 and saved by2 people -All Annotations (0) -About

more fromwww.getelastic.com

Incorrect usage of checkboxes, radio buttons, and drop downs is one of the most common mistakes I come across. They each have their advantages and disadvantages, and their usage should generally be governed by a few simple guidelines.

Tags: user interface, radio buttons, best practice, form, checkboxes, dropdown on 2008-05-11 and saved by4 people -All Annotations (1) -About

more fromwww.yourtotalsite.com

Just as it is important to choose the proper knife when slicing-n-dicing vegetables, it is critical to prescribe a suitable user interface to support faceted filtering. Faceted filtering allows you to narrow down a large list of objects to a manageable size by applying flexible combinations of attribute filters in any order. Rather than forcing you down fixed paths within a website’s information architecture, faceted filtering allows you to multi-dimensionally slice-n-dice the information in a manner that best accommodates your specific needs. A user interface that optimally supports faceted filtering must expose its robust functionality in a way that expresses affordances, controls complexity, and follows existing standards that have been pre-established across the web.

Tags: faceted search, user experience design, user interface, usability, search on 2008-05-11 and saved by11 people -All Annotations (0) -About

more fromwww.digital-web.com

very nice example of a faceted search system.

Tags: example, user interface, faceted, search, usability on 2008-05-07 -All Annotations (0) -About

more fromwww.lib.ncsu.edu

Previously at Amazon.com, Tito has spent the past few years at NCSU Libraries, working with a great team to transform the library catalog and identify best practices for search design. Flickr slideshow with search user interfaces + explanation

Tags: user interface, user experience, search, faceted on 2008-05-07 -All Annotations (0) -About

more fromflickr.com

Over at mBricks my colleagues have put a lot of work into the device database (we work with WURFL data and contribute back as well as we can). I took the opportunity to take a closer look at screen size trends. The data I have covers about 400 different device models sold from 2005 to today.

Tags: mobile devices, mobile screensize, best practice, user interface, mobile web, screensize on 2008-04-15 and saved by2 people -All Annotations (0) -About

more fromsender11.typepad.com

very nice fish eye image gallery system based on mootools

Tags: image gallery, user interface, mootools, ajax, javascript, usability, mooflow on 2008-04-10 -All Annotations (0) -About

more fromwww.outcut.de

article about gradual engagement & making you feel the company cares about you

Tags: form, gradual engagement, ui, user centered design, user experience, user interface on 2008-03-30 and saved by13 people -All Annotations (0) -About

more fromwww.readwriteweb.com