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

2
votes
3answers
64 views

How detailed does a paper-mockup have to be?

The question looks silly but I'm currently working on a small project that involves creating a paper mockup. The point is to learn and understand how paper mockups help to do user centered design ...
1
vote
2answers
67 views

What's a good way to show people that they can swipe on an app [duplicate]

I'm trying to give people a visual clue that they're able to scroll left and right inside of an app for the iPhone. I tried to show that you're able to scroll left and right by having a tiny part of ...
0
votes
2answers
73 views

The most appropriate questions to get quality end-user feedback during prototype testing?

The project I'm working on at the moment is in the prototype stage. As we have several versions of final prototype done in PDF, we decided to test it. To get the most reliable answers as feedback we ...
4
votes
4answers
2k views

Question for UI/UX designers re: prototyping UI animation

I am a motion graphics designer (previously: motion graphics for TV, games, etc), but more recently, I worked on prototyping UI motion for an app - which I really enjoyed! I have mainly used After ...
2
votes
2answers
86 views

Prototyping for data visualisation

In many prototyping cases, I have to generate charts, graphs and all sorts of data visualizations. I'm looking for tools to easily and rapidly generate those. Currently MS Excel does the job for me, ...
2
votes
3answers
449 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 ...
0
votes
1answer
51 views

What is a good tool to prototype Windows 10 programs? [closed]

I am a user experience designer who is recently assigned to work on a Windows 10 desktop application. I am not sure with what tool I should use for prototyping and illustrating the interactions to ...
1
vote
4answers
143 views

How to design a physical device?

I have an idea for a product startup. It is a wearable device with one functionality, around which I and my friend started to think. We are pretty sure that we can develop it with only this ...
3
votes
2answers
108 views

How can I user test a concept without a working prototype?

We are a user centered design agency which is stuffed with many user resarchers. We do test every step of a product and with a wide range of qualitative and quantitative methods, from lab usability ...
1
vote
2answers
73 views

Does it make any sense to show previous value on edit product page

I want community's thoughts on product edit page. Currently it is two column layout; one with attributes and other with input boxes but I'm having an argument with my product owner who wants one more ...
0
votes
1answer
41 views

Prototyping tool which allows me to dynamically interact with changing numbers? [closed]

I'm trying to prototype a sports related app which has a dependency on the game clock. 1 second will be equal to 1 minute of game time, and I want to prototype to scroll through from 1 to 90. However ...
1
vote
2answers
85 views

Should you change your prototype mid-test?

I am conducting usability tests internally and consistently a design choice keeps coming up as confusing. The tripping point is toggleable tags and whether they should look disabled when not ...
0
votes
0answers
18 views

How to produce Mobile User Interface front-end page screenshot? [duplicate]

I need to realize some prototypes of (web/native) user interfaces (UI) layouts/screenshot, mainly for mobile phones/tablet (Android/iOS/Windows Phone) also for desktops/laptos (web). A solution ...
3
votes
4answers
58 views

What tools and / or processes can help geographically separated teams in the design / prototyping phase?

We are applying a rapid prototyping process quite successfully in our team. With our new project we have designers and developers separated by a large body of water. Hence our normal approach of ...
0
votes
1answer
80 views

Split pane on mobile application, does bottom pane have to take up whole screen

I'm currently developing a UI for a tablet application (portrait view) The client asked us to split the application into two panes, where the left side is a preview pane, and the right side gives the ...
0
votes
3answers
89 views

Typography in landing page [closed]

I'm working on a landing page . The first view shows a major title with a great source ( Roboto : 190px ) and a diagonal line . Is it a good practice to use a large font for a good experience with ...
29
votes
7answers
4k views

When does a prototype become alpha software?

After moving beyond the phase of paper prototypes, or prototypes built in something like Axure, we'll often build quick and dirty web prototypes in HTML, CSS, and Javascript. So far, we've taken the ...
1
vote
2answers
227 views

Best practices for performing prototyping tasks in interviews, e.g. whether to explain with notes?

When interviewing UI/UX jobs, some companies would give you design problems for you to work at home and return in prototypes in a couple days. What are the most common tools/medium used? Balsamiq, ...
4
votes
2answers
4k 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 ...
17
votes
11answers
11k 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?
1
vote
1answer
310 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
0answers
50 views

Voice prototyping software [closed]

I'm making an interface fully on speech. A bit like Siri for example. The system would take commands from the user but also talks back. It should record on forehand speech output so when a user asks ...
0
votes
3answers
240 views

What kind of framework do you use when you are prototyping in browser? [closed]

This is a question for those who actually do some wireframes in HTML. What kind of frameworks (Zurb Foundation, Bootstrap, Wirefly) or combinations (Boilerplate + Grid system) or just plain HTML/CSS ...
0
votes
4answers
1k views

How to prototype a parallax-heavy interface [closed]

I'd like to prototype a web site with a massive use of parallax effect, like this: http://spider.mclarenautomotive.com/ For prototyping, I'd like to test how using this effect could influence the ...
1
vote
2answers
112 views

Need help with create “Change History” interface

Looking for some help on an interface I am working. Just to give some background, the basic requirement of this page is that users need to be able to see any edits and changes that have been made by ...
11
votes
6answers
4k 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 ...
4
votes
2answers
188 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 ...
0
votes
2answers
470 views

Prototyping Processes in Different Software Development Methodologies

I have identified the following iterative process for prototyping: And its iterative nature makes me think a lot of agile or spiral models, and because of this I think that they are usually more ...
1
vote
6answers
170 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 ...
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 ...
4
votes
3answers
393 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 ...
1
vote
0answers
243 views

Static Site Generator for prototyping a website [closed]

The site I will be designing will have a lot of content (few hundred pages) and users need for content will vary. Most probably some of the content will be dynamically generated based on users ...
2
votes
1answer
137 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 ...
0
votes
4answers
100 views

How to communicate that an element on a low fidelity wireframe needs color

What is the best way to indicate color on low fidelity wireframe? I'm creating a low fidelity wireframe and I've been instructed to not use any specific colors aside from the basic (the visual ...
21
votes
8answers
1k 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 ...
0
votes
7answers
263 views

Prototyping - use real or dummy content?

When prototyping do you typically use real or dummy content? Please give your reasons.
23
votes
7answers
4k 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 ...
4
votes
4answers
186 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 ...
6
votes
2answers
161 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 ...
4
votes
3answers
235 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 ...
2
votes
2answers
131 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 ...
5
votes
4answers
317 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 ...
0
votes
3answers
293 views

Best ways of Usability testing and relation to prototyping.

I am creating an application for ipad currently in prototyping phase. The application is on therapy for health. I am not sure as to to what level of prototyping must be done in order for the usability ...
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 ...
8
votes
4answers
198 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 ...
2
votes
5answers
535 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 ...
1
vote
2answers
2k 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 ...
4
votes
4answers
661 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 ...
23
votes
26answers
10k 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 ...
1
vote
1answer
92 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 ...