+ All Categories
Home > Documents > Designing for the World Wide Web · Wide Web 3AIT –Trinity College. Introduction What makes Web...

Designing for the World Wide Web · Wide Web 3AIT –Trinity College. Introduction What makes Web...

Date post: 29-Jul-2020
Category:
Upload: others
View: 0 times
Download: 0 times
Share this document with a friend
11
Designing for the World Wide Web 3AIT Trinity College
Transcript
Page 1: Designing for the World Wide Web · Wide Web 3AIT –Trinity College. Introduction What makes Web sites effective and usable for the intended audience? Understanding the guidelines

Designing for the World

Wide Web

3AIT – Trinity College

Page 2: Designing for the World Wide Web · Wide Web 3AIT –Trinity College. Introduction What makes Web sites effective and usable for the intended audience? Understanding the guidelines

Introduction

What makes Web sites effective and

usable for the intended audience?

Understanding the guidelines and

principles guiding website development

Practicing design and user testing

techniques

Understand the dynamics of user

interaction with websites

Page 3: Designing for the World Wide Web · Wide Web 3AIT –Trinity College. Introduction What makes Web sites effective and usable for the intended audience? Understanding the guidelines

The Challenges

How to get people to come to your

Website?

How to help the user find what they want?

How to keep them there?

Promoting important areas on the site

Establishing brand identity

How to make the people come back?

Page 4: Designing for the World Wide Web · Wide Web 3AIT –Trinity College. Introduction What makes Web sites effective and usable for the intended audience? Understanding the guidelines

Well designed Website

Good design supports

Communication

Brand recognition

Usability

Inclusive

Accessible

Web design issues

Navigation

Screen size,

dimensions and

resolution

Interactivity

Browser variations

Content

Page 5: Designing for the World Wide Web · Wide Web 3AIT –Trinity College. Introduction What makes Web sites effective and usable for the intended audience? Understanding the guidelines

Content V Structure

Traditional software design – Structure first and content second

Web development – content more important than structure

Most important information presented first

“Vague content’ looses user interest

Need to accommodate diversity or users

Every page should have a goal for both user and author

Page 6: Designing for the World Wide Web · Wide Web 3AIT –Trinity College. Introduction What makes Web sites effective and usable for the intended audience? Understanding the guidelines

Information Architecture

Sequential structure –

tell a story

Hierarchical structure

– Organised

information

Network structure -

Exploring

Page 7: Designing for the World Wide Web · Wide Web 3AIT –Trinity College. Introduction What makes Web sites effective and usable for the intended audience? Understanding the guidelines

Structure Issues

Depth

Breadth

Page 8: Designing for the World Wide Web · Wide Web 3AIT –Trinity College. Introduction What makes Web sites effective and usable for the intended audience? Understanding the guidelines

Navigation

Navigation technique – depends on the

kind of structure chosen

Breadth or Depth?

Navigation questions to ask yourself-

Where am I?

How do I get to where I want to go?

How do I know where I have been?

Page 9: Designing for the World Wide Web · Wide Web 3AIT –Trinity College. Introduction What makes Web sites effective and usable for the intended audience? Understanding the guidelines

Overcoming Disorientation

Providing indicators – “you are here!”

Cascading menus

Thumbnail or breadcrumb maps

Colour coding, repetition, numbering

Providing “Search facilities”

Sitemaps

Explicit ‘Home’ button

Page 10: Designing for the World Wide Web · Wide Web 3AIT –Trinity College. Introduction What makes Web sites effective and usable for the intended audience? Understanding the guidelines

Successful User Interface

Clear

Concise

Familiar

Responsive

Consistent

Efficient

Page 11: Designing for the World Wide Web · Wide Web 3AIT –Trinity College. Introduction What makes Web sites effective and usable for the intended audience? Understanding the guidelines

Usability

Intuitive

Efficient and effective

Pleasurable experience

Achieve the user’s goals


Recommended