Designing a site (1/4) – 1h
description
Transcript of Designing a site (1/4) – 1h
![Page 1: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/1.jpg)
Designing a site (1/4) – 1h
First Step
![Page 2: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/2.jpg)
Lazar’s Development LifecycleDefine the mission &
target users
Collect user
requirements Create andModify
Conceptual design
Create and modify physical design
Perform usability testing
Implement and market the website
Evaluate and improve the website
![Page 3: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/3.jpg)
First step
• Mission statement– what is the purpose of the site ?
• Target user population– who is going to use the site ?
• Project Brief– Another document! (highly readable and concise)– How the subject will be approached– The scope of the project– The intended audience
![Page 4: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/4.jpg)
Mission: Characterising WebsitesNavarro and Khan’s Taxonomy of Web Site Missions (inform, entertain, sell)
Goal Examples
Inform or educate Universities, schools, charitable foundations, non-profit organisations, government, businesses, political organisations, personal homepages
Entertain Magazine, e-zines, galleries, museums, media clubs, organisation, personal home pages
![Page 5: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/5.jpg)
Navarro and Khan’s Taxonomy of Web Site Missions
Effective Web Design (1998)
Question: is this taxonomy still valid today? What other categorisation can you think of?
Goal Examples
Market, sell or persuade Businesses, political organisations, non-profit organisations, universities, schools, personal resumes
![Page 6: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/6.jpg)
Defining the Mission Statement
• What are the goals of the web site?– Inform or educate– Entertain – Market, sell or persuade– Different goals for different users ?
• What type of interaction with the users does the client want?– Buy a product, subscribe to a mailing list, read information,
download a patch, play a game etc
• How will success be measured ?– Pages visited, products sold, customer satisfaction etc
![Page 7: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/7.jpg)
Defining the Target User
• To whom is the web site targeted?
• Are there different user groups within the target population?
• Can we develop separate user profiles?
• Can we contact all these different user groups?
![Page 8: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/8.jpg)
…. need to define ….
• baseline specification (user)– platform, bandwidth, browser version, colour resolution, screen
resolution, plug-ins etc
• technical specifications (development)– platform, authoring tools, hardware, format etc
• Content– Who is responsible for it?
– text, images, dynamic media etc
• navigation– menus, icons, hypertext etc
• screen layout– design guidelines, screen display, colours, fonts etc
![Page 9: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/9.jpg)
…. information required …..
• Demographic information– Age, gender, educational experience etc of users
• Domain knowledge– Previous knowledge and experience of users
• Computing experience– Support and training required in-house
• Computing environment– Hardware, software, connection etc (users and in-house)
• Content– Users needs
• Benchmarking– Exemplars, competition
• Other considerations– Redevelopment: previous data such as usability tests
![Page 10: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/10.jpg)
…. decision time
• What categories of information need to be collected from the user ?
• Which data are most important to collect ?
• What other web sites would be good benchmarks ?
![Page 11: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/11.jpg)
Requirements Capture
• PACT - – People
• who will use the system– Activities
• what it will be used for– Contexts
• the contexts of the interaction– Technologies
• what is technically/logically feasible
![Page 12: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/12.jpg)
PACT - People
• Physical Differences– Colour blindness– Impairment
• Psychological Differences– Spatial ability– Experience
• Usage Differences– Secretaries– Managers
![Page 13: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/13.jpg)
PACT - Activities
• Temporal Aspects– Speed of response– Frequency of Use
• Cooperation - alone or with others?
• Complexity– Step-by- Step or Browse Around?
• Safety-Critical - allow recovery from errors
• Nature and Content (input device, media)
![Page 14: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/14.jpg)
PACT - Contexts
• Physical Environment– Use Outside?– Slow internet access?
• Social Context– Sound Permissible?– Privacy Necessary?
• Organisational Context– Change power Structure?– Deskilling?
![Page 15: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/15.jpg)
PACT - Technologies
• Input– Bar-codes, Touch Screens, Speech?
• Output– Video, Speech, Icons?
• Communication– Bandwidth, Speed, Storage?
• Content– Accurate, Up to Date, Relevant, Well
Presented
![Page 16: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/16.jpg)
Requirements Capture
• CUTE - Constraints, User profiles, Tasks, Environmental factors
![Page 17: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/17.jpg)
CUTE
• Constraints:– Timescale– Budget– Standards or styles– Technical performance criteria– Development personnel– User training requirements– Legal requirements relating to usability or
accessibility
![Page 18: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/18.jpg)
CUTE
• Users:– Physical and cognitive needs– Domain expertise– Education– Usage profile– Cultural background– Computer experience– Attitude– Work methods
![Page 19: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/19.jpg)
CUTE
• Tasks:– Functional specification– User-centred analysis of tasks
• Their components• Sequences• typical scenarios
– Context of work:• Work pattern• Work group dynamics
![Page 20: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/20.jpg)
CUTE
• Environment = physical aspects of the context of use:– Environmental conditions– Siting– Response needs– Criticality– Health and safety issues– Desk-bound or mobile– Stresses– Ergonomic issues
![Page 21: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/21.jpg)
Tools & Techniques
• Surveys– Paper– Electronic
• Interview– F2F– Telephone– Computer Mediated
• Focus groups– F2F– Computer Mediated
![Page 22: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/22.jpg)
Data Gathering Methods - Questionnaires
• Good for answering specific questions
• Data: Quantitative & qualitative
• Can reach many people with low resources
• Must be properly designed
• Low response rate
![Page 23: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/23.jpg)
Data Gathering Methods - Interviews
• Good for exploring issues• Some quantitative but mostly qualitative data• Interviewer can guide interviewee if necessary. • Encourages contact between developer and
user / client• Time consuming.• Recording equipment?• Artificial environment may intimidate interviewee
![Page 24: Designing a site (1/4) – 1h](https://reader035.fdocuments.net/reader035/viewer/2022062723/56813e58550346895da84e1a/html5/thumbnails/24.jpg)
Data Gathering Methods - Focus Groups
• Good for collecting multiple viewpoints• Some quantitative but mostly qualitative
data• Highlights areas of consensus and conflict.• Encourages contact between developer
and user / client• Mix of people: Possibility of dominant /
submissive characters.