1. William H. Bowers – whb108@psu.edu Designing for the Web Cooper 37

2. William H. Bowers – whb108@psu.edu Topics The Good News and the Bad News The Good News and the Bad News Common Web Design Myths Common Web Design Myths Web Sites vs. Web Applications Web Sites vs. Web Applications Browser Based vs. Internet-Enabled Browser Based vs. Internet-Enabled Intranets, Extranets and the Internet Intranets, Extranets and the Internet

3. William H. Bowers – whb108@psu.edu The Good News and the Bad News Early Web design Early Web design –Graphic artists and designers –Focused on visual expression –Few guidelines, flew by seat of pants Information architects Information architects –“Findability” of information –Focus on content, navigation and organization

4. William H. Bowers – whb108@psu.edu Common Web Design Myths The Web inherently makes things easier to use The Web inherently makes things easier to use Designing for the Web is new and different Designing for the Web is new and different Web design is about HTML Web design is about HTML Web design is just about the front end Web design is just about the front end

5. William H. Bowers – whb108@psu.edu Common Web Design Myths Web design is about browsers Web design is about browsers Web design is about Web pages Web design is about Web pages The Web and the Internet are anonymous The Web and the Internet are anonymous Web applications are easier and faster to build than desktop applications Web applications are easier and faster to build than desktop applications

6. William H. Bowers – whb108@psu.edu The Web Inherently Makes Things Easier To Use Early interaction was single clicks Early interaction was single clicks Click on links or images Click on links or images Minimal interaction Minimal interaction It was easy to use, but limited It was easy to use, but limited

7. William H. Bowers – whb108@psu.edu Designing For The Web Is New And Different More constrained and fluid More constrained and fluid UI was different UI was different Emphasizes content over form Emphasizes content over form The design process is the same as for desktop applications The design process is the same as for desktop applications

8. William H. Bowers – whb108@psu.edu Web Design Is About HTML Print and graphic designers are media focused Print and graphic designers are media focused Graphic design and implementation are the same Graphic design and implementation are the same Application design is more complex Application design is more complex

9. William H. Bowers – whb108@psu.edu Web Design Is Just About The Front End Design encompasses the entire product Design encompasses the entire product Equal parts of: Equal parts of: –Visual design –Information design –Interaction design

10. William H. Bowers – whb108@psu.edu Web Design Is About Browsers Most web applications are within browsers Most web applications are within browsers More desktop applications are becoming net aware More desktop applications are becoming net aware Web-enabled software Web-enabled software

11. William H. Bowers – whb108@psu.edu Web Design Is About Web Pages Hierarchies of static pages Hierarchies of static pages Move is towards transactional, dynamic sites Move is towards transactional, dynamic sites Becoming client-server applications Becoming client-server applications

12. William H. Bowers – whb108@psu.edu The Web And The Internet Are Anonymous The Web is browser accessible The Web is browser accessible The Net is really a diverse network The Net is really a diverse network

13. William H. Bowers – whb108@psu.edu Web Applications Are Easier And Faster To Build Than Desktop Applications HTML is fairly quick for prototyping HTML is fairly quick for prototyping Transactional applications require design and development Transactional applications require design and development

14. William H. Bowers – whb108@psu.edu Web Sites vs. Web Applications Web sites Web sites –Information-centric –Interaction is searching and following links –Sets of pages or documents –Design focuses on content, organization and clarity

15. William H. Bowers – whb108@psu.edu Web Sites vs. Web Applications Web applications Web applications –Transactional in nature –Mostly dynamic screens –May utilize multiple databases –Applets –Browser based or standalone

16. William H. Bowers – whb108@psu.edu Web Applications Transient posture Transient posture –Utilities –Must clearly indicate functionality –Simple, direct and to the point –Fit user’s mental models and flow –Consider access to user data

17. William H. Bowers – whb108@psu.edu Web Applications E-Commerce E-Commerce –Transient activities (research, purchase) –Combine informational and business elements –Shopping –Checkout

18. William H. Bowers – whb108@psu.edu Web Applications Sovereign posture Sovereign posture –Densely populated with controls –Many features –Use panes (frames) for organization –MS Outlook Web Access –ANGEL –WebMail

19. William H. Bowers – whb108@psu.edu Browser Based vs. Internet- Enabled Browser based Browser based –Provides web accessed –Difficult to implement on multiple clients –Easy to install and maintain Internet-Enabled Internet-Enabled –Desktop application –Can access the Web, data, etc.

20. William H. Bowers – whb108@psu.edu Intranets, Extranets and the Internet Can not guarantee automatic data saves Can not guarantee automatic data saves Internet Internet –New or infrequent users Intranet, Extranet Intranet, Extranet –Frequent users

21. William H. Bowers – whb108@psu.edu Questions & Discussion