Human Computer Interaction 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 Wikipedia Facebook Amazon Youtube Twitter Baidu QQ Yahoo! Taobao Top 10 most visited sites

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)

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

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 information- early 90s, gray back / black text / blue links, emails advertising- billboards, shopping, contact information media - radio, napster, youtube, itunes Loop - google, facebook, marketing Entertainment

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

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

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

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

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

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

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

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

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

Zappos

ASPCA

Macys LingsCars.com

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