Development of an Ease of Use Web Site

1
Development of an Ease of Use Web Site

• Linda Lisle, Jianming Dong and Scott Isensee
• IBM

2
Purposes

• Designed and implemented by UI Architecture and
  Design group
• Developed by a multidisciplinary team
• Site intended to
• Provide UI tools, guidelines and info
• Provide a public forum for new UI ideas
• Demonstrate our commitment to usability

3
Our First HCI Site

• Provided information about HCI and tools for
  practitioners
• Segmented the information by audience
• Simple site structure with audience page, topic
  page, then content pages

4
(No Transcript)
5
(No Transcript)
6
Second HCI Web Site

• Wanted to increase the amount of content and make
  use of new technologies
• Responded to user feedback
• Started to do incremental updates which we
  featured in the exhibits section

7
(No Transcript)
8
(No Transcript)
9
Ease of Use Web Site

• Wanted to reach the press and other decision
  makers
• We found they wanted very simple and concise
  information

10
(No Transcript)
11
Ease of Use Web Site Version 2

• Wanted to address problem of being lost in
  hyperspace
• Needed to determine how technologies such as
  Java, JavaScript, Flash and CSS could be
  appropriately used

12
(No Transcript)
13
(No Transcript)
14
(No Transcript)
15
User Involvement

• Cognitive walkthrough and heuristic analysis
• Usability testing
• On-line questionnaires
• Card sorting
• User feedback form on web site

16
Design

• Large sites can benefit from a design methodology
• Used modified form of OVID
• Created object diagrams
• Documented object views, relationships and states
• Did conceptual design before implementation

17
Lessons Learned

• Problems with browser versions
• Choosing and implementing a technology
• Tension between leading edge UI and simplicity
• Dos and donts

18
Lessons Learned

• Project management

19
Lessons Learned

• Navigation
• Synchronization of media

20
Future Directions

• Continue to expand the site
• Identify common user problems on the web, design
  solutions, evaluate them
• Refine user model for the web
• Develop and evaluate web design methodologies
• This will all appear at www.ibm.com/easy