Prototyping is the activity of creating incomplete versions of software applications. This is done to test implementations, guide development and get feedback.

learn more… | top users | synonyms

43
votes
15answers
5k views

What are some great web-based prototyping tools? [closed]

I'm looking for a list of web-based prototyping tools and I'd like to build one up here by using StackExchange's democratic voting system. There are already some lists around the web, notably these ...
21
votes
26answers
7k views

Which prototyping tools? [closed]

This links heavily into the following question: What are some great web-based prototyping tools? However I didn't want to limit the suggestions to "Web Based" tools, I have found and used the ...
21
votes
7answers
3k views

Pros/Cons of PSD mockups vs. HTML mockups

I've read some articles (this one and this one) recently that are opening my eyes to HTML mockups as opposed to the usual PSD mockups. In the article they cite certain pros: Changes are a lot ...
20
votes
10answers
937 views

How do you version-control your wireframe/prototype assets?

How do you version-control your wireframe/prototype assets? I have largely been working with interactive HTML prototypes and as I go through iteration after iteration I find that my process of ...
19
votes
8answers
709 views

Quantifiable benefits of wireframing and prototyping?

I'm trying to come up with a few sources for quantifiable benefits of wireframing and prototyping, but I am having trouble finding results. I've seen plenty of "reduces requirements phase, improves ...
13
votes
11answers
7k views

What is the difference between Wireframing and prototyping

What is the difference between Wireframing and prototyping? Prototype should be interactive and Wire-frame Static? Am i right?
10
votes
14answers
1k views

Which tool should I use to create mockups of user interfaces for big displays? [closed]

I'm developing some user interfaces for big displays. A lot of them support multi-touch interaction. I started to draw some mockups manually with pen & paper. For various reasons I want to do it ...
10
votes
3answers
442 views

Paper prototype testing on checkout?

I would like to run few iterations of user testing on a checkout re-design. This project is still in the early stage so I would like to take full-advantage of the situation and run testing sessions on ...
9
votes
9answers
2k views

Best practices for interactive prototypes deliverables?

I'm introducing Axure prototypes to a client for the first time. While Axure offers very detailed annotations and specs, I think it's overkill for this project—a scheduling application for internal ...
9
votes
6answers
2k views

Low-fidelty vs high-fidelity: Do they elicit different types of reactions?

You often read claims that lower fidelity prototypes illicit different reactions than higher fidelity prototypes. This came to mind again today because I came across it when reading a post on UIE ...
9
votes
4answers
608 views

Whats the best way to present interface ideas to stakeholders?

My current preferred method of developing and testing ideas for interfaces I'm designing is creating interactive, sketchy, grayscale prototypes using Axure. I find using grayscale helps put the focus ...
9
votes
5answers
222 views

How to handle nonfunctional elements in prototype?

In an interactive prototype there often tends to be elements displayed that don't function the way they eventually will, due to time constraints, not being a part of that particular user test, etc. ...
8
votes
4answers
142 views

How Would You Prototype a Drawing App?

The app in question targets your typical mouse/trackpad + keyboard users. Actually having someone draw using pencil+paper (e.g. on a paper prototype) misses the point which is that it sucks to draw ...
7
votes
8answers
2k views

Best prototyping tool for form layout/order that caters for non-ux people? [closed]

I am creating a job vacancy form that has quite a lot of required fields. I need to collaborate with my boss (a non ux type) who is working remotely. At the moment, the only standalone tools that we ...
7
votes
6answers
906 views

Recommended tools/processes for UX prototyping? [closed]

I'm prototyping the user experience for a web app project, iterating with users twice a week. I've been testing different approaches (modals vs new pages, edit buttons vs hover effects, etc) by ...
7
votes
2answers
609 views

Building Upon Prototype Code

The developers where I work are rather underwhelmed by the Word specification which can be output from Axure. They asked whether it could produce usable code that could be built upon. I have a kind ...
6
votes
2answers
530 views

Testing dashboard prototypes

I will be testing various dashboard ideas on the hospital floor. We are testing for content to see if the info is valuable in real-time. Are there interesting tools / methods that would allow me to ...
6
votes
2answers
138 views

How to use paper prototyping on an existing product

Paper prototyping is a very powerful tool early on in a new product build as it helps you to iron out ux and rapidly iterate. However if you're working on an existing product and want to test small ...
6
votes
1answer
222 views

Evaluation / validation of paper mobile prototypes?

Is there a way to evaluate/validate your paper prototypes other than asking your user and explaining your design?
5
votes
10answers
1k views

Is Flash a good rapid prototyping tool for UX [closed]

Is Flash a good rapid prototyping tool for UX?
5
votes
4answers
264 views

Why use paper prototyping, besides saving time?

When creating a web application prototype, I find it's pretty easy for me to put together a fast prototype. What are the advantages to using a paper prototype instead (or before that)? This video ...
5
votes
2answers
486 views

Hiring a User Experience Prototyper

Wanted to ask the community what they would look for in a Prototyper that is specialized in prototyping for User Experience. Here's a couple specific things I am trying to gauge (but feel free to ...
4
votes
2answers
2k views

How to represent touch gestures in interactive prototypes for Multi-touch apps (Android / IOS)

I have always wondered that, How can we represent/show multi-touch gestures like swipe, pinch etc in mockups / interactive prototypes. For example, I'm currently prototyping in Axure for an Android ...
4
votes
4answers
174 views

Phone or Tablet mockups: chicken or the egg?

What form factor should we start with, when the boss asks for "mobile" wireframes? Should we choose phone, full-sized tablet, or "mini" tablet - and why? I am finding the Nexus 7 a good starting ...
4
votes
3answers
195 views

Cameras for Paper Prototyping

I help manage a small usability lab. One of the things we're trying to is to record paper prototyping sessions - with a user sitting at a table and a camera directly overhead (from a height of about ...
4
votes
2answers
479 views

high fidelity prototypes - how to NOT be killed?

Let's say we have a web application that will have, more or less... hmm... 500 different pages. Some of them quite similar. For the sake of user centred design, should I ask the design team to ...
4
votes
3answers
858 views

Producing static HTML prototype from fragments?

What would be a recommended tool (works on Linux) for managing included HTML fragments like shared footers, in a directory of static HTML serving as a clickable UI prototype? I want to be able to ...
4
votes
3answers
387 views

What solutions do you use to host html prototypes for your clients [closed]

I have been using a basic hosting service to host html prototypes for clients. I have realized that I need a solution that can offer me greater control e.g. to allow me to set master passwords for all ...
4
votes
2answers
168 views

Paperprototyping a swipe function

I am making my first paper prototypes for a touchscreen interface. In a list view, a single bar in the list has three possible interactions, swipe left swipe right, or tap. Swiping left will reveal a ...
4
votes
4answers
553 views

Rapid UI prototyping for consumer product [closed]

I am searching for a tool which helps me to create a basic UI mockup for a consumer product. When I am searching online I only find tools that are aimed on website design and computer software ui ...
3
votes
3answers
982 views

UX Management: Best Practice for Wireframe/Prototype Deliverable Evaluation

On the User Experience Management side of things, how do you evaluate a User Experience Designer's wireframes/prototypes as far as skill progression goes? What metrics or criteria should be used to ...
2
votes
3answers
2k views

Software creating user interface prototypes on Linux

I'm looking for user interface prototyping software. I like Axure, but it is not available on Linux, so I'm looking something similar with it. What open source project do you use for basic UI ...
2
votes
3answers
571 views

Relationship between Front-End Dev and Interaction Design [closed]

[I am not changing the original question as there are valuable answers here. but the research I was conducting is now finished and results are published here and http://hci.me.uk/jqueryperformance/ ...
2
votes
5answers
244 views

3-state control on/off/suspended

I’m creating a prototype for a system which will give the user to control a specific feature in the system by switching it on and off. To control the feature we have a 3-state control: on off ...
2
votes
2answers
408 views

Mobile UX prototyping tools in the classroom [closed]

(I know this sounds like a repeat question, but I am asking this specifically for a classroom context and I have some specific needs (other than "free") that I feel sets this question apart. Please ...
2
votes
3answers
171 views

Sharing mockups with annotations

I'm working with our UX team to try and figure out a better way to communicate design ideas and interactions, to development, in our mockups. Currently, we're essentially uploading two versions of ...
2
votes
2answers
121 views

How to archive paper prototypes and physical objects from design process?

I have looked around UXSE for questions on this and haven't found anything yet. I am looking for solutions to managing paper prototypes and sketches and other physical objects created during a design ...
2
votes
1answer
735 views

Is Expression Studio / Blend good for designers?

For a while now, MS Expression studio is out, and it's Blend is designed to be for application designers (the 'look-and-feel', not API design...). Since I never (or rather rarely) used any of design ...
2
votes
1answer
99 views

When doing user studies of paper prototypes should you wait till one fails or test in parallel?

So lets say you want to see how confusing a first go at your user interface might be. (new its never been released to the public before). your before the steps at which you might do a heuristic ...
2
votes
2answers
272 views

Wireframing hardware dashboards/control panels - best practice

For an upcoming customer project, I will be dealing with control center UI, including visualization on-screen software, but also hardware control panels and dashboards. The project emphasizes on ...
2
votes
2answers
116 views

collecting items from a table

I have the following scenario: User needs to search for some terms in a database The resulting terms can be "collected" and then exported Some users, before collecting new terms, can compare with ...
2
votes
2answers
295 views

Benefits of testing at a wireframe prototype stage rather than design stage?

Trying to convince internally that testing at an interactive prototype stage will be more effective at ridding usability issues than at a design stage. What are the benefits of testing early other ...
1
vote
3answers
503 views

What are some great resources for improving UI/UX sketching and designing skills? [closed]

I was hoping to see if anyone could help me out by sharing suggestions for great places to check out for tutorials, worksheets, tips and even books to improve ui design skill. This would perhaps be ...
1
vote
6answers
119 views

How to understand what to prototype - why prototype at all?

I recently read a book about prototyping. While it was an interesting read, I am still unable to somehow really understand what the sense of a prototype is or what to prototype for. For example I ...
1
vote
2answers
962 views

UI gestures for Kinect, Kinect-type devices

On touch screen devices, there appears to have evolved a standard set of gestures, e.g. pinch and spread with two fingers for zoom in and zoom out swipe with one finger to scroll a document We're ...
1
vote
2answers
1k views

Creating prototypes using keynote for ipad

I have hi-fi wireframes for each screen, which are flattened images in JPEG format. These wireframes can be connected by hotspots in Fireworks or any other tool that creates clickable prototypes. How ...
1
vote
1answer
1k views

How to create dynamic overlay panel in Axure?

I would like to create a few dynamics panel like on www.ted.com. I have following problems: I would like to use one dynamic panel that will move on every image. I've created a case statement: ...
1
vote
1answer
140 views

Wireframe and prototyping comptability with Oracle ADF user interface components

I really hope this question does not get closed as its pretty important to me:) I have recently started a big project in which Oracle ADF is the backend. Having said that, Oracle ADF has it's own ...
1
vote
1answer
75 views

What kinds of sites should I focus on for a “new look and concept” redesign, and how much of a regular UX process should I follow?

On Behance, I've seen many "new look and concept" redesigns such as this one for Facebook and this one for Wikipedia. The gist of one of these projects is that you ask yourself, "If I could redesign ...
1
vote
1answer
166 views

What are good ways to map out the sequence of user interactions on a page?

In other words, you know the typical sequence for a user based on previous interviews. You would want the next interaction to be easy to find and be a logical next step. So what are examples or ...