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

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

Dec 27, 2015

Download

Documents

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Development of an Ease of Use Web Site Linda Lisle, Jianming Dong and Scott Isensee IBM.

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 Linda Lisle, Jianming Dong and Scott Isensee IBM.

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 Linda Lisle, Jianming Dong and Scott Isensee IBM.

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 Linda Lisle, Jianming Dong and Scott Isensee IBM.

Development of an Ease of Use Web Site

Page 5: Development of an Ease of Use Web Site Linda Lisle, Jianming Dong and Scott Isensee IBM.

Development of an Ease of Use Web Site

Page 6: Development of an Ease of Use Web Site Linda Lisle, Jianming Dong and Scott Isensee IBM.

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 Linda Lisle, Jianming Dong and Scott Isensee IBM.

Development of an Ease of Use Web Site

Page 8: Development of an Ease of Use Web Site Linda Lisle, Jianming Dong and Scott Isensee IBM.

Development of an Ease of Use Web Site

Page 9: Development of an Ease of Use Web Site Linda Lisle, Jianming Dong and Scott Isensee IBM.

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 Linda Lisle, Jianming Dong and Scott Isensee IBM.

Development of an Ease of Use Web Site

Page 11: Development of an Ease of Use Web Site Linda Lisle, Jianming Dong and Scott Isensee IBM.

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 Linda Lisle, Jianming Dong and Scott Isensee IBM.

Development of an Ease of Use Web Site

Page 13: Development of an Ease of Use Web Site Linda Lisle, Jianming Dong and Scott Isensee IBM.

Development of an Ease of Use Web Site

Page 14: Development of an Ease of Use Web Site Linda Lisle, Jianming Dong and Scott Isensee IBM.

Development of an Ease of Use Web Site

Page 15: Development of an Ease of Use Web Site Linda Lisle, Jianming Dong and Scott Isensee IBM.

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 Linda Lisle, Jianming Dong and Scott Isensee IBM.

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 Linda Lisle, Jianming Dong and Scott Isensee IBM.

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 Linda Lisle, Jianming Dong and Scott Isensee IBM.

Development of an Ease of Use Web Site

Lessons Learned

Project management

Page 19: Development of an Ease of Use Web Site Linda Lisle, Jianming Dong and Scott Isensee IBM.

Development of an Ease of Use Web Site

Lessons Learned

Navigation Synchronization of media

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

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