跳至导航 to navigation

案例:Ibm.com改版获得Webby奖

Ryana 发表于12:06

原文引自: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

信息架构教程

Ryana 发表于11:41

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

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

Information Architecture Tutorial
Overview

by John Shiple

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

共享给大家。

信息架构入门资源(2)

Ryana 发表于15:32

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

入门书籍类:

The Elements of User Experience
Jesse James Garrett's 因为最先把设计分解成一系列的层次和序列,受到广泛的推崇。对信息架构、交互设计和用户体验感兴趣的人都可以阅读一下。
Information Architecture: Blueprints for the web
Christina Wodtke一本写的非常清晰的入门书籍,从最基础的开始,Christina 还描绘了常见的问题,解决方法,工具。信息架构是一种策略,而不是一种原则,这本书让你变成设计思考者,能够处理各种难题。
Don't make me think
Steve Krug的这本书描述了创造一个有用的站点最重要的原则 ,Krug 谈到了常见的设计错误,会议如何进行,还有可用性测试。虽然很薄,但是却是一本很权威的介绍。covers common design mistakes, handling meetings, and usability testing. Though slim, an authoritative introduction to the subject.
The Design of Everyday Things
Don Norman这本书的中文早就出版了,叫《设计心理学》。讲的是人们怎么跟身边的事物交互,从门把手到咖啡壶的壶嘴,到计算机的界面,Norman讲述了一些通用的原则。

信息架构入门资源(1)

Ryana 发表于15:12

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

基础类:

Information architecture tutorial (WebMonkey)
WebMonkey的文章一直就是该领域入门的最好资源之一。
Information architecture defined (SitePoint)
 Christina Wodtke书写,信息架构简介和,怎样的影响交互性设计。
The elements of user experience (PDF diagram)
Jesse James Garrett's 的图表来描述web上的内容和软件的tension ,同时还讲述了过程中应该遵循的各种原则。
Site navigation: a few helpful definitions (Adaptive Path)
Indie Young对网站导航设计的简介。
IBM ease of use - web design guidelines
从概念到维护,IBM的易用性指南覆盖了设计的整个生命周期,展示了信息架构需要了解的各个知识点。
Web style guide (vsn 2)
 Lynch 和 Horton提供了对信息架构较为系统的介绍,覆盖了网站项目的完整生命周期,作为网站设计的基础,一些比较的技能,他们整理了一些基本的资源。

 

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

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

做完用户测试之后

Ryana 发表于22:22

 一则读书笔记。
对你的用户做完了测试后,要确认一下自己是否已经弄清楚的这些问题。一个个对照,问一下自己,看看自己的用户测试效果如何。

完全转录的媒体上的一篇文章,大家崇拜的ideo公司在怎么做事情,怎么看待这个行业的发展,以及对职业发展的建议。先贴到这里。

转录对Ideo公司的采访的一篇文章,第二部分。

科技时代_IDEO:以洞悉人性为设计主轴

这是sina对Ideo公司的采访文章,揭开了这个传奇一样的公司的设计秘密。。

uu网看到一篇文章,关于用户满意度调查在一个渐变网站评估中的迭代使用

改版的案例是:IBM的易用(EOU)网站(http://www.ibm.com/easy )。该网站的目的是宣传IBM在产品易用性方面的工作。从1997年由IBM主要为人机交互领域的实践人员提供信息,后来战略转变,被设计成为更广泛的读者群服务,包括界面设计师、信息开发人员、人因从业者、技术记者、程序员、IT经理以及这些专业的教师和学生。这个网站还随着IBM网站设计标准的演变而采用相应的新界面风格。

本文对EOU网站不同设计的三次系列用户满意度调查的方法和用法进行了讨论。挺不错的文章。

05-08-18消息

Tag: [ 资源 ]
Ryana 发表于21:18

绿色设计绿色制造绿色经营 海尔全面绿色战略
绿色设计逐渐走入人们的视野。国内好像还没有这个绿色设计相关的工业设计研修课程。

送花还是登祝福广告
这篇网址写得很有趣,我当成一个用户体验来处理。60块买花还是报纸上登广告祝福。。绝大部分选了买花。。女孩子的心理,要么,实在点,鲜花巧合力烛光晚餐,要么,虚一点,那一定要在众目睽睽之下,在大街上在闹市区,不顾旁人眼光表达你的感情,或者说是虚荣,或者说是爱的勇气。反正不管是虚还是实,要让女孩感觉到你爱的真诚和浪漫。

关于易用性的寓言 
其实说是易用性,有点狭隘。还是说成用户体验,这样一来说只要用户喜欢,就是好的用户体验这话就比较顺了。作者推崇了一下Flickr还有Start/3/,不错,是我正在研究的学习榜样。^_^

卓越网与80/20法则与长尾
80/20的法则真是有趣。前两天琢磨joyo网,觉得有点糟糕,现在看上去。这篇文章分析了一下joyo盈利模式,感觉耳目一新,可能是我在互联网电子商务方面太白痴的缘故吧。:)

05-08-17消息

Tag: [ 资源 ]
Ryana 发表于21:17

四川长虹组建跨国工业设计力量
长虹请到的美国一流设计专家高登·布鲁斯是三星创新实验室的创始人,三星产品设计中心总设计师。还请到了清华大学的鲁晓波和湖南大学的何人可教授担当设计顾问。

TGC招聘资深美工和资深界面互动设计师
消费电子行业开始招聘具备User-centered Design经验的IxD设计师啦,这个公司还要求跨文化设计经验。

设计协会05年芝加哥战略会议

Tag: [ 资源 ]
Ryana 发表于21:09

从sina上看到一个关于该会议的专题,名字叫2005芝加哥设计高峰会,这个名字累得我找英文官方站点好半天,才发现正确的英文名字应该是The Institute of Design Strategy Conference 。虽然名字翻译的有点..但是里面确实有一些好的图片资料。官方站点上有大量关于会议现场的照片。

 量体重的地板砖
可量体重的地板砖。

 音乐枕头
音乐枕头

MIT媒体实验室内根据股票行情会自动变色的圆球
MIT媒体实验室内根据股票行情会自动变色的圆球

MIT媒体实验室可触摸媒体小组研究的用触觉传递信息的电话
MIT媒体实验室可触摸媒体小组研究的用触觉传递信息的电话

 MIT可触摸媒体小组的能播放音乐的瓶子
MIT可触摸媒体小组的能播放音乐的瓶子

MIT媒体实验室物件导向小组研究的会逃跑的闹钟
MIT媒体实验室物件导向小组研究的会逃跑的闹钟

全球最具创造力的20家公司(2005)

Tag: [ 资源 ]
Ryana 发表于21:00

0531_64sperep.gif 
依次是苹果、3M、微软、通用、Sony、Dell、IBM、Google、宝洁、Nokia、Virgin、三星、沃尔玛、丰田、Ebay、Intel、Amazon、Ideo、星巴克、宝马。

[via businessweek]

ui界人物资料整理

Tag: [ 资源 ]
Ryana 发表于21:46
    这两天翻译了一些人物资料介绍。包括:Jeffrey Zeldman,Scott Berkun,Patrick W. Jordan,Scott Jenson,Doug Engelbart,Jakob Nielsen,Edward Tufte ,贴在UiGarden论坛。还有什么大师您想了解的?..............