Skip to main content

Diigo Home

EclecticGuy» Blog Archive » Shrugh - status update - The Diigo Meta page

eclecticguy.com/...shrugh-status-update - Cached - Annotated View

Antoine Bertier's personal annotations on this page

antoinebertier
Antoinebertier bookmarked on 2008-11-19 ui ux userexperience mockup demo design

  • The current Shrugh demo has 43 Mockups PNG screens and 48 HTML wrapper files. You’ll notice that the top of each page has a link to take the user back to the Shrugh Homepage. My friend Bob made that suggestion and it has been well received! I also added a Google Form to collect feedback directly as part of the user’s demo experience. It was very easy to create the form and it tabulates all of the feedback in a spreadsheet so it is easy for me to manage. Finally, I include a short description and explicit directions on what the user is seeing and what they should do next. That has really helped too.


    One comment on demos done this way, they do result in more screens and user clicks than the actual product will have. The reason for this is that the PNG files are of a fixed size and trying to kludge vertical scrolling would have been time consuming. So, rather than have a single screen to create a shrugh, it is divided between 4 screens. It will be a simple matter to combine these elements on to a single screen and significantly improve usability. Thanks to all those who commented on this!

This link has been bookmarked by 1 people . It was first bookmarked on 19 Nov 2008, by Antoine Bertier.

  • 19 Nov 08
    antoinebertier
    Antoine Bertier

    ui ux userexperience mockup demo design

    • The current Shrugh demo has 43 Mockups PNG screens and 48 HTML wrapper files. You’ll notice that the top of each page has a link to take the user back to the Shrugh Homepage. My friend Bob made that suggestion and it has been well received! I also added a Google Form to collect feedback directly as part of the user’s demo experience. It was very easy to create the form and it tabulates all of the feedback in a spreadsheet so it is easy for me to manage. Finally, I include a short description and explicit directions on what the user is seeing and what they should do next. That has really helped too.


      One comment on demos done this way, they do result in more screens and user clicks than the actual product will have. The reason for this is that the PNG files are of a fixed size and trying to kludge vertical scrolling would have been time consuming. So, rather than have a single screen to create a shrugh, it is divided between 4 screens. It will be a simple matter to combine these elements on to a single screen and significantly improve usability. Thanks to all those who commented on this!