...

• 2017.11.01 - Twitter - patio11 - Tweetstorm on US/Japan IRL/Web UX
  • Japan IRL UX (good):
    • What:
      • if you found literally any gov't in America as efficient as Ogaki City Hall, surprising.
      • I was done in 25 minutes. 3 minutes with greeter, 10 minutes with forms, 3 minutes with each of 4 adjacent bureaucrats who passed me along.
      • "Mr. McKenzie congrats on joining national health insurance, here's your card. This is your first time on it, right? Want explanation?"
  • Japan web UX (bad):
    • What: 
      • Think of every annoyance you've ever found in any shipping application. Forms which clear all inputs on an error. Ridiculous timeouts.
      • Office hours. Unclear instructions. Telling the user to do things a computer would do better, like formatting input to match a regexp.
      • Non-sensical browser restrictions, invariably to an old version of IE. Proprietary authentication schemes. No design, functional or visual.
      • Take all of the problems you've seen in the set of all American web applications. Take the union of them. Cross-apply to all Japanese apps.
    • Why:
      • Deeply entrenched reasons. Most apps are built by systems integrators. Huge skills gap in dev population. Devaluation of devs generally.
      • Large (shrinking) install base of legacy phones w/ unique UX requirements and lowest-common-denominator apps by purchasing decree.
      • Decisionmakers for purchase/implementation are often not merely not technical but Deeply Not Technical; not routine computer/etc users.
• Building a Princess-Saving App
  • Rec'd by Patrick Collison here

Courses / Tutorials

• Udemy
  • Workflow of Modern Web Design from Wireframes to Style Guide
    • Pakistani(?) guy.
    • This looks pretty useful. I watched a few clips and came away with some useful concepts (e.g. using a style guide for a website, and something about atomic design).
  • UX & Web Design Master Course: Strategy, Design, Development
  • User Experience (UX): The Ultimate Guide to Usability and UX
    • English guy
    • Started with a funny anecdote about leaving a parking lot at a German airport, where there's a green button and a red button, and lots of people were just hitting the green button when the red button is what's actually needed to leave.

Colors

• Telepathy - Using Color Theory to Create a Better Color Palette
• WebsiteBuilderExpert - How to Choose a Good Color Scheme For Your Website

Tools

• Invision
  • Used at SF, also rec'd by Pervaiz in the "Workflow ..." Udemy course.
• Color tools
  • Material Design Color Palette Generator

...

Examples

• YouTube for Desktop - 

Modals / Pop-up windows / Dialog boxes

• Thought: one of the main considerations for whether to have something as a no-other-actions pop-up (like PyCharm's "Settings" modal) or as part of the permanent UI (like PyCharm's "Project" sidebar) or as a other-actions-allowed pop-up (like Photoshop's various tool windows) is whether or not the user is likely to need to switch between the actions in that pop-up and the actions in some other part of the UI. A "save" or "load" action doesn't require interacting with the rest of the UI, so it can be in a pop-up that disables other actions.

Scrollbars

• CSS customized scroll bar in div

...