1. Chapter 17 Designing for the web

2. The Lovely Rooms Hotel Booking Service
Domain - hotel booking service, B&Bs, <=5 rooms
Users – vacationers, UK residents, business travelers
Tasks – recommend a choice of three hotels nearest, offers pecial rates and discount packages, book online.
Environment – easy to use site
Technology – low-spec PCs, download as quickly as possible.
UIDE Chapter 17

3. The Lovely Rooms Hotel Booking Service
Conceptual Design
Primary Task Object: Hotel
Attributes – B&B, converted older property
Actions – Browse and search
Metaphors – list and map results
UIDE Chapter 17

4. Design Principles for Web Sites
Homerun (Nielsen 2000)
High-Quality Content
Often Updated
Minimal Download Time
Ease of Use
Relevant to User’s Needs
Unique to the Online Medium
Net-centric Corporate Culture
UIDE Chapter 17

5. Conceptual Design
UIDE Chapter 17

6. Designing Web Sites Designing the Web Site Structure
Helping the Users Know Where They Are
Helping the Users Navigate around the Site
Structural navigation – other pages within the same site
Associative links – same page links
“See Also” links – to other web sites
Navigation Aids
UIDE Chapter 17

7. Navigational Aids 1,2,3,4,5 Color of text links
Make names of links meaningful
Buttons or graphical images
Drop-down lists
Site map
Breadcrumb trail
Geographical or visual maps
Navigation bars
UIDE Chapter 17

8. UIDE Chapter 17

9. Design Considerations
How deep and how wide should the hierarchy be?
Is it better to divide a block of information into several short pages or leave it as one long page?
Can several web pages be combined into one larger one?
Does the structure of the site reflect the structure of the tasks the user wants to carry out?
How should the site content be grouped?
UIDE Chapter 17

10. UIDE Chapter 17

11. Find a Lovely Room
UIDE Chapter 17

12. Lovely Rooms web site
UIDE Chapter 17

13. Designing Home Pages and Interior Pages
Designing the Home Page
Tells the users where they are
Tells the users what the site does
1,2,3,4
Designing Interior Pages
UIDE Chapter 17

14. Design Issues for Web Pages
Widgets on Web Pages
Scrolling - 1
Designing for Different Screens and Platforms – 1,2
Using the Screen Area Effectively
UIDE Chapter 17

15. Design Issues for Web Pages
Using the Screen Area Effectively
Using Style Sheets - 1
Designing for Accessibility - 1
UIDE Chapter 17

16. Writing the Content of Web Pages
Keep Text to a Minimum <=50%
Help Users to Scan – use headings and subheadings, bulleted and numbered lists, highlight
Dividing Long Blocks of Text into Separate Sections
UIDE Chapter 17

17. UIDE Chapter 17