human factors in web design mohsen asgari. contents www & human factors relationship human and...
TRANSCRIPT
![Page 1: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/1.jpg)
Human Factors in Web Design
Human Factors in Web DesignMohsen Asgari Mohsen Asgari
![Page 2: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/2.jpg)
ContentsContents
WWW & Human Factors Relationship
Human and Computer Interaction HCI & WWW Information Presentation Other Topics
WWW & Human Factors Relationship
Human and Computer Interaction HCI & WWW Information Presentation Other Topics
![Page 3: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/3.jpg)
![Page 4: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/4.jpg)
Human Computer Interaction
Human Computer Interaction
Physical AspectsPerceptual Aspects Cognitive Aspects Social Aspects
Physical AspectsPerceptual Aspects Cognitive Aspects Social Aspects
![Page 5: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/5.jpg)
HCI Cont,HCI Cont,
Useful Users get what they need
Usable Users can do these things easily and
effectively
Used Users actually do start and continue to
use it
Useful Users get what they need
Usable Users can do these things easily and
effectively
Used Users actually do start and continue to
use it
![Page 6: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/6.jpg)
HCI Cont,HCI Cont,
At the heart – The User User Profiles
At the heart – The User User Profiles
![Page 7: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/7.jpg)
HCI Cont,HCI Cont,
InteractionFitts' law
T = A + B*log(D/S)Mouse or Trackball finger is held down or relaxedArm or Wrist Muscles Content ScanScan Links : Fonts - Size - Meaning
InteractionFitts' law
T = A + B*log(D/S)Mouse or Trackball finger is held down or relaxedArm or Wrist Muscles Content ScanScan Links : Fonts - Size - Meaning
![Page 8: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/8.jpg)
HCI & WWWHCI & WWW
Platform Independent Frames JavaScript
Navigation Hyper Space Broad vs. Deep Back & History
Correcting mistakes Dead ends Exploratory browsing
Platform Independent Frames JavaScript
Navigation Hyper Space Broad vs. Deep Back & History
Correcting mistakes Dead ends Exploratory browsing
![Page 9: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/9.jpg)
HCI & WWWHCI & WWW
The Open EnvironmentWho Are the Users?Who Is This User?Where in the World?
Commercial ContextMultiple Decision Points.Web-time Development
The Open EnvironmentWho Are the Users?Who Is This User?Where in the World?
Commercial ContextMultiple Decision Points.Web-time Development
![Page 10: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/10.jpg)
Presentation of Information
Presentation of Information
Site Level Issues Amount of Information to Present on a Page
Depth versus breadth Page load time
Using Browser Windows pop-ups Frames
Presentation of Navigation Options horizontal, vertical, and index. table of contents (TOC), vertical dropdowns, horizontal Drop-downs, and top and left.
Scrolling and Page Length Scrolling versus paging Placing important information above the fold Scrolling in search results pages Horizontal scrolling
Site Level Issues Amount of Information to Present on a Page
Depth versus breadth Page load time
Using Browser Windows pop-ups Frames
Presentation of Navigation Options horizontal, vertical, and index. table of contents (TOC), vertical dropdowns, horizontal Drop-downs, and top and left.
Scrolling and Page Length Scrolling versus paging Placing important information above the fold Scrolling in search results pages Horizontal scrolling
![Page 11: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/11.jpg)
Depth versus breadthDepth versus breadth
In complex or ambiguous situations breadth still wins over depth
In very simple and clear situations Fewer choices per page wins.
Fewer choices in middle levels than in top or bottom levels of the hierarchy may be better
In complex or ambiguous situations breadth still wins over depth
In very simple and clear situations Fewer choices per page wins.
Fewer choices in middle levels than in top or bottom levels of the hierarchy may be better
![Page 12: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/12.jpg)
Page Load TimePage Load Time
Pages with delays longer than 41 s were rated as less interesting and more difficult to scan.
Study Range 2 to 73 s. good ratings between 8 and 10 s,
with a 56k modem, the minimum bandwidth is about 4 Kbytes/s
Pages with delays longer than 41 s were rated as less interesting and more difficult to scan.
Study Range 2 to 73 s. good ratings between 8 and 10 s,
with a 56k modem, the minimum bandwidth is about 4 Kbytes/s
![Page 13: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/13.jpg)
Navigation OptionsNavigation Options
![Page 14: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/14.jpg)
Navigation OptionsNavigation Options
![Page 15: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/15.jpg)
Presentation of Information
Presentation of Information
Page Level Issues Page Layout
Summery – Link – FullFixed – Variable Width
LinksText links versus non-text linksLink placementLink titlesVisited links
Page Level Issues Page Layout
Summery – Link – FullFixed – Variable Width
LinksText links versus non-text linksLink placementLink titlesVisited links
![Page 16: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/16.jpg)
Fixed-Width DesignFixed-Width Design
![Page 17: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/17.jpg)
Variable-Width DesignVariable-Width Design
![Page 18: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/18.jpg)
SummarySummary
![Page 19: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/19.jpg)
FullFull
![Page 20: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/20.jpg)
LinksLinks
![Page 21: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/21.jpg)
Other TopicsOther Topics
Presentation of InformationTables and GraphsText and FontsColorGraphics & ImagesForm ControlsSite MapsSearchUser Assistance, Help, and FAQs
Presentation of InformationTables and GraphsText and FontsColorGraphics & ImagesForm ControlsSite MapsSearchUser Assistance, Help, and FAQs
![Page 22: Human Factors in Web Design Mohsen Asgari. Contents WWW & Human Factors Relationship Human and Computer Interaction HCI & WWW Information Presentation](https://reader036.vdocuments.us/reader036/viewer/2022062718/56649e725503460f94b70c6b/html5/thumbnails/22.jpg)
Other TopicsOther Topics
Search Engines & Interface AgentsUniversal AccessUsability & Design Process Task Analysis Specific Web Applications Information SecurityWeb Psychology
Search Engines & Interface AgentsUniversal AccessUsability & Design Process Task Analysis Specific Web Applications Information SecurityWeb Psychology