1. Human Computer Interaction
SIE 515
Human Computer Interaction
and the Web
Lecture 17

2. HCI and the internet Good HCI starts with understanding the users
And understanding the technology

3. What is the Internet? Google Wikipedia Facebook Amazon Youtube Twitter
Baidu QQ
Yahoo!
Taobao
Top 10 most visited sites

4. Growth of the Web 2000: 260 million users 2009: 1.7 billion users
2014: Facebook has 1.2 billion users
2014: Amazon has 110 million users (active)

5. Internet by Region USE: China: 42% USA: 20% UK: 20% USERS: China: 46%

6. 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.

7. The internet time loop information marketing Entertainment
information- early 90s, gray back / black text / blue links, s
advertising- billboards, shopping, contact information
media - radio, napster, youtube, itunes
Loop - google, facebook,
marketing
Entertainment

8. What is the Internet? Google Facebook Youtube Baidu Information
Media / Information
Top 10 most visited sites

9. Source: Online Publishers Association
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

10. Mobile Facts Google Android (1.3 billion sold) 387 phones versions
53 tablets versions
1.6 million apps
Apple iOS
(900 million sold)
8 phones versions
7 tablets versions
1.4 million apps

11. Internet Changing Tech
1990s s
Internet is pushing technology not the other way around.
100m 1b 3b
1990s
Personal
Computer
2000s
Desktop
Internet
2016
Mobile
Internet

12. Sold per year?
2015
260,000
320,000
1.9 million
PCs
Tablets
Phones

13. Whats with the numbers Rick?
Think Mobile not Desktops
Think Small
Think Fast
Know your Audience!

14. 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?

15. Internet Time? Facebook Yahoo Google
Americans spend on average 2.8 hours per day on social networking.
All per day.
Facebook
900 Million hours
Yahoo
300 Million hours
Google
218 Million hours
Source: Nielsen

16. Mobile Users 1 billion Smartphones
64% of Social Network users are on Mobile Devices
1 billion Smartphones
- Google claims 38% of its traffic is smartphones in the US
300 Million Youtube views from mobile devices a day
86% use their phones while watching TV
Source: Gigom, PSK, Nielsen, Facebook

17. Emerging Internet Tech

18. Universal Design 508 Compliance Clean Code Standards No Elitists
Languages
HTML/CSS
Java, javascript
PHP, Perl, Ruby, Python, Go

19. 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

20. 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 convey content or provide a function.

21. Web Interfaces Some rules to follow Clean design Simple Navigation
Dynamic results

22. Business Model Good interface design Reading Clients
Learning their Audience
Use Social Networks

23. Who gets it? Online-Only Retailers Non-Profits (beginning)
Porn Industry
Publishing Companies?

24. Show & Tell
The Good
The Bad

25. Zappos

26. ASPCA

27. Macys
LingsCars.com

28. “stay glassy Milwaukee”
Change.org
mrbottles.com
“stay glassy Milwaukee”