Time to bring it all together, turn ideas and research into sketches.

Laws And Principles

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/26096e9d-b6d9-45ed-9c69-d0985fecc5c6/Screenshot_2020-10-28_at_17.34.59.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/18b0c9b9-f69c-40de-b589-b5821b395a45/Screenshot_2020-10-28_at_17.35.05.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/0b10d8a2-57d4-4ef5-92b2-ad424ff45aca/Screenshot_2020-10-28_at_17.35.16.png

Laws of UX - Linkedin

This post outlines 15 laws of UX however I've screenshotted the main three, especially those that apply to app design.

  1. Fitt's Law. The time to acquire a target is a function of the distance to and size of the target. "Fat fingers are not the real culprit; the blame should lie on the tiny targets." - NNGroup.
  2. Hick's Law. The time it takes to makes a decision increase with the number of complexity of choices. Keep It Simple Stupid - Interaction Design Foundation.
  3. Jakob's Law. Users spend most of their time on other sites, they prefer your site to work the same way. Stick to the user's mental model, what they expect to see and how they expect to navigate through a platform - NNGroup.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e3676708-6aba-4c78-a86a-1610a244aec4/Screenshot_2020-10-28_at_05.05.30_pm.png

UX and UI design tips - Medium

  1. Call To Action. Instead of “Add”, you could have “Add to Cart”, and instead of “Buy” — “Buy Now”.
  2. Copy on mobile. No more than 9 words per line, or 50–60 characters.
  3. CTA on mobile. The average width of the index finger is 16–20 mm for most adults, which makes the ideal button size 40–50px wide.
  4. Listing. Use radio-button style for less than 5 options and a drop-down for more than 5 options.
  5. Pagination or infinite scroll. Infinite scroll should be used for content exploration and pagination for goal-oriented UX, like e-commerce or data-rich websites.
  6. Default selection. Always use default selection, prompting the desired or the most frequent selection.
  7. Icons. Use icons when the label is not enough to explain the action.
  8. Error messaging. Always offer suggestions to correct errors, reducing user’s cognitive load.