IS6116 26/9/11
description
Transcript of IS6116 26/9/11
![Page 1: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/1.jpg)
1IS6116 26/9/11Lecture 1
![Page 2: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/2.jpg)
Ciara Heavin
Room 3.85 ORB
021 4903826
Practical Sessions Lab 1.113 Wednesday 1-2pm Friday 1-2pm Commencing week starting Oct 3rd
![Page 3: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/3.jpg)
CAN YOU ANSWER THIS? Four jolly men sat down to play; And played all night till break of day; They played for money and not for fun, With separate scores for every one. Yet when they came to square accounts, They all had made quite fair amounts!
Can you the paradox explain? If no one lost, how could all gain?
![Page 4: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/4.jpg)
CAN YOU ANSWER THIS?
What is the name of the famous city?
![Page 5: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/5.jpg)
5
http://www.aldi.co.uk/
![Page 6: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/6.jpg)
6
![Page 7: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/7.jpg)
7
DESIGN CRITERIA Keep it simple
Users come for content
Transmission speed is important
Everything on the screen should load in 30 seconds
![Page 8: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/8.jpg)
8
DESIGN CRITERIA Site performance is critical
Site should be available 24/7
Organisation needs to know what kind of traffic it can handle
Company’s name and logo should be clear and visible
![Page 9: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/9.jpg)
9
DESIGN CRITERIA Care needs to be taken around bells
and whistles
Animation needs to have a theme or story
Use colour carefully
Ensure that visitors can return easily to your site
![Page 10: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/10.jpg)
10
DESIGNING FOR USABILITY “Only if a site is extremely easy to
use will anybody bother staying around” (Nielsen and Norman, 2000)
Guideline for customer friendly design: 1. Promote natural intuitive learning2. Make controls, their functions and their
results clearly visible3. Take advantage of the natural constraints
and affordances of web objects4. Be flexible and allow users to undo
mistakes
![Page 11: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/11.jpg)
11
BUILDING AN E-COMMERCE WEBSITE Requires an understanding of business,
technology and social issues. The main challenges in building an e-
commerce website lie in: Developing a clear understanding of your
business objectives Choosing the technology to achieve these
objectives
![Page 12: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/12.jpg)
12
WEBSITE DESIGNDON’T MAKE ME THINK (KRUG, 2005)
![Page 13: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/13.jpg)
13
HOW WE USE THE WEB1. We do not read pages we scan them
2. We do not make optimal choices - We satisfice
3. We do not figure out how things work - We muddle through
![Page 14: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/14.jpg)
14
WEBSITE DESIGN
![Page 15: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/15.jpg)
15
![Page 16: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/16.jpg)
16
DESIGNING FOR SPEED Customers view ecommerce as a time saving
device
To increase site performance the web designer can: Optimise back-end applications Optimise the site content
![Page 17: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/17.jpg)
17
ACCESSIBILITY Ecommerce webs are places of business and
must be accessible to all customers
Designers must account for a variety of abilities
Flexible design does not mean that every customer must have access to the same experience every customer has access to a complete and well
designed experienced
Customer friendly design relies on ‘graceful degradation’
![Page 18: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/18.jpg)
18
NAVIGATION The navigation interface is a set of tools
which allows the customer to take advantage of the environment without getting lost
![Page 19: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/19.jpg)
19
![Page 20: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/20.jpg)
20
NAVIGATION SHOULD: Be easy to learn
Be consistent Provide feedback
Use the minimum number of clicks
Use clear and intuitive labels
Support user tasks
Have each link be distinct from other links
Group navigation into logical units
Avoid making the user scroll to get to important navigation or submit buttons
Not disable the browser's back button
![Page 21: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/21.jpg)
21
WRITING GOOD CONTENT FOR THE WEB Break up content into shorter segments Make text scannable Task oriented writing Consistency Clearing up ambiguities
![Page 22: IS6116 26/9/11](https://reader036.fdocuments.net/reader036/viewer/2022062310/56815e5e550346895dccd756/html5/thumbnails/22.jpg)
INTERESTING LINKS http://
www.youtube.com/watch?v=RlQEoJaLQRA&feature=related
http://www.ted.com/talks/don_norman_on_design_and_emotion.html