UI Design
"Good design will have it all – aesthetic pleasure, art, creativity – and at the same time be usable, workable, and enjoyable."
– Don Norman
...
UX Writing
...
Accessibility
...
Design Systems
...
Design System Resources
How to Design Better Icons ↗
Interface iconography tips & tricks to build a better icon style.
Design systems 102: How to build your design system ↗
The basics of creating a system tailored to your unique goals and challenges.
Prototypes
Prototypes range in fidelity from simple and disposable to complex and deployable. Your choices on this spetrum should be based on the goals you which to achieve with this prototype, time avaliable, and technical limitations.
- Simple and disposable
- Paper – quickly sketch, layout, and rearrange modules and pages on pieces of paper
- Scripted – explore a linear journey, or simple branching journey. Typically done in Figma, Principle App, or ProtoPie
- Interactive – high-fiddelity Figma or ProtoPie prototype featuring an expanded set of paths and interactions
- Data/content – low-fidelity code prototype populated with example data
- Video – high-fidelity motion prototypes, typically done in AfterEffects
- Functional – high-fidelity code prototype including real data and content either deployed to staging or live as an A/B test
- Complex and deployable
Handover & Documentation
...
← Back to the homepage↑ Back to top