Now we come to my favorite part of the UX/UI process – design! In the UX Apprentice it states that “Discovery and Strategy only account for 20% of the process, the bulk of your time will be spent prototyping, testing and refining designs.”
I’ll add to this by stating that any NEW feature, even if it’s a “small one”, must be prototyped and tested. Until your users can get their hands on a clickable prototype or mockup to test the new feature – they won’t understand how it works – period.
Here are the assets for the Bay Area Barks Design phase:
First Mockup of Bay Area Barks showing responsive layout:
Bay Area Barks Prototype Site built with Foundation Framework and AngularJS:
View Bay Area Barks Site
My favorite example of using KeyNote as a prototyping tool was a talk given at the 2014 Apple Worldwide Developers Conference titled “Prototyping: Fake It Till You Make It” . This talk also encouraged me to re-focus on User Experience and User Interface design to build consensus between developers and UI/UX teams.
This concludes the Bay Area Barks User Experience series. I’ve enjoyed learning all the latest tools for creating better User Experiences and hope you’ve enjoyed the series.