CodeStock 2016 - July 16, 2016 - 10:20 am
DevNexus 2016 - February 17, 2016, 10:30 am
Andrew Malek
https://twitter.com/@malekontheweb
http://www.malektips.com/
Invisible Design:
- Nobody Wants To Use Your Product
https://www.smashingmagazine.com/2016/01/nobody-wants-use-your-product/ - Great Designs Should Be Experienced and Not Seen
https://articles.uie.com/experiencedesign/ - 10 Reasons Why the Best Design Is Invisible
http://designshack.net/articles/graphics/10-reasons-why-the-best-design-is-invisible/
- Traffic light with red/yellow pedestrian phase
https://www.youtube.com/watch?v=DDYL2LW_FEg - Traffic Lights Sequence – Driving Test Tips
http://www.drivingtesttips.biz/traffic-lights-sequence.html - Why B.C.'s flashing green lights don't mean the same thing as those in Ontario
http://www.theglobeandmail.com/globe-drive/culture/commuting/why-bcs-flashing-green-lights-dont-mean-the-same-thing-as-those-in-ontario/article25066266/
- Supporting and Exploiting Spatial Memory in User Interfaces
http://www.joey.scarr.co.nz/pdf/spatialreview.pdf - How to avoid foolish consistency
http://scottberkun.com/essays/5-how-to-avoid-foolish-consistency/ - Who Moved My (Virtual) Cheese? : The Power of Understanding Mental Models When Designing Websites
https://uxmag.com/articles/who-moved-my-virtual-cheese - Maintaining Consistency in Your UI Design
http://designshack.net/articles/graphics/maintaining-consistency-in-your-ui-design/ - Orbitz Can’t Get A Date
https://www.uie.com/brainsparks/2006/02/20/orbitz-cant-get-a-date/
- iOS Human Interface Guidelines
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/ - Google Material Design (used in Android)
https://www.google.com/design/spec/material-design/introduction.html - Design applications for the Windows desktop
https://dev.windows.com/en-us/desktop/design - OS X Human Interface Guidelines
https://developer.apple.com/library/mac/documentation/UserExperience/Conceptual/OSXHIGuidelines/index.html - Misused mobile UX patterns
https://medium.com/@kollinz/misused-mobile-ux-patterns-84d2b6930570
- How Typography Affects Readers
(includes section on whether or not the font size matters)
http://www.adpushup.com/blog/how-typography-affects-readers/ - Eight Tips for Combining Typefaces
http://create.adobe.com/2013/12/1/eight_tips_for_combining_typefaces.html - 5 Faces for UI Design
('1 Ill ocean' test)
http://typecast.com/blog/type-on-screen-5-faces-for-ui-design - Making Your Printed Health Materials Senior Friendly
https://www.nia.nih.gov/health/publication/making-your-printed-health-materials-senior-friendly - Typography and the Aging Eye: Typeface Legibility for Older Viewers with Vision Problems
http://www.aiga.org/typography-and-the-aging-eye/ - Designing For The Elderly: Ways Older People Use Digital Technology Differently
https://www.smashingmagazine.com/2015/02/designing-digital-technology-for-the-elderly/
- iOS Human Interface Guidelines - Color and Typography
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/ColorImagesText.html - 5 Dangers of Flat Design
https://studio.uxpin.com/blog/5-dangers-of-flat-design/ - WebAIM Color Contrast Checker
http://webaim.org/resources/contrastchecker/ - Check my Colours
http://www.checkmycolours.com/ - Color Safe – create accessible color palettes
http://colorsafe.co/ - Color Contrast for Better Readability
https://viget.com/inspire/color-contrast - Coblis – Color Blindness Simulator
http://www.color-blindness.com/coblis-color-blindness-simulator/ - Color Blindness Simulator
http://www.etre.com/tools/colourblindsimulator/ - iOS App Store: Chromatic Vision Simulator
http://asada.tukusi.ne.jp/cvsimulator/e/
- Reading Online Text with a Poor Layout: Is Performance Worse?
http://usabilitynews.org/reading-online-text-with-a-poor-layout-is-performance-worse/ - How to make whitespace work on the Web
http://www.webdesignerdepot.com/2014/07/how-to-make-whitespace-work-on-the-web/ - Page Layout and Design for Digital Scrapbooking
http://www.informit.com/articles/article.aspx?p=174346&seqNum=3 - iOS Human Interface Guidelines - Adaptivity and Layout
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/LayoutandAppearance.html - Google - Material Design - Metrics and Keylines - Touch Target Size
https://www.google.com/design/spec/layout/metrics-keylines.html - Welcome to Lingscars, quite possibly the worst and weirdest website on the internet
http://metro.co.uk/2015/02/15/welcome-to-lingscars-quite-possibly-the-worst-and-weirdest-website-on-the-internet-5063801/
- Wikipedia – Rick Cook
https://en.wikiquote.org/wiki/Rick_Cook - Bad UI of the Week: Read This (OK/Cancel)
http://www.informit.com/articles/article.aspx?p=1146301 - iOS Human Interface Guidelines – Temporary Views – Alert
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/Alerts.html - Should I use Yes/No or Ok/Cancel on my message box? – UX Stack Exchange
http://ux.stackexchange.com/questions/9946/
- For Grammar’s Sake, Please Log In
http://www.slideux.com/slideux/2014/11/14/log-in-vs-log-in - Does Bad Grammar Make Bad UX?
http://www.sitepoint.com/bad-web-grammar-bad-ux/ - Five Ways to Prevent Bad Microcopy
https://www.smashingmagazine.com/2013/06/five-ways-prevent-bad-microcopy/ - The Art of Writing Microcopy and Why it Matters
http://www.smartinsights.com/persuasion-marketing/web-copywriting/the-art-of-writing-microcopy-and-why-it-matters/
- In Defense of Floppy Disks: The Vocabulary of the Interface
http://boxesandarrows.com/icon-survey-results/ - Improving Icon Usability
http://www.curveagency.com/blog/usability-web-icons - International Business: International symbol, icon blunders can be avoided
http://www.deseretnews.com/article/705370663/ - UX Myths - Myth #13: Icons enhance usability
http://uxmyths.com/post/715009009/myth-icons-enhance-usability - Making Your Icons User-Friendly: A Guide to Usability in UI Design
https://www.usertesting.com/blog/2015/08/04/user-friendly-ui-icons/ - Icon Usability
https://www.nngroup.com/articles/icon-usability/ - FontAwesome
https://fortawesome.github.io/Font-Awesome/ - FlatIcon
http://www.flaticon.com/ - Bootstrap JavaScript frameworkhttp://getbootstrap.com/
- Actual Performance, Perceived Performance
http://blog.codinghorror.com/actual-performance-perceived-performance/ - Response Times: The 3 Important Limits
https://www.nngroup.com/articles/response-times-3-important-limits/
No comments:
Post a Comment