Transcript DesigningForTheWeb

Designing for the Web
Cooper 37
William H. Bowers – [email protected]
Topics





The Good News and the Bad News
Common Web Design Myths
Web Sites vs. Web Applications
Browser Based vs. Internet-Enabled
Intranets, Extranets and the Internet
William H. Bowers – [email protected]
The Good News
and the Bad News

Early Web design
– Graphic artists and designers
– Focused on visual expression
– Few guidelines, flew by seat of pants

Information architects
– “Findability” of information
– Focus on content, navigation and
organization
William H. Bowers – [email protected]
Common Web Design Myths




The Web inherently makes things
easier to use
Designing for the Web is new and
different
Web design is about HTML
Web design is just about the front end
William H. Bowers – [email protected]
Common Web Design Myths




Web design is about browsers
Web design is about Web pages
The Web and the Internet are
anonymous
Web applications are easier and faster
to build than desktop applications
William H. Bowers – [email protected]
The Web Inherently Makes
Things Easier To Use




Early interaction was single clicks
Click on links or images
Minimal interaction
It was easy to use, but limited
William H. Bowers – [email protected]
Designing For The Web
Is New And Different




More constrained and fluid
UI was different
Emphasizes content over form
The design process is the same as for
desktop applications
William H. Bowers – [email protected]
Web Design Is About HTML



Print and graphic designers are media
focused
Graphic design and implementation
are the same
Application design is more complex
William H. Bowers – [email protected]
Web Design Is Just About The
Front End


Design encompasses the entire
product
Equal parts of:
– Visual design
– Information design
– Interaction design
William H. Bowers – [email protected]
Web Design Is About Browsers



Most web applications are within
browsers
More desktop applications are
becoming net aware
Web-enabled software
William H. Bowers – [email protected]
Web Design Is About Web
Pages



Hierarchies of static pages
Move is towards transactional,
dynamic sites
Becoming client-server applications
William H. Bowers – [email protected]
The Web And The Internet Are
Anonymous


The Web is browser accessible
The Net is really a diverse network
William H. Bowers – [email protected]
Web Applications Are Easier
And Faster To Build Than
Desktop Applications


HTML is fairly quick for prototyping
Transactional applications require
design and development
William H. Bowers – [email protected]
Web Sites vs. Web Applications

Web sites
– Information-centric
– Interaction is searching and following
links
– Sets of pages or documents
– Design focuses on content, organization
and clarity
William H. Bowers – [email protected]
Web Sites vs. Web Applications

Web applications
– Transactional in nature
– Mostly dynamic screens
– May utilize multiple databases
– Applets
– Browser based or standalone
William H. Bowers – [email protected]
Web Applications

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
William H. Bowers – [email protected]
Web Applications

E-Commerce
– Transient activities (research, purchase)
– Combine informational and business
elements
– Shopping
– Checkout
William H. Bowers – [email protected]
Web Applications

Sovereign posture
– Densely populated with controls
– Many features
– Use panes (frames) for organization
– MS Outlook Web Access
– ANGEL
– WebMail
William H. Bowers – [email protected]
Browser Based vs. InternetEnabled

Browser based
– Provides web accessed
– Difficult to implement on multiple clients
– Easy to install and maintain

Internet-Enabled
– Desktop application
– Can access the Web, data, etc.
William H. Bowers – [email protected]
Intranets, Extranets and the
Internet


Can not guarantee automatic data
saves
Internet
– New or infrequent users

Intranet, Extranet
– Frequent users
William H. Bowers – [email protected]
Questions & Discussion
William H. Bowers – [email protected]