This chapter will layout best practices and guidelines for UX designer. This amazing people ensure that the product and 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 mock ups, unless you can use something better which has the right amount of rough vs time.
  • Invision app for mock ups 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 representative enough. Lorem ipsum doesn’t justify the use of space. And if you don’t have any useful to say on the piece of content, maybe it shouldn’t be there in the first place.
  • Use Balsamiq for creating mock ups, this is the right amount of ‘rough-but-getting-the-message-across’ to still be good.
  • Make sure you have a concise 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 NGO logged in. When a user has credit, or no credit etc.
  • Please deploy all screens to Invision App 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 mock ups are representative enough to get it designed.