RafaelFajardo

designfictions:

Paper prototyping our Micro-Service App concepts

This week we took our Micro-Service App concepts (from last week’s session) to a low fidelity (LoFi) prototype stage to test the initial UI designs.

Our LoFi Masterclass:

  1. A presentation taking the class through the many good reasons to paper prototype including a discussion on the best practice techniques for user testing
  2. Students make adjustments to their paper UI designs (image 2) before testing them on a fellow student (image 3). Final tweaks are made to the paper Ui designs based on observations and feedback from testing…
  3. Students use POP to capture their UI designs on their smart phones (image 4). Using POP the students can transform their paper sketches into working interfaces (image 5) to further test (image 6).

Voila! We have developed and tested a new concept in Micro-Service Apps… 

The concept development, user experience considerations and design experiments took much longer and much more effort than preparing a LoFi prototype. The more you resolve your UI and UX design on paper… the more efficient the implementation stages of production are… Promise!

…now onto High Fidelity prototyping. For this we will use Invision or jQuery Mobile for those with web dev experience. Other options include Flinto and Pixate

My testing mantra…

Pay attention to everything… but only act on somethings. 

Our test users will have varied responses to your prototypes… it takes an open mind and an expert eye to decipher what feedback to act on and what to consider later/never. Some feedback might hurt and some will surprise and delight you. Either way, the insights from testing will improve your designs and make you a better designer.

Great examples of LoFi Paper Prototype testing:

Some online articles on LoFi Paper Prototyping:

RafaelFajardo