About Mock-ups inDesign

Mock-up Design

Return again still with me on this blog that blogs would discuss what was not clear .. heheew his next okey in the week I will discuss a bit about what it is a mock-up design. Mock-ups are used by designers mainly to acquire feedback from users about designs and design ideas early in the design process. Mock-ups are ‘very early prototypes’ made of cardboard or otherwise low-fidelity materials. The user, aided by the designer, may test the mock-up (imagining that it works) and thus provide valuable feedback about functionality/usability/understanding of the basic design idea/etc.

The advantages of mock-ups (and prototypes) are numerous. For example:

  • Mock-ups incite criticism from users because they are low-cost (can be made of cardboard) and low-fidelity. If a user is presented with an early version of a system that has required substantial work, he/she is likely to be more reluctant (as well as able) to critise it.
  • When using mock-ups of cardboard or similar materials, the user and designer can collectively change the design using familiar tools such as pens, scissors etc. As such, mock-ups are a discussion medium and a discussion facilitator between designer and user.
  • Not only can the mock-up function as a discussion medium between designer and user but also between the members of the design team. Thus, mock-ups may help facilitate work across disciplinary borders, bringing together a disparate team.
  • Mock-ups make it possible to do usability testing early in the development process.
  • Mock-ups incite and legalise experimentation as they are inexpensive to alter.
  • Mockups focus on content and functionality and turn attention away from details of graphic design.

Mock-ups address the idea captured in a popular engineering one-liner:

You can fix it now on the drafting board with an eraser or you can fix it later on the construction site with a sledge hammer.

Examples of mockups

Figure 1 shows a mock-up of a calendar application for school kids made of cardboard and plastic. The mock-up was used to test early design ideas with school children and thus obtain early feedback in the development process. Alternative spellings: Mockup/mockups.

Figure 1: Cardboard Mockup of a calendar application for school kids

After a couple of tests with the mock-up, it was made into a prototype programmed in Macromedia Flash (figure 2). The prototype was more ‘polished’ and allowed for more interactivity. Using prototype, various scenarios of use (use cases) were tested with the users, after which the Flash prototype was built into a real application (programmed in Java).

Figure 2: The same calendar application,
this time as a prototype made in Macromedia Flash.

Most projects may benefit from using mock-ups early in the design process. Figure 3 shows a mock-up of a webpage being tested by a user.

Figure 3: A mock-up of a website
(source and copyright of picture is unknown)

Please note: The terms “mock-ups”, “low-fidelity prototypes”, or “paper prototypes” are usually used as synonyms.

User-contributed notes

Give us your opinion! Do you have any comments/additions
that you would like other visitors to see?

About these ads
Perihal

..satu kosong..

Ditulis dalam Design, Umum
7 comments on “About Mock-ups inDesign
  1. http://bing.com mengatakan:

    “About Mock-ups inDesign ||121 break coffe||” genuinely makes myself imagine
    a small bit extra. I personally loved each and every individual
    portion of it. Regards ,Elana

  2. A small budget can take you much farther in Cambodia than anywhere in Europe.
    I entered a bicycle shop to to rent a bike and take
    a ride. The market is the centre point of the town as
    is common in Cambodian towns and villages and it’s shaded interior is a nice place to shop and chat to the vendors.

  3. Benedict mengatakan:

    Please let me know if you’re looking for a writer for your site. You have some really great articles and I believe I would be a good asset. If you ever want to take some of the load off, I’d really like to write some content for
    your blog in exchange for a link back to mine.
    Please blast me an email if interested. Kudos!

  4. I wanted to tell you thhat I normally access this blog
    via my android, when I’m on the train to work,
    and it is one of the handful of blogs that I have come across that are readable on mobile phones,
    and that is highly appreciated.

Berikan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Lazada Malaysia
Follow me on Twitter
Arsip

Kamu bisa juga ngikutin update terbaru dari blog ini; tinggal masukin aja email kamu :

Bergabunglah dengan 486 pengikut lainnya.

Visitor
Calender
Januari 2013
S S R K J S M
« Des   Mar »
 123456
78910111213
14151617181920
21222324252627
28293031  
Lazada Malaysia
official socmed and website
www.jalan-jalanman.com
twitter : @trifirdhaus
tri-firdhaus.tumblr.com
instagram : @firdhaus_nj
Path : firdhaus Nj



Chat With Me.. (YM)
%d blogger menyukai ini: