#26905
草图和原型是产品的整个设计过程中不可缺少的一个环节，这对设计概念的产生，以及和他人进行讨论和评价时都十分重要，尤其是在以用户为中心设计的情况下。原型的方法是设计教育的必修部分、是专家的工具包，但如果能够将这一过程展示给产品和界面开发过程中其他学科的人士，也具备巨大的价值。
Hanington, Bruce. uiGarden (2006). (Chinese) Articles>Web Design>User Interface
#26374
The phrase User agent or user-agent or UA or browser or client or client application or client software program...all pretty much refer to the same thing. Or maybe not.
evolt (2002). Articles>Web Design>User Interface>Web Browsers
#30665
Building the Front End: Craft Intelligent and Intuitive Front Ends for Ajax Applications
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.
McLaughlin, Brett D. IBM (2007). Articles>Web Design>User Interface>Ajax
#28093
The Bull's-Eye: A Framework for Web Application User Interface Design Guidelines
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.
Beier, Betsy and Misha W. Vaughan. uiGarden (2006). Articles>Web Design>User Interface
#23263
Designing Better HTML Authoring Tools
A collection of proposed new tools and features for adding structure to the Web.
Hoffman, Michael. Hypertext Navigation. Articles>Web Design>User Interface>Software
#29964
Develop an Ajax-Based File Upload Portlet Using DWR
File upload is a basic function of today's Web portals. In this article, authors Xiaobo Yang and Rob Allan describe how to develop an Ajax-based file upload JSR 168-compliant portlet using DWR (Direct Web Remoting). DWR is an ideal Ajax framework for Java developers that dynamically generates JavaScript based on server-side deployed Java classes. You will learn how you can use DWR to retrieve file upload progress from the portal server.
Yang, Xiabo and Robert Allan. IBM (2007). Articles>Web Design>User Interface>Ajax
#21430
Elephants in the Living Room: The Destructive Role of Denial in Web Design
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.)
Tognazzini, Bruce. Nielsen Norman Group (2000). Articles>Web Design>User Interface>Collaboration
#21072
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.
Rhodes, John S. WebWord (2003). Articles>Web Design>User Interface>Audio
#26915
How to Build a Better Web Browser
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.
Berkun, Scott. ScottBerkun.com (2006). Articles>Web Design>User Interface>Web Browsers
#26784
Interface in Form: Paper and Product Prototyping for Feedback and Fun
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.
Hanington, Bruce. uiGarden (2006). Articles>Web Design>User Interface
#18978
Map-Based Horizontal Navigation in Educational Hypertext 
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.
Brusilovsky, Peter and Riccardo Rizzo. Journal of Digital Information (2002). Articles>Web Design>User Interface
#31996
People Finder: Searching Without Logic? Improving the People Finder Application
One of the most frequent tasks on many intranets is finding people within the company. Providing an effective way to search people is thus a key goal in designing intranets. This goal becomes even more important for an organization like Emirates, a leading international airline, which has over 35,000 employees with over 140 nationalities and where more people are likely to use this feature more frequently.
Deshmukh, Vivek. Boxes and Arrows (2008). Articles>Web Design>Usability>User Interface
#28659
Successful Web applications tend to grow--both in terms of capability and complexity. And this increasing complexity is often passed on to and absorbed by a Web application's forms. In addition to needing more input fields, labels, and Help text, forms with a growing number of options may also require selection-dependent inputs.
Wroblewski, Luke. UXmatters (2007). Articles>Web Design>User Interface>Forms
#25464
Speech-Enable Web Applications Using RDC with Voice Toolkit
Speech applications have come to be in demand with many applications, which can sound daunting to developers who have never before made provisions for speech. Don't put it off, though, believing that it means a massive rewriting of your current offerings. It is now possible to enhance current Web applications, or develop new ones, with the Voice Toolkit and Reusable Dialog Components. Learn to construct successful voice apps, and without a big learning curve.
Dhanakshirur, Girish. IBM (2005). Articles>Web Design>User Interface>Audio
#29819
A Usability Evaluation of Web Map Zoom and Pan Functions
Due to limitations on screen size and resolution, the usability of web maps relies heavily on their interface design. The main goal of this research is to find better interface designs for web maps and to facilitate their usage by the public. The research consists of two stages of investigation: (a) a survey on the operation interfaces of popular web maps; and (b) a usability evaluation of simulated interfaces by measuring task performance and conducting subjective evaluations.
You, Manlai, Chun-wen Chen, Hantsai Liu and Hsuan Lin. International Journal of Design (2007). Articles>Web Design>User Interface>Usability
#30828
AJAX, rich Internet UIs, mashups, communities, and user-generated content often add more complexity than they're worth. They also divert design resources and prove (once again) that what's hyped is rarely what's most profitable.
Nielsen, Jakob. Alertbox (2007). Articles>Web Design>User Interface>Ajax
#24522
What's Wrong with (Almost) All Web Sites
The vast majority of web sites commit usability and design violations that make it hard for users to find relevant content and functions. These problems are not difficult to diagnose or remedy. How many of these "user crimes" is your web site guilty of committing?
Streight, Steven. Blogger.com (2004). Articles>Web Design>User Interface>Interaction Design
#32238
Zebra Striping: More Data for the Case
I recently conducted a study into the helpfulness (or lack thereof) of zebra striping—the shading of alternate rows in a table or form. The study measured performance as users completed a series of tasks and found no statistically significant improvement in accuracy—and very little statistically significant improvement in speed when zebra stripes were implemented.
Enders, Jessica. List Apart, A (2008). Articles>Web Design>Human Computer Interaction>User Interface
#32672
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.
Sharp, Remy. jQuery for Designers (2008). Articles>Web Design>User Interface>Ajax
#33001
Clean, Cutting-Edge UI Design Cuts McAfee's Support Calls by 90%
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.
Hadley, Bruce. SoftwareCEO (2004). Articles>Web Design>User Interface
#33203
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.
Spool, Jared M. User Interface Engineering (2006). Articles>Web Design>User Interface>Hypertext
#33384
AJAX enables faster, more responsive Web applications through a combination of asynchronous Javascript, the Document Object Model (DOM), and XMLhttpRequest. What this means for Web interface designers is that a DHTML-based Web application can make quick, incremental updates to a user interface without reloading the entire screen.
Wroblewski, Luke. LukeW Interface Designs (2006). Articles>Web Design>User Interface>Ajax
#33720
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.
Hornsby, Peter. UXmatters (2009). Articles>Web Design>User Interface
#34539
Top-Ten Information Architecture (IA) Mistakes
Structure and navigation must support each other and integrate with search and across subsites. Complexity, inconsistency, hidden options, and clumsy UI mechanics prevent users from finding what they need.
Nielsen, Jakob. Alertbox (2009). Articles>Web Design>Information Design>User Interface
#34563
Great Designs Should Be Experienced and Not Seen
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.
Spool, Jared M. User Interface Engineering (2009). Articles>Web Design>User Experience>User Interface
