Transcript Users

Design considerations
Unit 14 Website Design
HND in Computing and Systems
Development
Understand web design
concepts
Users:
Site analysis:
Accessibility:
Design:
Environment:
Understand web design
concepts - Users:
• types eg
•
•
•
•
•
expert,
regular,
occasional,
novice,
special needs;
• requirements eg
•
•
•
•
•
psychological,
cultural,
social and
environmental,
health and safety,
education and work
Understand web design
concepts - Site analysis:
• purpose eg
•
•
•
•
•
•
•
•
•
• fit for purpose eg
• meets
organisational and
site objectives;
planning eg
storyboarding,
structure,
hypermedia linkage,
search engine key
words,
graphical design,
user interface,
audio/video sources,
• animation,
• text design;
communication,
real-time
information,
•
commercial,
•
government,
•
education,
•
business,
•
entertainment,
downloading/uplo •
•
ading,
•
web storage;
• maintenance eg
•
•
•
•
plans,
logs,
disaster recovery,
testing
Understand web design
concepts- Accessibility:
• current standards and legislation eg
• Disability Discrimination Act,
alternative text,
• Data Protection Act,
• e-Commerce Regulations Act,
resizable fonts,
• Computer Misuse Act,
support for screen readers,
• W3C validation,
adjustable fonts;
• copyright and intellectual
property rights
• features eg
•
•
•
•
Understand web design
concepts - Design:
• rules and heuristics for good website design;
• accessibility;
• functionality eg
•
•
•
•
timings,
navigation,
ease of use,
user-friendliness;
• evaluation tools eg
•
W3C Mark-up Validation Service
Understand web design
concepts - Environment:
• features eg
•
•
•
•
•
•
•
•
Uniform Resource Locators (URL),
Hypertext Mark-up Language (HTML),
Dynamic Hypertext Mark-up Language (DHTML),
Extensible Mark-up Language (XML),
JavaScript,
Java Applets,
plug-ins,
client and server-side scripting languages;
Understand web design
concepts – Environment (2):
• multimedia eg
•
•
animation,
sound/visual effects;
• hardware and software requirements eg
•
•
•
computer platforms,
operating systems,
application software;
• browser behaviour eg
•
•
•
•
execute scripting languages,
display Cascading Style Sheets (CSS),
applets,
Common Gateway Interface (CGI)
Learning outcome 1.1
Discuss the design concepts that have to be
considered when designing a website
Users
Types eg expert, regular, occasional,
novice, special needs;
How can you classify them?
Ability to Use the Web
Do they understand the basics of Web
navigation and search engines?
Can they use a browser’s functionality?
How well does the website appeal to the novice
user?
Most web users are somewhere in the middle,
but the trend is toward a higher level of online
competencies.
/
http://intuitivewebsites.com/articles/website-user-types
Readers vs. Scanners
• Does the user take the time to read
instructions or blocks of text on the site?
• Do they scan quickly for overviews?
• Websites should be designed for both
scanners and readers
• Most Web users are scanners first and
readers second. Also, scanners are more
likely to click on text links while scanning
content.
/
http://intuitivewebsites.com/articles/website-user-types
Click vs. Scrollers
• Many users will not click on a link for fear of
being taken to another website, losing their
progress or getting lost.
• Do site visitors favour scrolling and the safety
of a long page?
• Or are they comfortable clicking?
• It is important to know what appears above
the fold on your Web page and how this
appeals to clickers who may not scroll below
the fold.
/
http://intuitivewebsites.com/articles/website-user-types
Click on Graphics or will not Click
on Graphics
• Is the user willing to click on large graphics?
Or do they ignore these graphics and use text
and the navigation system to find what they
need?
• Many Websites contain large clickable
graphics. Most users ignore these –
especially if they are ads.
/
http://intuitivewebsites.com/articles/website-user-types
Will Buy Online with Credit Card
vs. Never Buy Online
• Some, novice web users are likely to use the
Internet to get information, but not put their
credit card online because of a lack of
understanding about security issues.
• It is important that you understand what
percent of your visitors will not buy anything
online.
• These site visitors need easy access to your
phone number.
/
http://intuitivewebsites.com/articles/website-user-types
Look at Graphics and Photos vs.
Look for Content
• Website users love photos and static visual
images that are not perceived as adverts
• Many users are also interested in specific
written content.
• What are the key areas of interest for your
site visitors?
• Are there enough photos on the website to
build interest and enough written content to
explain your offering?
/
http://intuitivewebsites.com/articles/website-user-types
Use of the Search Function vs.
Navigation Menus
• The majority of users do not use a Website’s
search function because it is difficult to get
the intended results.
• Users have learned to avoid searching on a
website and stick to the navigation menus.
• Make sure all the pages can be reached from
a well-structured, static and intuitive
navigation system.
/
http://intuitivewebsites.com/articles/website-user-types
Over-riding principles
•
•
•
•
•
Understand your site visitors’ preferences,
Research your marketplace
Understand your Web stats,
Well-planned usability testing
Get inside the head of your site visitors
/
http://intuitivewebsites.com/articles/website-user-types
Another classification
• The Competitive Website User
Competitive types make fast, logical
decisions. They tend to be impatient, skim
through content quickly, look through content
quickly in order to get a sense of the big
picture, and want you to get to the point.
http://www.timeforcake.com/blog/post/denver-web-design-tip-stop-assuming-we-all-use-websites-the-same-way-you-do/
The Methodical Website User
• Methodical types make decisions slooooowly.
Yet like the Competitive types, they're very
logical in their decision making. Methodicals
want all the details and perform lots of
research before making decisions. They'll
often read every. single. word. on. a. web.
page. Maybe even twice.
http://www.timeforcake.com/blog/post/denver-web-design-tip-stop-assuming-we-all-use-websites-the-same-way-you-do/
The Humanistic Website User
• Humanistic types are highly emotional. They
typically want to know what others
experienced when they worked with, hired, or
bought from your company. They want to
know what it'd feel like to work with you.
They especially appreciate testimonials and
social proof.
http://www.timeforcake.com/blog/post/denver-web-design-tip-stop-assuming-we-all-use-websites-the-same-way-you-do/
The Spontaneous Website User
• Like the Competitives, Spontaneous types
make quick decisions. Yet unlike the
Competitives and more like the Humanistics,
they make decisions largely based on
emotion instead of pure logic. The attention
of Spontaneous types tends to bounce
around, and they often lock in on interesting,
"cool" website features.
http://www.timeforcake.com/blog/post/denver-web-design-tip-stop-assuming-we-all-use-websites-the-same-way-you-do/
People act differently
• People act differently depending on where
they are in the buying process
• Competitive at the research stage
• Methodical as they narrow down the options
http://www.timeforcake.com/blog/post/denver-web-design-tip-stop-assuming-we-all-use-websites-the-same-way-you-do/
Points to consider
• Your website could end up alienating at least
three out of the four types of visitors
• Is your site easy to skim for the Competitive
types?
• Does your site contain the right amount of details
for the Methodical types?
• Do you provide social proof for the Humanistic
types?
• Do you offer anything to capture and hold a
Spontaneous type's attention?
http://www.timeforcake.com/blog/post/denver-web-design-tip-stop-assuming-we-all-use-websites-the-same-way-you-do/
eCommerce user requirements
• Administrators
• Administrators should be able to manage eCommerce
applications using Web browsers.
• Data managers should be able to delete users.
• Site administrators should be able to change the
status of goods purchased by users after items have
been shipped.
• Administrators should be able to view all user
transactions
• Site managers should be able to view all transactions
for the day
eCommerce user requirements
• End users
• Users should be able to use the eCommerce
application from any Web browser
• Visitors new to the site should be able to register
by themselves. Users will be differentiated by
unique user identifiers.
• Transactions should be secure. That is, a basic
authentication mechanism must be built into the
application to prevent unauthorized persons from
making transactions on a user's behalf.
http://ewebarchitecture.com/ecommerce/user-requirements
eCommerce user requirements
• End users
• Site visitors should be able to purchase goods or
services via the electronic store.
• Users should be able to view a complete list of
specified items available through the site.
• Users should be able to search for items by
related attributes.
• Site visitors should be able to search the
database using relevant keywords to identify
items of interest.
http://ewebarchitecture.com/ecommerce/user-requirements
eCommerce user requirements
• End users
• Users should be able to select items of interest
and add them to their shopping carts for future
purchase.
• Visitors should be able to modify the quantities of
items in and/or delete items from their shopping
carts before checkout.
• All selected items should be shipped to the user
following purchase.
http://ewebarchitecture.com/ecommerce/user-requirements
eCommerce user requirements
• End users
• Users should be able to view the status of items
they have ordered.
• Large numbers of users should be able to use the
application simultaneously.
• The performance of the application should not
degrade with an increase in the number of goods
or services offered.
http://ewebarchitecture.com/ecommerce/user-requirements
Activity – assignment related
• Use the information above to:
• Discuss the user types and requirements of
visitors to the MWS web site