user centred design we shall look at: considering your intended audience use of fonts selecting...
TRANSCRIPT
![Page 1: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/1.jpg)
User Centred DesignWe shall look at:
Considering your intended audienceUse of fontsSelecting graphicsThe style of the written contentOther issues relating to your designAccessibility for visitors with disabilities
![Page 2: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/2.jpg)
Overview of Last WeekLast week we looked at:
Creating a paper based designCreating storyboardsCreating a wireframe model of your site
![Page 3: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/3.jpg)
System PrototypeA prototype aircraft might have the following
features of the finished article:
Shape Proportion Colour Wings The prototype may not have
Glass windows Engines or any internal systems
![Page 4: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/4.jpg)
Q. How do you know if the design of your site is correct?A. By seeking input from the client and potential
users at each stage of the design process
Design
Prototype
Evaluate
Is it what the user wants?
No
![Page 5: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/5.jpg)
Generic User CharacterisationsWe may make this process more efficient by
working out what we know / don't know about our potential users
Tool PreferencePhysical Differences.“Cultural” Differences.
![Page 6: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/6.jpg)
Tool Preferencedo the users know how to –
Use the back button? Use a query language? Frames? Pop up windows?
![Page 7: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/7.jpg)
Physical Differences
Physical disabilitiesColour perceptionVisibility of small type – Age?Small children lack fine motor control
![Page 8: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/8.jpg)
“Cultural” DifferencesNationality
e.g. ColourRed Egypt Death
China HappinessJapan Anger / DangerFrance Aristocracy
Date format:10/2/05 0r 10/2/05???
Education research student v “Joe Public”
Profession – e.g.Default means different things to bankers and
programmers!
![Page 9: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/9.jpg)
Organisational Considerations
How would you organise a supermarket?
Alphabetically?By some other logical consideration? – e.g.
group dairy products?group fish products?group tinned products?Where would tinned tuna go?
![Page 10: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/10.jpg)
How might you organise a web site?
Group cookery recipes by:country?foodstuff?chronology?
Group cookery magazines by:country?foodstuff?chronology
![Page 11: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/11.jpg)
Contents may be organised by:
Topice.g. Yell.com (Yellow pages.)
Following the sequence of task the user must follow.e.g. On-line registration process.
Specific needs of the usere.g. personal v business banking.
By means of a metaphor.
![Page 12: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/12.jpg)
Basing your site on a metaphore.g. Money to describe Time
Time may be
Spent Saved Wasted
![Page 13: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/13.jpg)
http://www.bbc.co.uk/torchwood/
![Page 14: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/14.jpg)
Selecting Fonts
Welcome to my Fun Web Site
![Page 15: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/15.jpg)
Selecting Graphics.Quality Bathrooms?
![Page 16: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/16.jpg)
Quality Bathrooms?
![Page 17: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/17.jpg)
General Design RulesContrast
Make different parts of the site that are different – look different!
RepetitionRepeat visual elements of the design throughout the
site.
AlignmentGive items a visual association to other items.
ProximityItems related to each other should be grouped close to
each other.
![Page 18: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/18.jpg)
ContrastWhen you make two items different – make
them really different!
Welcome to My SiteHi my name is Matthew and this is my Web
Site.
Or…
Welcome to My SiteHi my name is Matthew and this is my Web
Site.
![Page 19: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/19.jpg)
Repetition
![Page 20: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/20.jpg)
AlignmentMake sure that the type of alignment you use is suitable for the content. In this case the fact that
the text is centred
makes it very hard to read as we are used to following a line of text to the left of the paragraph.
You see this text is so much easier to follow as the paragraph is left aligned which allows our eye to follow it so much more easily sorry about the lack of punctuation though.
![Page 21: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/21.jpg)
![Page 22: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/22.jpg)
ProximityMake use of visual organisation to convey content organisation.
CSCI1413 Programming Year 1.CSCI2608 Multimedia and Internet Technology.Personal Tutoring.Final Year Project Proposals.Creating Database Applications in VB.NET.Visual Basic.NET.Access 2000 Trainer.Visual Basic Generic guides for using VB 6 and belowNetworks and Communications.Guide to HTMLCSCI2002 Visual Basic as a Second Language.CSCI2008 Networks & Communications.INFO1004 Application Development.CSCI2010 Developing Business Database Applications
![Page 23: User Centred Design We shall look at: Considering your intended audience Use of fonts Selecting graphics The style of the written content Other issues](https://reader038.vdocument.in/reader038/viewer/2022110100/56649ddb5503460f94ad1daa/html5/thumbnails/23.jpg)
Better…CSCI1413 Programming Year 1.CSCI2608 Multimedia and Internet Technology.CSCI2002 Visual Basic as a Second Language.CSCI2008 Networks & Communications.INFO1004 Application Development.CSCI2010 Developing Business Database Applications
Personal Tutoring.Final Year Project Proposals.
Creating Database Applications in VB.NET.Visual Basic Generic guides for using VB 6 and belowVisual Basic.NET.
Access 2000 Trainer.
Networks and Communications.Guide to HTML