These are notes taken with my tablet during the “A Modern Take On Interactive Prototypes” session at WordCamp Switzerland 2014 and I published them immediately after the talk. You can get a list of all my live-blogging posts of this WordCamp. Beware there may be mistakes, inaccuracies, and other imperfections in all these posts.
an Interaction Designer @wearerequired / required.ch
Interaction flow. Prototype iterations become better. Used for communication as well.
Her job is all about prototype in HTML/CSS for responsiveness and user testing .
Design in the browser early. HTML and CSS from lo to high fidelity. No static mockups.
Dynamic style guides.
Interactions should be designed in the browser which is the real canvas.
From lo to high fidelity. Take a front end framework such as Bootstrap. Wireframe. Add content. Add visual design. With iterations, getting to user testing. Refine the prototype until it becomes production-ready code. No waste of money nor code.
What matters are the skills. Some orgs focus on roles.
Teams. Focus on necessary skills. Front end. Back end. Target group expert.
Ricardoshops.CH redesign. Huge variety of product types. Prototype with real data and content types to see and play with variety. Dynamic content for the prototype and dynamic style guides.
It is a reference to communicate within the team and with the client.
Tight schedule made in time for Christmas.
No more PHP for prototyping.
Prototype generator and framework selector and dynamic content and auto dynamic style guide.
VUE.JS makes all this possible.
Update: Karin Christen released the slides.