Responsive Design and Development "Gotchas" Slides

Slides to my Connect.JS 2015 talk - Responsive Design and Development "Gotchas" - are now up at Speaker Deck!

• Responsive Design and Development "Gotchas" slides

Websites Referenced: Responsive Design and Development "Gotchas"

Connect.JS 2015
October 17, 2015, 10am

 

Andrew Malek

https://twitter.com/@malekontheweb
http://www.malektips.com/

 

Android Device Fragmentation - OpenSignal

http://opensignal.com/reports/2015/08/android-fragmentation/

 

Content strategy

• http://www.usability.gov/what-and-why/content-strategy.html 
• http://alistapart.com/article/audiences-outcomes-and-determining-user-needs 
• https://uxmag.com/articles/content-strategy-and-ux-a-modern-love-story

 

“Hamburger icon: How these three lines mystify most people” - BBC

http://www.bbc.com/news/magazine-31602745

 

Hamburger menu studies

• http://exisweb.net/menu-eats-hamburger
• http://conversionxl.com/testing-hamburger-icon-revenue/
• http://www.peakusability.com.au/articles/mobile-ux-part-1-menu-burgers-and-navicons
• http://www.adammcfarland.com/2013/10/24/responsive-mobile-ui-split-test-icons-or-text/

 

“Should “gender” be required, or is there a better way to collect this information?” – StackOverflow

http://ux.stackexchange.com/questions/19923/

OpenID and social network signon

• Google Sign-In: https://developers.google.com/identity/
• Facebook Login: https://developers.facebook.com/docs/facebook-login
• Yahoo – via OpenID: https://developer.yahoo.com/openid/
• OpenID: http://openid.net/

 

Bootstrap: Show Password

https://github.com/wenzhixin/bootstrap-show-password

 

jQuery Password Strength Meter for Twitter Bootstrap

https://github.com/ablanco/jquery.pwstrength.bootstrap

 

Jared Spool on surveys and 10-point scales

https://twitter.com/jmspool/status/584001051415683072

 

Notes on creating surveys

• https://www.uie.com/brainsparks/2015/09/24/stop-doing-survey-research/
• https://www.uie.com/brainsparks/2010/12/26/19-lessons-from-united-airlines-on-how-to-build-a-crappy-survey/
• http://www.nngroup.com/articles/keep-online-surveys-short/

GDS Design Notes – Asking for a date of birth

https://designnotes.blog.gov.uk/2013/12/05/asking-for-a-date-of-birth/

 

Notes on rendering birthday UI

• http://ux.stackexchange.com/questions/5119/
• http://ux.stackexchange.com/questions/41059/

 

IP Location and Geolocation

• http://ip2location.com
• http://www.netimpact.com/
• http://dev.maxmind.com/geoip/
• https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/Using_geolocation
• https://developers.google.com/maps/documentation/javascript/examples/geocoding-reverse

 

Identify card type from card number – StackOverflow

http://stackoverflow.com/questions/5911236/identify-card-type-from-card-number

 

MailCheck: Reduce user-misspelled email addresses in your forms

https://github.com/mailcheck/mailcheck

 

Gestural Interfaces: A Step Backwards In Usability

http://www.jnd.org/dn.mss/gestural_interfaces_a_step_backwards_in_usability_6.html

 

App User Retention Improves in the U.S., but Declines Internationally – Localytics

http://info.localytics.com/blog/app-user-retention-improves-in-the-us

 

Projections of the Size and Composition of the U.S. Population: 2014 to 2060

https://www.census.gov/content/dam/Census/library/publications/2015/demo/p25-1143.pdf

 

A Study of Novice Older Adults and Gestural Interaction on Smartphones

http://mobile-accessibility.di.fc.ul.pt/papers/mobacc2013_submission_6.pdf

 

Users’ Perspective of Smartphone Platforms Usability: An Empirical Study

http://ijssst.info/Vol-15/No-3/data/3857a379.pdf

PointClear - Optimizing mHealth Apps for Older Adults: 8 Strategies

http://blog.pointclearsolutions.com/2014/06/optimizing-mhealth-apps-older-adults-8-strategies/

Affordances and Design – NNG

http://www.jnd.org/dn.mss/affordances_and.html

 

Mobile Onboarding: A Beginner’s Guide: Smashing Magazine

http://www.smashingmagazine.com/2014/08/mobile-onboarding-beginners-guide/

UX Study: Teaching a user how to use your app: Richard Kim on Medium

https://medium.com/@cwRichardKim/ux-study-teaching-a-user-how-to-use-your-app-1c77e0e1271c

 

Affording Horizontal Swipes on Touchscreens

http://uxpatterns.org/affordances/affording-horizontal-swipes-on-touchscreens/