Wireframes and prototypes play a critical role in the early stages of the design process. This is a step-by-step guide to designing low-fidelity wireframes and prototypes.

English | PDF | 2017 | 235 Pages | ISBN : 1484230205 | 7.22 MB

Tiles for Wireframes & Flowcharts V1

Website layout tiles is a product or system for building quick visual flowcharts and sitemaps for client and project work. My first versions were done back in 2005 believe it or not when I worked on a project for the BBC here in the UK. I needed to put together an initial functional outline for the project and we didn’t have time to build wireframes or prototypes so I put together a ‘sitemap on steroids’ as I called it at the time. This illustrated our initial proposal and used them as the focus and idea generator for much of the discussion for the project. Over time I have developed the visual look and feel for the tiles and find myself using them in just about every project I do. From my own perspective they have been valuable when dealing with ‘green’ clients who are not necessarily comfortable talking about site structure or page types, so the sooner I can get a familiar layout pattern in front of them the sooner they start to feel comfortable and the project starts to move forward.

In this class you will learn how to create basic flow for your idea, more detailed wireframes and also how to create a clickable prototype out of it. (I used Balsamiq and Invision)

Creating a flow for your idea is important which allows you to quickly decide on screens and how many wireframes to make. Then Protoyping your wireframes allows you to quickly test and get feedback. As a result of that you can quickly iterate upon your idea and figure out what works and what does not.