+++ WEB DESIGN UPDATE. - Volume 15, Issue 43, April 20, 2017. An email newsletter to distribute news and information about web design and development. ++ISSUE 43 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: EVALUATION & TESTING. 03: EVENTS. 04: INFORMATION ARCHITECTURE. 05: JAVASCRIPT. 06: MISCELLANEOUS. 07: NAVIGATION. 08: TYPOGRAPHY. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. How Current Design Trends Affect Web Accessibility By Denis Boudreau. "In this post, we'll explore some of the design trends we increasingly run into on the Web today, and how decisions made during the design phases can have a hugely detrimental effect on anyone who uses the web in a slightly differently way..." https://www.deque.com/blog/current-design-trends-affect-web-accessibility/ WCAG 2.0 - Perceivable (Video) By Dennis Deacon. "In this session, we'll look at Perceivable, ensuring information and user interface components are presentable to users in ways they can perceive..." https://www.youtube.com/watch?v=hXJ5vDVprp0 15 Years After An OCR Suit: NC State's Accessibility Refresh (Video) By 3PlayMedia. "In 1999, NC State University entered into a voluntary resolution resulting from three complaints filed from the Department of Education Office for Civil Rights (OCR)...what does accessibility at NC State University look like 15 (actually 17) years later?" http://www.3playmedia.com/resources/webinars/15-years-04-13-2017/ How to Make Focus Indicator Accessible By Rajendra Jaladi. "A focus indicator is a dotted or solid line present around the tab-able elements such as links, buttons, and form fields..." http://www.maxability.co.in/2017/04/how-to-make-focus-indicator-accessible/ Designing Accessible Products By Adhithya. "In a diverse world like ours, we cannot simply assume that all the users access and experience digital products in the same way..." https://uxdesign.cc/designing-accessible-products-e8aa79b55ebc Updated WCAG 2.1 Working Draft By Michael Cooper. "The Accessibility Guidelines Working Group has published an updated Working Draft of Web Content Accessibility Guidelines (WCAG) 2.1..." https://lists.w3.org/Archives/Public/w3c-wai-ig/2017AprJun/0026.html +02: EVALUATION & TESTING. Quantifying and Comparing Ease of Use Without Breaking the Bank By Christian Rohrer. "The PURE method quantifies how difficult a product is to use and provides qualitative insights into how to fix it, both without costing a lot of time or money." https://www.nngroup.com/articles/pure-method/ The Methods UX Professionals Use By Jeff Sauro. "The range of methods available to the researcher is one of the things that makes UX research such an interesting and effective field..." https://measuringu.com/ux-methods-2016/ Small vs. Big User Studies - What's Best? (Video) By Jakob Nielsen. "Jakob Nielsen answers an audience question about small and large usability studies. Which of these will improve your user interface design the most?" https://www.youtube.com/watch?v=ZTsT8r4MWLk +03: EVENTS. UX Immersion: Interactions May 1-3, 2017. Portland, Oregon, U.S.A. https://uxi.uie.com/ UX London May 24-26, 2017. London, England, United Kingdom http://2017.uxlondon.com/ National Association of Government Web Professionals Conference September 19-22, 2017. San Diego, California, U.S.A. https://nagw.org/conference/2017 Connect.JS September 20-22, 2017. Atlanta, Georgia, U.S.A. http://connect-js.com/ Madison PHP Conference September 22, 2017. Madison, Wisconsin, U.S.A. http://2017.madisonphpconference.com/ Mobile UX London November 24, 2017. London, England, United Kingdom https://mobileuxlondon.com/muxl2017/ +04: INFORMATION ARCHITECTURE. UX Wireframing: Bedrock of Interface Usability By Tubik Studio. "In 4th BC Plato said: 'The beginning is the most important part of the work'..." https://uxplanet.org/ux-wireframing-bedrock-of-interface-usability-7e9c76bd804d +05: JAVASCRIPT. jQuery Accessible Simple Tooltip Window, Using ARIA By Nicolas Hoffmann. "This jQuery plugin will provide you an accessible and simple non-modal tooltip, using ARIA." https://a11y.nicolas-hoffmann.net/simple-tooltip/ +06: MISCELLANEOUS. Code as a Signal of Quality By John Allsopp. "For closer to 20 than 10 years, I've made the argument that the quality of the code of a website (which is relatively easy to assess, compared to any sort of binary application, where code is almost impossible to assess in any meaningful way) - whether it validates, its approach to accessibility, its adoption of good practices and conventions - is an indicator of the overall approach of an organisation to the stuff you can't see..." https://www.webdirections.org/blog/code-as-a-signal-of-quality/ The Web-Wide World - Part 1: the Great Work By Mark Pesce. "...The Web has transformed the world, but stands aloof from it. It's the work of the next generation to knit these two together, sewing them into a seamless whole. That will transform our world as much as the Web has already transformed us." https://medium.com/ghvr/the-web-wide-world-3515b61517bb +07: NAVIGATION. Smooth Scrolling and Accessibility By Heather Migliorisi. "...Regardless of how you implement the feature, there are a few accessibility issues that should be addressed: focus management and animation..." https://css-tricks.com/smooth-scrolling-accessibility/ 6 Ways to Improve Long-Scroll Mobile Websites By Abbas Rajani. "...it's completely essential that your website's usability on mobile meets the user's expectations. One such factor that tends to let the user down is long-scroll websites..." https://www.sitepoint.com/6-ways-to-improve-long-scroll-mobile-websites/ Thumbs Up for Solving Non-Linear Reading Needs (Video) By Don Norman. "The user-experience benefits of a design that makes it easier to navigate complex information and return to previous locations..." https://www.youtube.com/watch?v=v3RMFWRzdvo E-Commerce Usability: The Main Navigation Should Display Product Categories (18% Don't) By Christian Holst. "...In this article we'll therefore cover our findings on why the main navigation should display the first level of product categories..." https://baymard.com/blog/main-navigation-product-categories +08: TYPOGRAPHY. Typography Rules and Terms Every Designer Must Know By Creative Bloq Staff. "We explain the fundamental concepts and terminology of typography in words you can understand..." http://www.creativebloq.com/typography/what-is-typography-123652 +09: USABILITY. Scroll-Triggered Text Animations Delay Users By Aurora Harley. "When misused, animations intended to add aesthetic appeal slow down content consumption and get in the user's way." https://www.nngroup.com/articles/scroll-animations/ High Traffic Does Not Equal Good Customer Experience By Gerry McGovern. "Just because a webpage is popular doesn't mean that it's useful. In fact, it could be getting in the way of a more useful page." http://gerrymcgovern.com/high-traffic-does-not-equal-good-customer-experience/ [Section one ends.] ++ SECTION TWO: +10: 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.]