Advanced search is the ugly child of interface design--always included, but never loved. Websites have come to depend on their search engines as the volume of content has increased. Yet advanced search functionality has not significantly developed in years. Poor matches and overwhelming search results remain a problem for users. Perhaps the standard search pattern deserves a new look. A progressive disclosure approach can enable users to use precision advanced search techniques to refine their searches and pinpoint the desired results.
Using patterns has become a well-known design practice and is also considered best practice in the software development community. While UX teams can and should constantly promote best practice, we can also approach tackling poor design practice from the other side: antipatterns. Antipatterns are approaches to common problems that might appear obvious, but are less than optimal in practice.
With Ajax still one of the industry's hottest buzzwords, more and more applications are being built with Ajax technologies. However, it's not always easy to build a good application. This article focuses on how to build intuitive, easy-to-use Ajax-driven applications.
A multi-leveled framework for user interface design guidelines of Web applications is presented. User interface design guidelines tend to provide information that is either too general, so that it is difficult to apply to a specific case, or too specific, so that a wide range of products is not supported. The framework presented is unique in that it provides a bridge between the two extremes. It has been dubbed the "Bull's-Eye' due to its five layers, represented as concentric circles. The center of the Bull's-Eye is the Component layer, followed by Page Templates, Page Flows, Interface Models and Patterns, and Overarching Features and Principles. To support this approach,requirements were gathered from user interface designers,product managers, UI developers, and product developers. Also, usability testing of the guidelines occurred on several levels, from broad guideline tests to more specific product tests. The guidelines and lessons learned are intended to serve as examples for others seeking to design families of Web applications or Web sites.
When McAfee Inc. recently introduced its ProtectionPilot software--a dashboard-type management console for its Active VirusScan SMB Edition and Active Virus Defense SMB Edition suites--the trial downloads were fast and furious: In the first 10 weeks after release, more than 20,000 users went online to get a copy.
Deception is entwined with life on this planet. Insects deceive, animals deceive, and of course, we human beings use deception to manipulate, control, and profit from each other. It’s no surprise, then, that deception appears in web user interfaces; what is surprising is how little we talk about it. All the guidelines, principles, and methods ethical designers employ to design usable websites can be subverted to benefit business owners at the expense of users. Study the dark side so you can take a stand against unethical web design practices and banish them from your work.
Business Web application design is too often neglected. I see a lot of applications that don’t meet the needs of either businesses or users and thus contribute to a loss of profit and poor user experience. It even happens that designers are not involved in the process of creating applications at all, putting all of the responsibility on the shoulders of developers.
Using Timeline JS to set up a timeline is incredibly easy. Data for the timeline are stored in a Google spreadsheet (it’s possible to use other data sources—see their FAQ—but a Google spreadsheet is probably easiest for most users), and there’s even a handy template provided. Once the data’s been entered, all that’s necessary is to publish the spreadsheet, copy its URL into the Embed Generator linked on the tool’s home page, and set any desired options. An embed code gets generated, and users need only copy and paste that code wherever they want to put the timeline.
Four of your fellow development team members, all trying to do their specific jobs to the best of their abilities, have the power to sink your best effort at interaction design. As an interaction designer, it is your job to see they don't do so. (If you are not an interaction designer, read on anyway; you may be surprised to learn that you may be part of the problem.)
Making use of the overflow and scrollLeft DOM property to scroll elements is a much more effective use of the CPU, over animating using CSS top/left. So this episode of J4D demonstrates the same effect used in two completely different ways.
Google Voice Search allows you to make a telephone call to Google with a search query and get the results on a web page. The purpose of this article is to briefly describe the user experience and investigate the usability implications of this tool.
When things are going well in a design, we don't pay attention to them. We only pay attention to things that bother us. The same is true with online designs. We attend to things that aren't working far more than we attend to things that are. When the online experience frustrates us, we pay attention to its details, often because we're trying to figure out some way to outsmart it.
Web browsers are funny things. On the one hand, they’re supposed to be lightweight little programs that just let you view websites, and on the other, they carry the same burdens as operating systems and application suites, trying to provide everything to everyone. Here in this little essay I explain what I know about designing browsers. I’m in the lucky minority of people that have actually designed successful browsers, or parts of them, for any length of time, and with Firefox and Opera in the headlines, and the art of browser design becomes important again, I thought I’d write down some of what I know. Its been years since I was a program manager on the Internet Explorer project, but I’ve maintained interests in the design of navigation and searching systems of all kinds: what follows is a rough summary of what I’ve learned.
Years back, we compared successful clickstreams (clickstreams that resulted in users accomplishing their goals, as observed in tons of usability tests) with unsuccessful clickstreams (clickstreams where users abandoned their goals before completing), looking for any clues that would help us predict behaviors in one that we didn’t see in the other. One factor we looked for was whether the clickstreams contained image links versus text links — does one type of link show up more often in successful clickstreams than the other. Our finding was when users clicked in image links they were just as likely to succeed or fail as when the clicked on text links. There was no statistically-meaningful difference.
Affordance allows us to look at something and intuitively understand how to interact with it. For example, when we see a small button next to a door, we know we should push it with a finger. Convention tells us it will make a sound, notifying the homeowner that someone is at the door. This concept transfers to the virtual environment: when we see a 3D-shaped button on a web page, we understand that we are supposed to “push” it with a mouse-click.
Sketching and modeling are integral features of the design process, critical for both the generation of ideas, and the communication of concepts to others for discussion and evaluation, particularly in the context of human-centered design. While these methods are a natural component of the designerâ€™s education and professional tool kit, there is immense value in exposing other professions involved in the development of products and interfaces to at least a limited set of these same basic tools.
The paper discusses the problem of horizontal (non-hierarchical) navigation in modern educational courseware. It considers why horizontal links disappear, how to support horizontal navigation in modern hyper-courseware, and looks at our earlier attempts to provide horizontal navigation in Web-based electronic textbooks. Map-based navigation -- a new approach to support horizontal navigation in open corpus educational courseware -- which we are currently investigating, is presented. We describe the mechanism behind this approach, present a system, KnowledgeSea, that implements this approach, and provide some results from a classroom study of this system.