Skip to main content

UX Design

Engineer critical paths to success.

Develop a set of standards to manage design at scale using provable valuable reusable components and patterns.

Purpose​

Use Outcome Driven Design to create a clear definition of what success looks like, then work backwards to dream up the path to get there.

  • What does success for the customer look like?
  • How can you measure success?
  • How will you know if you are off course?

Choice Architecture​

Decision Architecture is a field of study and practice that focuses on the design of choices and decision-making processes. It involves the systematic organisation and structure of information, options, and feedback to influence and guide people's decisions towards desired outcomes.

Choice architecture manipulates the context in which people make decisions. Our choices are influenced by factors we are not consciously aware of: different people can arrive at different decisions based on minor differences in how options are framed, what the default option is, and how their surrounding environment primes their mindset.

Mantra

Engineer systems that provide the freedom to focus of high value decisions

Design​

tip

Attractive things are considered to work better - JND

  • Responsive and mobile-first design: Ensuring websites work seamlessly across all devices.
  • Minimalist and clean layouts: Focusing on essential elements for better user experience.
  • Bold typography: Using large, eye-catching fonts as design elements.
  • Micro-interactions and animations: Adding subtle movements to enhance user engagement.
  • Dark mode options: Providing alternative color schemes for different user preferences.
  • Accessibility-focused design: Ensuring websites are usable by people with various abilities.
  • Asymmetrical layouts: Breaking away from traditional grid systems for more dynamic designs.

Inspiration​

Cultivate a list of leading designers to follow for inspiration. For example:

Human Behaviour​

Use human centred design to reduce cognitive load in making progress.

Seven, Plus or Minus Two. Don't overload the brain with too much information when making presentations.

AI Development​

  1. Search for inspirational design ideas.
  2. Copy and paste screenshots into your Figma dream board
  3. Make notes on what you like and why
  4. Take note of designer, fonts, colour and style
  5. Upload screenshots with notes or mock up your own design
  6. Fill in details of UI Design Prompt
  7. Iterate on design ideas

Design Iteration Review​

Common question to run through when appraising a design.

  • Who needs to see this?
  • What decision are they making?
  • What do they need to know?
  • What do we want them to remember?
  • What is the emotional hook?
  • What's the simpler version of this?
  • What is the initial impression?
  • If you stopped reading here, what is the message?
  • What does this mean?
  • Is what it says and what it means the same thing?
  • Do we want that?
  • Do we need to say that here?
  • How does this make you feel?
  • How else can we say this?
  • How does that change behaviour?
  • What's the payoff?
  • What does someone know now that they didn't know before?
  • How does that work?
  • Why is that worth a click?
  • Is that worth scrolling to?
  • Are we assuming too much?
  • Why are things in this order?
  • Why would this make them choose that?
  • What does a more polished version of this look like?
  • Why would someone leave at this point?
  • Why are we saying this twice?
  • Is it worth pulling attention away from that?
  • Does that make it clearer?
  • What matters the most here?
  • How would someone know that?
  • Would it matter if someone missed that??
  • What's the obvious next step?
  • Does that make it easier or harder?
  • What's missing?
  • Would this be better as a sentence or a picture?
  • What is the key action verb?
  • Why is that there?
  • What problem is that solving?
  • What would happen if we got rid of that?
  • Why isn't that clear?
  • Why is this better?
  • How can we make this more obvious?
  • What happens when this expands?
  • If we got rid of this, does that still work?
  • Is it obvious what happens next?
  • What just happened?
  • Where's the idea?
  • How does this change someone's mind?
  • Are nested dropdowns necessary?
  • Do we have time to create our own perfect Datepicker?
  • Or do we try to customize something open source?
  • How best to handle disabled buttons?