This chapter will layout best practices and guidelines for UX designer. This amazing people make sure that the user interface is as easy to use as possible, and make sure that the user stories can be done as easy as possible.

Mostly the output will be wireframes. One should just do enough wireframes, enough to understand how it will work and make sure the right buttons and functionality is in place.

Essential tooling

  • Balsamiq for creating mockups, unless you can use something better which has the right amount of rough vs time.
  • Invision app for mockup collaboration and feedback.

Guidelines

  • Start with the most important screens first usually this is from the backlog anyway.
  • Don’t use lorem ipsum. Please use actual content as how the user would see it. Lorem ipsum is not representive enough. Lorem ipsum doesn’t justify the use of space. And if you don’t have any usefull to say on the piece of content, maybe it shouldn’t be there in the first place.
  • Use Balsamiq for creating mockups, this is the right amount of ‘rough-but-getting-the-message-across’ to still be good.
  • Make sure you have a consice click-path trough the application. It’s better to get an overall feel of all the screens with a rough outline then doing all the details first single pages first.
  • When detailing, focus on the essential screens first, the screens with most business value.
  • Make screens in multiple states. For instance: When a user is logged in, when a user is nog logged in. When a user has credit, or no credit etc.
  • Please deploy all screens to InvisionApp in order to collaborate with others.

Make sure that

  • You’re hanging out with the customer and the developer to ensure that the things can be build.

Delivering for design

Make sure the mockups are representative enough to get it designed.