Great User experience (UX) is Usability + Graphic design + Accessibility
Accessibility is the concept of whether a product or service can be used by everyone—however they encounter it
Usability is concerned with whether designs are effective, efficient and satisfying to use.
UX at the boundary between supply and demand
Modular vs integrated boundaries and UX
Domain specific vs. domain independent UX
Domain specific UX
Domain specific UX is different because there’s a new cost to acquire it for each customer, product, or use case. If an interaction designer wants to increase their domain specific knowledge, they have to stop designing interfaces and go research for a while. Then they have to analyze what they learned and synthesize it into conclusions that are general enough to create requirements and design against. Looking at the firm as a whole, domain specific UX belongs to the demand side. It’s about understanding what to produce and sell.
Domain specific UX belongs to the demand side
Domain independent UX
- interface boundary
- The Design of Everyday Things or Tufte’s The Visual Display of Quantitative Information
- back-end boundary
- domain-driven-design
- martin-fowler's refactoring
Domain independent UX should absolutely pervade the organization. It belongs to the general skill and knowledge of each supplier at their link in the chain. It’s part of learning to be a good designer, programmer, marketer, salesperson etc. Looking at the firm as a whole, domain independent UX belongs to the supply side.
Domain independent UX belongs to the supply side
- Accessibility
- Usability
- Design
- Because of joy, otherways today's websites would still look like https://www.spacejam.com/1996/
- a11y
- ui
- dark UX
- Dark UX is design that is meant to trick the user into doing something they don't want to do.
- concepts
- above-the-fold
- Interaction Cost
- The Illusion of completeness
- colors
- https://uxmovement.com/buttons/the-myths-of-color-contrast-accessibility/
- https://stripe.com/blog/accessible-color-systems
- color-contrast
- https://www.w3.org/WAI/standards-guidelines/wcag/
- color-bind people can see contrast but not hue differences.
- use color-blind simulators
- use of color
- if you’re using color differences to convey information you need an extra cue
- but if you’re using lightness and darkness to convey information, you don’t need an extra cue, as long as the contrast difference is high enough.
- forms require colors to be assigned with meaning (red, green). But color is not enough because of blind people. Therefor an extra cue is required
- same with status indicators
- color contrast is not the only cue at play. Indicatint visual depth by play of background-color nad text color.
Topics
Typography
- readabilty vs legibility
- line length
books
- Don't make me think
- https://refactoringui.com/book/
- The Design of Everyday Things or Tufte’s The Visual Display of Quantitative Information
courses
- https://dribbble.com/stories/2021/02/04/how-to-become-ui-ux-designer
- https://www.udemy.com/course/ui-ux-web-design-using-adobe-xd/
- https://cursorup.com/
tool
Notes
- A study on accordion icons and the result ist that "caret" icons are the best one to use
- Research on split buttons and why there are mostly not a good solution
Links
- https://uxplanet.org/ux-design-glossary-how-to-use-affordances-in-user-interfaces-393c8e9686e4
- https://uxplanet.org/information-architecture-basics-for-designers-b5d43df62e20
- https://lawsofux.com/
- Nielsen Norman Group: World Leaders in Research-Based User Experienc
- https://www.checklist.design/
- Justin Hoyer's twitter account focusing on design and UX
- UX Method of the Week: Opportunity Workshop
- UX mental model, implementation and represented models in UX
- The place of ux
- The mission of Decentralization Off The Shelf (or “DOTS”) is to develop UX components and tools that developers and designers can use to build better user-facing applications backed by decentralized architectures, off the shelf.
- https://www.cursorup.com/blog/must-know-terms-digital-product-designer
- Useful overview / cheatsheet for UI/UX terms