development of an ease of use web site

20
Development of an Ease of Use Web Site Development of an Ease of Use Web Site Linda Lisle, Jianming Dong and Scott Isensee IBM

Upload: arien

Post on 10-Jan-2016

30 views

Category:

Documents


0 download

DESCRIPTION

Development of an Ease of Use Web Site. Linda Lisle, Jianming Dong and Scott Isensee IBM. Purposes. Designed and implemented by UI Architecture and Design group Developed by a multidisciplinary team Site intended to: Provide UI tools, guidelines and info - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

Linda Lisle, Jianming Dong and Scott Isensee

IBM

Page 2: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

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

Page 3: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

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

Page 4: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

Page 5: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

Page 6: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

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

Page 7: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

Page 8: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

Page 9: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

Ease of Use Web Site

Wanted to reach the press and other decision makers

We found they wanted very simple and concise information

Page 10: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

Page 11: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

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

Page 12: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

Page 13: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

Page 14: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

Page 15: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

User Involvement

Cognitive walkthrough and heuristic analysis

Usability testing On-line questionnaires Card sorting User feedback form on web site

Page 16: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

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

Page 17: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

Lessons Learned

Problems with browser versions Choosing and implementing a

technology Tension between leading edge UI and

simplicity Dos and don’ts

Page 18: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

Lessons Learned

Project management

Page 19: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

Lessons Learned

Navigation Synchronization of media

Page 20: Development of an Ease of Use Web Site

Development of an Ease of Use Web Site

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