![]() The app is now sharable and contains the key screens and features that I want to test. images) and written content and save it, ready to bring into your prototyping tool. Take the wireframe screens and save them as JPEG or PNG files and get them into Flinto.This is where I use Flinto, but there are other tools that can perform a similar function. At first these can be rough sketches, what needs to be on each page? What buttons or actions need to be on each screen, what content? It is more important at the start to establish the elements and the hierarchy of content, buttons and actions than crafting a perfect looking design at this stage.ĭEPLOY: Get it working! - this is where you connect the wireframes into a working prototype. WIREFRAMES: Now that you have created the structure and key flows for your app, build the individual screens.In my sample flow diagram, screens are represented by the green boxes, purple diamonds represent decision points or actions where the user is going to make choices. This process may cause you to change the sitemap - this is a good thing, it means you are staring to problem solve and optimize the solution. Again, the tools are less important, this can be on paper (sticky notes), a white board or tools such ass Axure, Adobe Illustrator, Omnigraffle etc. Where do they start, what are their options, what do they do next. FLOW DIAGRAMS: Going back to the DISCOVERY, think about your target audience, imagine this person, or group of people, now draw out the flow of how this person will use your app.The lines represent how the pages relate to each other, and the icons are a reminder of the fucntiosn that I think might be on the page. In my example Sitemap, each block represents a screen in the app. Think of the sitemap as fluid, you should be evaluating and possibly changing the sitemap throughout the creative process. Use lines and arrows to show the relationship between the pages / screens in your app. You may end up with multiple versions of this. ![]() This way you can easily move pages / screens around. One good way to quickly get ideas down and moved around is to us sticky paper notes on a wall or white board.
0 Comments
Leave a Reply. |