+++ WEB DESIGN UPDATE. - Volume 15, Issue 24, December 8, 2016. An email newsletter to distribute news and information about web design and development. ++ISSUE 24 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: EVALUATION & TESTING. 04: EVENTS. 05: HTML5. 06: INFORMATION ARCHITECTURE. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 10: PHP. 11: TOOLS. 12: TYPOGRAPHY. 13: USABILITY. SECTION TWO: 14: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. What the Heck Is Inclusive Design? By Heydon Pickering. "...This article is about what I think 'inclusive design' means and why I think you might like it as an idea..." https://24ways.org/2016/what-the-heck-is-inclusive-design/ Inclusive Markup (Video) By Estelle Weyl. Estelle's September 2016 View Source Conference talk. https://www.youtube.com/watch?v=FN3g39bnSRA How to Make Accessibility Easier for Service Teams By Angela Collins Rees. "Making services accessible means making services that anyone can use. It means creating and running them so that no one is excluded, whether they have a disability or not..." https://accessibility.blog.gov.uk/2016/12/02/how-to-make-accessibility-easier-for-service-teams/ Facebook's Head of Accessibility Thinks You Should Unplug Your Mouse By Greg Leffler. "Imagine that you turned on your phone and opened your favorite social app one morning only to find that instead of your normal activity feed, you just see boxes that say 'an article' or 'a photo'..." https://www.linkedin.com/pulse/facebooks-head-accessibility-thinks-you-should-unplug-greg-leffler Social Media and Accessibility (PDF) By Gian Wild. "...A subset of requirements from the W3C Web Content Accessibility Guidelines were used to test how accessible LinkedIn is to people with disabilities. A large number of issues were found, indicating that LinkedIn is not an accessible social network and is unlikely to provide the same functionality to people with disabilities using the system as those provided to the general public..." http://link.springer.com/chapter/10.1007%2F978-3-319-39396-4_12 A Simple, Accessible Language Switcher Module By Russ Weakley. "This language switcher module uses a simple radio button combination to allow users to change language..." https://russmaxdesign.github.io/language-switcher/ +02: CASCADING STYLE SHEETS. CSS Grid By Eric A. Meyer. "...CSS Grid is going to become supported-by-default in Chrome and Firefox in March of 2017. Specifically, Mozilla will ship it in Firefox 52, scheduled for March 7th. Due to the timing of their making Grid enabled-by-default in Chrome Canary, it appears Google will ship it in Chrome 57, scheduled for March 14..." http://meyerweb.com/eric/thoughts/2016/12/05/css-grid/ CSS Selectors Explained By Going Car Shopping By Kevin Kononenko. "If you have ever seen a car dealership, then you can understand CSS selectors..." https://medium.freecodecamp.com/css-selectors-explained-by-going-car-shopping-51a383f6eb4b +03: EVALUATION & TESTING. Imperfect Personas By Eric Meyer. "Personas can help us focus and make decisions about who we're designing for, but they often have blind spots built right in: they represent sanitised, idealised states of being. In today's UXmas gift Eric explains how this is a problem when designing for real people, and gives us some tips about what we can do about it." http://uxmas.com/2016/imperfect-personas/ 6 Ways To Visualize Statistical Significance By Jeff Sauro. "...Here are six ways to indicate sampling error and statistical significance to the consumers of your research..." http://www.measuringu.com/blog/visualize-significance.php A Case Study on Remote Moderated User Testing By Shannon Copfer Brace. "...In this article, I'll walk through how we chose our methods, identified constraints, set our goals, and executed the plan..." http://www.uxbooth.com/articles/a-case-study-on-remote-moderated-user-testing/ +04: EVENTS. UXPA June 5-8, 2017. Toronto, Canada http://uxpa2017.org/ Confab Central 2017 June 7-9, 2017. Minneapolis, Minnesota, U.S.A. http://confabevents.com/events/central/2017 M-Enabling Summit June 12-14, 2017. Washington, D.C., U.S.A. http://www.m-enabling.com/ +05: HTML5. The Average Web page From Top Twenty Google Results Study By advancedwebranking. "This HTML usage data comes from 8 million index pages gathered from top twenty Google results, for about 30 million keywords - chosen by keyword volume. To learn more about this data, visit the FAQ section. " https://www.advancedwebranking.com/html/ +06: INFORMATION ARCHITECTURE. Wireflows: A UX Deliverable for Workflows and Apps By Page Laubheimer. "Wireflows are a combination of wireframes and flowcharts. They can document workflow and screen designs when there are few pages that change dynamically." https://www.nngroup.com/articles/wireflows/ +07: JAVASCRIPT. Why I'm Thankful for JS Fatigue By Eric Elliott. "Learning JS can be overwhelming...Make peace with your focus. It's that simple..." https://medium.com/javascript-scene/why-im-thankful-for-js-fatigue-i-know-you-re-sick-of-those-words-but-this-is-different-296fae0c888f +08: MISCELLANEOUS. Meet The Web, Worldwide By Tim Kadlec. "From the very beginning the web has been emboldened by the grandiose idea that it could be for everyone, everywhere. What we face today is the challenge of making that idea become a reality..." http://calendar.perfplanet.com/2016/meet-the-web-worldwide/ +09: NAVIGATION. How Channels, Devices, and Touchpoints Impact the Customer Journey By Kim Flaherty. "Customer journeys are collections of touchpoints between users and organizations. A touchpoint is defined by a combination of channel, device, and user task." https://www.nngroup.com/articles/channels-devices-touchpoints/ 5 Common Mistakes Designers Make When Using Cards In Design By Brandon Arnold. "...Here we'll cover 5 of the most common mistakes we see designers make with card based UI..." http://zurb.com/article/1456/5-common-mistakes-designers-make-when-usi Death by Hamburger By Fiona Foster. "Why three little lines are hurting your UX..." https://uxdesign.cc/death-by-hamburger-2d1db115352a +10: PHP. The Delicious Evils of PHP By Christopher Pitt. "I want to look at two PHP functions: eval and exec..." https://www.sitepoint.com/the-delicious-evils-of-php/ +11: TOOLS. Site Check By UITest.com. "Site Check saves you timeā€”fill out only one form instead of a dozen when checking a website. Site Check lists links to test results provided by important validators and testing tools..." https://uitest.com/en/check/ +12: TYPOGRAPHY. Accessibility Whack-A-Mole By Eleanor Ratliff. "'How do we deal with accessibility needs for which there are no definitive answers?' asks Eleanor Ratliff. Sometimes we arrive at a fix that helps one group of people only to find that our solution undermines another group's experience. Through the prism of typeface choice, Ratliff relates how she and her team tackled the problem of accessibility whack-a-mole for a rebranding project." http://alistapart.com/article/accessibility-whack-a-mole +13: USABILITY. Effective Writing For Your UI: Things to Avoid By Nick Babich. "Clear, accurate, and concise text makes interfaces more usable and builds trust. Below is a list of 16 things you should avoid in your writing..." https://uxplanet.org/effective-writing-for-your-ui-things-to-avoid-f6084e94e009 The Secret of Waiters Who Don't Write Your Order Down By Vincent Feeney. "...In psychology, the Zeigarnik effect states that people remember uncompleted or interrupted tasks better than completed tasks..." https://uxdesign.cc/why-waiters-who-dont-write-your-order-down-aren-t-just-as-amazing-as-you-thought-bfeded5453b1 [Section one ends.] ++ SECTION TWO: +14: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://www.d.umn.edu/itss/training/online/webdesign/xml.html [Section two ends.] ++END NOTES. + SUBSCRIPTION INFO. WEB DESIGN UPDATE is available by subscription. For information on how to subscribe and unsubscribe please visit: http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html The Web Design Reference Site also has a RSS 2.0 feed for site updates. + TEXT EMAIL NEWSLETTER (TEN). As a navigation aid for screen readers we do our best to conform to the accessible Text Email Newsletter (TEN) guidelines. Please let me know if there is anything else we can do to make navigation easier. For TEN guideline information please visit: http://www.headstar.com/ten + SIGN OFF. Until next time, Laura L. Carlson Information Technology Systems and Services University of Minnesota Duluth Duluth, MN U.S.A. 55812-3009 mailto:lcarlson@d.umn.edu [Issue ends.]