.
Date: Thu, 8 Dec 2016 06:31:00 -0600
From: Laura Carlson <[log in to unmask]>
To: webdev <[log in to unmask]>
Subject: [webdev] Web Design Update: December 8, 2016
+++ 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:[log in to unmask]
[Issue ends.]
--
.
|