Comments on: Present-Future Sketching http://wireframes.linowski.ca/2009/12/present-future-sketching/ Because every IA has something funky up their sleeve Wed, 28 Jul 2010 06:45:14 +0000 hourly 1 http://wordpress.org/?v=3.0 By: Francisco http://wireframes.linowski.ca/2009/12/present-future-sketching/comment-page-1/#comment-9840 Francisco Sun, 10 Jan 2010 01:11:05 +0000 http://wireframes.linowski.ca/?p=1906#comment-9840 Hello I would like to share my experience at work with a similar method to the one you describe. We have designed some applications for one of the Archos Android device. In order to do it, we did some paper prototyping. When we used an A4, it was very easy to draw new concepts, but it was also very easy to get unreadable elements in the UI. One of our collaborators created a simple mockup of the android interface in the correct measures, so that we could draw in the size of the screen. It has been very useful. <a href="http://twitpic.com/xftzm" target="_blank">http://twitpic.com/xftzm</a> Hello I would like to share my experience at work with a similar method to the one you describe.
We have designed some applications for one of the Archos Android device. In order to do it, we did some paper prototyping. When we used an A4, it was very easy to draw new concepts, but it was also very easy to get unreadable elements in the UI. One of our collaborators created a simple mockup of the android interface in the correct measures, so that we could draw in the size of the screen. It has been very useful.

http://twitpic.com/xftzm

]]> By: Alex Lillo http://wireframes.linowski.ca/2009/12/present-future-sketching/comment-page-1/#comment-9523 Alex Lillo Mon, 04 Jan 2010 16:51:18 +0000 http://wireframes.linowski.ca/?p=1906#comment-9523 Just like Ondrej says, I've done something similar in small redesigns, without even notice or emphasize this effect. First I wireframe the existing website, and with this information I start playing to create the new one. Maybe a screenshot layer could be a better idea for presenting the work to the client, mainly for those who are'nt fluent with wireframes. Just like Ondrej says, I've done something similar in small redesigns, without even notice or emphasize this effect. First I wireframe the existing website, and with this information I start playing to create the new one.

Maybe a screenshot layer could be a better idea for presenting the work to the client, mainly for those who are'nt fluent with wireframes.

]]> By: Ondrej http://wireframes.linowski.ca/2009/12/present-future-sketching/comment-page-1/#comment-9227 Ondrej Wed, 30 Dec 2009 13:58:25 +0000 http://wireframes.linowski.ca/?p=1906#comment-9227 I have used such approach for less complex redesigns, where most of the page stays the same and just some part of the page changes. For more complex redesigns it makes the result looking too messy, even if you make the underlying original very light and black&white. But from my experience most of the redesings are much more complex than just changing some small part of the page or adding something new (keeping the size and position of the rest), and then it is better to present the changes for example with manually made fade-in transition from the old design screenshot to the new design screenshot. Nevertheless this present-future redesign using overlay can be easily done with a combination of the Firefox plug-in FireShot (to capture the entire page - not limited by the visible area) and Axure RP, where the screenshot is placed in the page template as the "locked" background with some amount of transparency (to make it lighter than the new changes). I have used such approach for less complex redesigns, where most of the page stays the same and just some part of the page changes. For more complex redesigns it makes the result looking too messy, even if you make the underlying original very light and black&white. But from my experience most of the redesings are much more complex than just changing some small part of the page or adding something new (keeping the size and position of the rest), and then it is better to present the changes for example with manually made fade-in transition from the old design screenshot to the new design screenshot.

Nevertheless this present-future redesign using overlay can be easily done with a combination of the Firefox plug-in FireShot (to capture the entire page – not limited by the visible area) and Axure RP, where the screenshot is placed in the page template as the "locked" background with some amount of transparency (to make it lighter than the new changes).

]]>