Tic Tech Toe

Technology tips, tricks, and tools

Review of MockupScreens

Summary:

MockupScreens, as the name implies, is intended to help you quickly create mockups of screens.  It is a bit clumsy to work with, e.g. the UI navigation is not standard nor intuitive.  MockupScreens also lets you combine screens into scenarios and navigate page to page.  And you can create HTML pages to document the scenarios.  It does not however let you actually run the mock app.  For that, you should look at Denim or Prototype Composer.

Bottom line: If you need to put together some screens quickly, this is a choice, but there are others that are arguably better.

Pros:

  • Very fast creation of mockup screens.
  • Lightweight.
  • Supports scenarios.
  • Publishes to HTML pages.

Cons:

  • Some irritating UI drawbacks, like no undo and no alignment of multiple components.
  • A bit difficult to use.

Detailed review

The version (3.1.7) of MockupScreens reviewed here runs as a Windows application.

MockupScreens installs very quickly.  When run, a window opens that allows you to create one or more scenarios within a project:

project-editor

You add scenarios and screens within scenarios (and change the ordering) with the menus and menubar buttons.

Creating a mockup

To edit a screen, you double click on it.  This opens the screen editor:

screen-editor

You create a layout by selecting components from the list on the lefthand side.

Marks

One interesting feature of MockupScreens is that you can flag areas of the screen with comments (see “?”):

screen-editor-with-marks

You can also put numbers within the screen, with associated events to navigate to another screen during a slideshow of the scenario (via the “Jump to screen” attribute of the mark). This is done much more elegantly in other tools such as Denim.

Output

Finally, you can create an HTML document for a scenario via the Scenario/Export scenario to HTML command:

html-output

Advertisements

February 10, 2009 - Posted by | Uncategorized

3 Comments »

  1. […] MockupScreens – review […]

    Pingback by Storyboards, mockups, prototypes - oh my! « Tic Tech Toe | February 10, 2009 | Reply

  2. Hi Mark, thanks for the review!

    You might be interested in new major release of MockupScreens that’s huge improvement over 3.17 version, you can see the preview and check the progress on my blog:
    http://mockupscreens.com/blog

    If you would want to play with the beta, drop me a line!

    Cheers,
    Igor

    Comment by Igor Jese | February 10, 2009 | Reply

  3. i used mockupscreens back in 2009 which was simple to use , build screens and especially useful for preparing patent diagrams and more recently using an April 2013 mockupscreens version has many additional rich features such as slideshow – essential for presenting the mockup in realtime .

    Comment by david zeidman | May 31, 2013 | Reply


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: