UI之旅－生活总是赏赐不浮躁的人们

via UIE

CNN的设计师最近做了改版，将原来竖着排列的导航条改成了横排。但是这次只是主页上改动，内页的新闻页并没有改，所以我们可以看到横的导航和竖的导航的差别。

Here’s what their homepage looked like this recently:

And here’s what an interior page looked like:

主页的视觉重心发生了变化，从导航移动到了实际的内容。这种变化将让访问者的前五秒获得更重要的信息，更容易抓住用户的兴趣点。

在导航的位置变化中，设计师没有简单的移动。他们认真地处理了栏目，导航文字的提炼，摆放哪些栏目频道，位置的优先级。

文章后面有一个评论也很不错。建议阅读。

These checkpoints are based on the work of Julian Meltzoff (1997).

The checkpoints

• Is the research question clearly stated?
• Does the introduction, statement of the problem, and overview of any literature or previous reports adequately set the background for the reader, and is this material consistent with the research question?
• Is it clear why the study was conducted?
• Given the research question and the background material are the research hypotheses and objectives appropriate and clearly stated?
• Are key terms well defined?
• Is the independent variable appropriate given the question of the study? Are the levels of the independent variable appropriate?
• Is the dependent variable appropriate for the study?
• Are the criterion measures of the dependent variable appropriate, valid, and reliable?
• Are the scoring, rating, and judging procedures valid and reliable?
• Is the measuring apparatus (if any) accurate and reliable?
• Are the controls appropriate? Can the results be affected by variables that have not been controlled? Are the controls or control groups (if used) properly selected?
• Is the research design suitable to meet the objectives of the study? Is the research design appropriate to test the hypotheses and answer the research question?
• Are the methods and procedures clearly described in sufficient detail to be understood and replicated?
• Is the presentation sequence of test stimuli (including any randomisations or counter-balancing) appropriate?
• Are the test participants properly oriented and motivated? What is their understanding of the task? Are the instructions sufficiently clear and precise?
• Are there any signs of experiment bias in the design, data collection, assessment, analysis, or reporting?
• Are the participants properly selected? Is the sample representative and unbiased? Do the procedures adhere to the guidelines for the protection and well being of participants?
• Is the sample size appropriate? Are the appropriate procedures used to assign participants to groups, treatments, or conditions? Are suitable techniques used to establish group equivalence, such as matching, equating, or randomising?
• Does participant attrition occur and if so does it bias the sample?
• Are bad data properly identified and set aside (not included in the final test data set); and are instances of bad data reported and explained as such?
• Have the data been appropriately analysed, sorted, categorised, grouped, prioritised etc.?
• Are descriptive statistics used? Are these accurate?
• Are the inferential statistical tests appropriate? Are the assumptions for their use met? Are there any errors in the calculation or presentation of statistical results?
• Are all graphs correctly labelled (both the X and Y axes)? Are data elements on graphs properly coded, and identified?
• Are tables and figures clearly labelled and accurately presented and referenced in the text? Are results and findings correctly interpreted, properly reported, given meaning and placed in context?
• Are recommendations unambiguous? Do recommendations follow clear usability, human factors, or ergonomics guidelines?
• Are recommendations supported by references to prior literature or to industry standards?
• Is the discussion section of the report reasonable in view of the data?
• Are the conclusions valid and justified by the data?
• Are the generalizations valid?
• Do references (if used) match the citations in the text?
• Have ethical standards been adhered to in all phases of the research?
• What can be done to improve or re-design the study?

Reference

Meltzoff, J. (1997) Critical Thinking About Research: Psychology and Related Fields. American Psychological Association.

Download pdf version

Use this version as a working checklist to evaluate a usability study.

Research checklist (pdf format, 60KB).

via userfocus

原文引自：http://www.ibm.com/ibm/webbyawards/

Project Description www.ibm.com is a site of over 3 million pages, receiving approximately 300 million visitors annually. On November 5, 2004 IBM launched its first site-wide redesign in four years, and the largest single deployment of a new design in IBM's history. This project, called "One IBM Web Experience," was deployed across nine countries (Australia, Canada, China, France, Germany, Italy, Japan, the UK and the United States), bringing an improved online experience to over 1.6 million web pages in six languages. The new site features task-based navigation directly from the home page, making it easier for users to learn, shop, get support or manage their IBM relationship. It also features a lighter and more modular visual design that's consistent with the look of IBM's newest products. Deployment of the new design and navigation powered by search-behind-the-scenes will be completed worldwide in 2005. What makes it different or better The new ibm.com is different in two ways. The first of these is task-based navigation, a model in which content is organized to support specific user tasks -- instead of being organized around product lines or IBM's internal structure. On a site the size of ibm.com, with over 200 sub-sites, this is a major transformation. Beyond reorganizing content, the task-based navigation model also features innovative tools to assist the user. Consider notebook computers. A user wishing to learn about these products can click on Notebooks in the "Learn about" module on the home page. Using search technology, the site will then dynamically build a menu page showing the most relevant links in five categories: Features, Documentation, News, Accessories and Financing. But if the same user was ready to shop for specific features, she could instead click on Notebooks in the "Shop for" module and access a faceted browsing tool that enables her to zero in on the model she wants by choosing attributes in her own priority order. Once this user had her new machine, she could get various types of technical support through the "Get support" module or manage her orders, contracts, inventory and payments through "Manage my account." IBM's adoption of task-based navigation supports its initiative of transforming ibm.com from a static, organization-centric website into a dynamic, user-centered portal. The second change to ibm.com is in visual design. The new site extends aspects of the company's renowned industrial design aesthetic to the web. Most users will not consciously realize that the site's increased use of black, of diagonal lines, or of chiseled corners are echoes of IBM's new product designs. They will, however, perceive a stronger, more consistent and more current brand identity. At the same time, the new design system moves away from treating a web page as a single large (and implicitly static) object. Instead, the new design treats pages as collections of modules assembled in a dynamic environment. While the page still works as a unit, it feels both lighter and more flexible than in the past. The new ibm.com design was validated with worldwide user testing and expert evaluation by user engineering professionals. Since launch, it has been praised by industry analysts and has also driven increased traffic to key areas of the site.

IBM Webby Award Category Submissions Welcome! As you explore the new www.ibm.com, these links will provide you additional insight into the navigation and responsiveness central to the new design. These are provided in support of the five award categories: Best Home / Welcome Page Task-based Navigation Home Page (Learn, Shop, Get Support, Manage) and associated tools The site features task-based navigation directly from the home page, making it easier for users to learn, shop, get support or manage their IBM relationship. For example, the Servers & Storage link under "Shop for" has shown an increase of 665% over the prior "Intel-Based server" link. Traffic to Notebooks and Desktops are up 161% and 178%, respectively. Best Navigation Navigation system based on customers' wishes rather than IBM product lines Deeper content: Traffic to the Business Consulting Services home page increased and visitors are staying longer within the IBM Global Services area since the launch. People find information quicker and go deeper than before - without having to understand IBM's structure. Best Practices Task-based interface: Highlights the activities visitors want to complete and provides one-click access to pages with valuable content. Targeted content links: Used for "Learn about" links, connects to pages with relevant content from many levels of the site in an easy to use interface. Support and My Account links added on home page. Call me and Text chat features updated increasing the ability of web visitors to chat or talk with someone who can help them take the next step in their decision process. Early results report Customer Satisfaction goal attainment increased from 1-2 points in the U.S., to as high as 7-8 points in the UK and Japan. IT Hardware Product finder for Hardware Traffic to Product finders - faceted browsing tools -- has increased 194% since the November launch, and Special Offers traffic is up 319%. See: Notebook finder Desktop finder Server finder IT Software / Services Software and Services content "Learn about Software" dynamically aggregates content from across the domain into one Software products page. "Learn about business consulting" has increased traffic to Business Consulting Services from the home page up 200%. The attached presentation is the tutorial created to educate IBM's sales and marketing reps about the benefits and features of the new site to help them highlight these in conversations with their customers. At six weeks past launch, the statistics included are indicators of the early impact the new design is having on customer satisfaction and goal attainment. One IBM Web Experience Briefing (3MB .ppt)

Software used Adobe Photoshop and Illustrator, IBM WebSphere Hardware used IBM ThinkPad notebooks, IBM IntelliStation workstations and IBM eServers Materials used Pixels Fonts used Verdana, Helvetica Neue Release date 11/5/04 Designers Kevin Chiu Marc Wisniewski Kimberly Knight Meghan Widman Dmitriy Polyakov Taka Anai

今天在google的交互设计组讨论关于信息架构和uability的关系时，感觉自己对信息架构的理解简直是稀里哗啦，ok,上网来找点教程再好好学习一下，老实一点，把信息架构的概念一定要摆平咯

于是找到了这里，居然由信息架构的教程，待我慢慢学来：

Information Architecture Tutorial Overview by John Shiple

链接地址：http://hotwired.lycos.com/webmonkey/design/site_building/tutorials/tutorial1.html

共享给大家。

引自：http://www.squidoo.com/ia/

入门书籍类：

引自：http://www.squidoo.com/ia/

基础类：

 

User Friendly 2005上海国际大会
官方网站: http://www.upachina.org/userfriendly2005
日期: 2005年12月17.18日
地点: 上海市江宁路838号富容大厦3楼上海外服国际人才培训中心

大会简介及宗旨
User Friendly 2005是UPA中国User Friendly系列的第二届国际可用性大会，内容覆盖人机交互.软件工程.图形设计.工业设计三个与可用性密切相关的领域, 宗旨如下:
为可用性专业人士提供一个交流和学习的平台，了解国内外先进可用性技术和方法，提高自身专业能力；
......