Transcript HCI_and_The_Web - University of Maine

SIE 515
Human Computer Interaction
and the Web
Lecture 17
HCI and the internet
• Good HCI starts with understanding the
users
• And understanding the technology
What is the Internet?
•
•
•
•
•
Google
Facebook
Youtube
Baidu
Yahoo!
•
•
•
•
•
Wikipedia
Amazon
Twitter
QQ
Taobao
Growth of the Web
•
•
•
•
2000: 260 million users
2009: 1.7 billion users
2012: 2.4 billion users
2014: 3 billion users
• 2014: Facebook has 1.2 billion users
• 2014: Amazon has 110 million users
(active)
Internet by Region
USE:
China: 42%
USA: 20%
UK: 20%
USERS:
China: 46%
USA: 86%
UK: 90%
Attention Span
• 2000: after 8 secs of waiting for a page to
load, users would move on
• 2008: after 4 secs of waiting users would
move on.
• Most online shoppers would never return to
the site after 5 secs of waiting.
• Mobile browsers would wait 6 secs.
The internet time loop
information
marketing
Entertainment
What is the Internet?
•
•
•
•
Google
Information
Facebook
Information
Youtube
Media / Information
Baidu
Information
Getting Online
• Mobile web users 49% of internet
• 64% in the USA
• 900 million iOS devices sold
• 1.3 billion Android Devices sold
• 70% of iOS users pay for apps
• 34% of Android users pay for apps
Source: Online Publishers Association
Mobile Facts
Google Android
Apple iOS
(1.3 billion sold)
(900 million sold)
387 phones versions
8 phones versions
53 tablets versions
7 tablets versions
1.6 million apps
1.4 million apps
Internet Changing
Tech
100m
1b
3b
1990s
Personal
Computer
2000s
Desktop
Internet
2016
Mobile
Internet
Sold per year?
2015
PCs
260,000
Tablets
320,000
Phone
1.9 million
s
Whats with the
numbers Rick?
• Think Mobile not Desktops
• Think Small
• Think Fast
• Know your Audience!
Know your Audience
•
Study who is your major audience
•
Know the audiences habits
•
Know what they are most likely to look for
•
Where do they spend their time online?
Internet Time?
• Americans spend on
average 2.8 hours per day
on social networking.
Source: Nielsen
Mobile Users
64%
1 billion
of Social Network users
are on Mobile Devices
Smartphones
86%
use their phones
while watching TV
300 Million
Youtube views
from mobile devices a day
Source: Gigom, PSK, Nielsen, Facebook
Emerging Internet
Tech
Universal Design
• 508 Compliance
• Clean Code
• Standards
• No Elitists
• Languages
• HTML/CSS
• Java, javascript
• PHP, Perl, Ruby, Python, Go
Working with Disabilities
•
•
•
Hearing disabilities
•
Provide synchronized captions for any audio that
conveys content
Photo epilepsy
•
Remove strobing content that flashes between 2
and 55 times per second
Motor disabilities
•
•
Ensure content is keyboard accessible
Do not require fine motor skills
•
•
•
Cognitive disabilities
•
•
•
Give users control over time sensitive content
Provide easy to use controls and navigation schemes
consistently
Use the clearest, simplest language appropriate to the content
Low vision
•
•
Provide plenty of contrast
Allow content to scale to a larger size
Blindness
•
•
•
•
Ensure screen reader accessibility or provide an accessible
alternative
Ensure keyboard accessibility
Do not interfere with screen reader audio or keyboard
commands
Provide textual equivalents for all non-text elements that
Web Interfaces
• Some rules to follow
• Clean design
• Simple Navigation
• Dynamic results
Business Model
• Good interface design
• Reading Clients
• Learning their Audience
• Use Social Networks
Who gets it?
• Online-Only Retailers
• Non-Profits (beginning)
• Porn Industry
• Publishing Companies?
Show & Tell
• The Good
• The Bad
LingsCars.com
mrbottles.com
“stay glassy Milwaukee”