Questions tagged [wireframe]
A wireframe is a visual representation of the user interface that varies in the degree of fidelity to the actual user interface depending on its purpose.
197
questions
47
votes
8
answers
4k
views
How to work with visual designers who treat wireframes as literal graphic suggestions?
Recently I started to face quite many cases on my client projects when a visual designer on the team produces design that looks like wireframes produced by me, only colored. Perhaps, the obvious ...
40
votes
15
answers
27k
views
What is the difference between wireframing and prototyping?
What is the difference between wireframing and prototyping?
Am I right to think that prototypes should be interactive and wireframes should be static?
34
votes
26
answers
16k
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 ...
33
votes
45
answers
4k
views
What tools (ideally affordable ones) would folks recommend for creating a website wireframe? [closed]
What tools (ideally affordable ones) would folks recommend for creating a
website wireframe? What tools have you used, and did you find them better than pen and paper?
24
votes
8
answers
2k
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, ...
23
votes
9
answers
8k
views
What techniques can I use to wireframe sites with responsive/fluid layouts?
How do you make wireframes for responsive or fluid layouts? Typical wireframing techniques are static and aren't well suited to showing how designs scale. What techniques exist to capture the dynamic ...
22
votes
7
answers
4k
views
Using color in wireframes...is this a "no no"?
Recently, an internal debate was started at work regarding the use of color in wireframes. A junior designer had finished a nice set of wireframes and was told at the end to turn everything into ...
21
votes
12
answers
22k
views
Should wireframes or functional requirements be created first?
When should you create a functional requirements document for a website redesign project? Are there instances where an FRD would inform the wireframes? I'm used to functional requirements being ...
19
votes
3
answers
9k
views
Logical colors for a wireframe
I got a mail from a designer to do some wireframes. He has told me that the wireframe should have logical colors. Is there really some theory to the colors for wireframes?
I have made some ...
18
votes
6
answers
7k
views
Is it uncommon in the industry to use Inkscape to create wireframes? If yes why?
I've come across a lot of industry folk who do not know about the existence of Inkscape. I'm beginning to wonder if it hurts to say that I have used Inkscape for wireframes instead of Illustrator or ...
13
votes
10
answers
8k
views
Are wireframes appropriate for requirements documentation?
The design, development, and testing folks are having a conversation at the moment about requirements.
Part of the conversation is about the purpose and use of wireframes. Our change analyst is ...
13
votes
5
answers
279
views
At what point does interactive wireframing become redundant?
At what point does interactive wireframing become redundant? How much of the site do you really need to create (using tools such as Axure), before you can call it a working prototype?
Working on a ...
13
votes
4
answers
743
views
What is the best way to map content to your information architecture deliverables?
I usually create a site map and wireframes as delivery but what is the best way to add info about what content (text, forms, images, videos etc) that should be included on the individual pages?
Do ...
12
votes
11
answers
5k
views
How can animations be depicted in wireframes effectively?
I came across a question on Quora about jQuery animations in wireframes, which got me thinking about the general conventions in depicting any animation in static wireframes. I've been using either ...
12
votes
5
answers
2k
views
What is a wireframe deck?
I was recently asked to provide this by a potential employer and wasn't sure what it meant. Google has also shown little help.
I am assuming it means a collection of wireframes. However, are these ...
12
votes
3
answers
8k
views
Printable sketch templates for Android phones [closed]
Can you recommend a printable sketch template ("idea sheet"/6up) for Android phones?
Preferably, the template should contain several real-size screens to sketch on.
Here's what I'm using for iPhone,...
11
votes
4
answers
3k
views
What is the name for wireframing in the browser?
I am working on quite a large web project and I am thinking that I will first design a series of wireframes in Sketch... but then once those are approved, I plan to build the wireframes using ...
11
votes
4
answers
4k
views
How to handle an enormous list of checkboxes?
I am working on some wireframes for a webportal. In a form in this webportal there is an enormous list (120 items) of options, and users have to go through (and read) all of them.
It's not possible ...
11
votes
5
answers
1k
views
What is a wireframe?
Ok. I sort of know what is a wireframe, but I still need a lot of help. The question actually wants to ask how to get started when "designing" a wireframe for an online shop. I am doing an internship ...
11
votes
2
answers
2k
views
Caption below or above image for navigation purposes?
It was already discussed here that for layout purposes, where images and video appear on a web page, ordinary captions are probably best placed below the graphic — largely due to convention.
I want ...
11
votes
5
answers
9k
views
What tools can I use to design for Android 4.0 (Ice Cream Sandwich)? [closed]
I have to create a few prototypes (Balsamiq style) for Android 4.0 (ICS). I tried looking into tools etc from previous questions and from Google, but nothing seems to work for me.
What tools can I ...
10
votes
4
answers
1k
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
9
answers
3k
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
6
answers
19k
views
The difference between mock-up, prototype and wireframe
I am a freshman in UX design and find it difficult to understand the difference between mock-up, wireframe and prototype. Are they referring to the same thing?
9
votes
4
answers
2k
views
How much detail in wireframes?
How much detail should you put in your wireframes?
I have been creating a lot lately and I usually end up putting a lot more detail in something that I am handing off to another designer; whereas if ...
9
votes
6
answers
2k
views
Based on your experience, what are the capabilities and limitations of Axure? [closed]
Just started playing around with Axure, an integrated development environment for wireframes, prototypes, and specifications. Already I'm wondering why there's not integration for: business ...
9
votes
3
answers
1k
views
Google Drawing - Wireframing? [closed]
I just read an article about Google Drawing (part of Google Docs) and how useful it is for wireframing.
Do you have experience with Google Drawing for wireframes, that could give feedback on how ...
9
votes
4
answers
1k
views
How do I represent conditional displays in wireframes?
I am working on a pretty big project.
There are many use case scenarios possible for the different user types.
I produced deliverables for the client which are essentially
persona
competition ...
8
votes
5
answers
2k
views
Pixel precision of wireframes?
I was asked to design a series of interactive wireframes using Axure for client who wanted to see how we would approach a design process. I made the designs in grey scale in relatively medium fidelity ...
8
votes
4
answers
1k
views
Making changes to existing products
I keep coming across this situation and was hoping someone would have more information on this:
We have an existing product and I have been requested to "make something work better", so I start by ...
8
votes
5
answers
647
views
What is some general advice for demoing wireframes to clients? [closed]
I've been working on a web app, and have gotten the wireframes pretty far along, based on initial in-house research & discussion. The biz guys are eager to set up some demos of the wireframes to ...
8
votes
3
answers
215
views
Is there any issues with approaching a website re-design from a mobile first perspective?
I've read the book Mobile First and agree with many of the points made. However, I still do not approach a project creating a set of mobile wireframes and then desktop. I still design the other way ...
8
votes
2
answers
532
views
How do you currently manage wireframes and storyboards for software releases?
I'm working on a project which requires wireframing in an Agile environment (2-week sprints). My wireframes and storyboards contain features for immediate release as well planning as for future ...
8
votes
3
answers
1k
views
I create HTML mockups. How do I share them for collaboration?
When working with a client, I build several sets of HTML mockups. They range in fidelity, are responsive, sometimes have a bit of content, have a few animations etc. They usually come in batches - a ...
8
votes
1
answer
500
views
Modular approach taken to designing, how do you decide what needs to be wireframed?
Doing a corporate website redesign. Usually unique templates would be identified and those are the pages that would be wireframed instead of having to do every single page. What happens if the website ...
7
votes
2
answers
17k
views
What is a scamp, UX? [closed]
Does anyone have a definition of the term "scamp", as used in the UX community?
By context of use, it appears to be some kind of wireframe, but careless?
Examples of actual scamps would also be very ...
7
votes
1
answer
413
views
Where should navigation go for a linear process?
I'm working on a iPad project with a linear process. At the moment I have a 'link' style navigation sat at the top in the 'navigation bar'. I've been doing some early test and the verdict is ...
7
votes
2
answers
1k
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 ...
7
votes
6
answers
491
views
How can I indicate new functions within paper or clickable wireframes?
When creating a new function within an existing system, the users I test my new concepts with are familiar to everything around it. So my wireframes also contain many old (but non functional) ...
6
votes
6
answers
2k
views
Do high fidelity wireframes defeat the purpose?
Isn't the purpose of a wireframe to remove fidelity, assisting stakeholders in focusing on structure, architecture, content and general layout instead of the finer details about the graphic design? ...
6
votes
2
answers
14k
views
What open source and free wireframing tools are there? [duplicate]
I am writing a tutorial on how to do wireframing: https://github.com/dwyl/learn-wireframing/issues/1 and I would like to be able to recommend an online, free and open source wireframing tool to others....
6
votes
5
answers
262
views
Clients and mockups
I tend to define a mockup as a functional analysis made fancy by wrapping a visual coat around it so everybody can understand the logic and structure featured in the proposal.
For us (UX, IxD, ...
6
votes
6
answers
468
views
Interaction with a grid with complex cells
Problem definition:
A grid where each column represents an attribute of a task and each row is a task
One of the columns represents the progress reported on that task
Multiple persons can be assigned ...
6
votes
3
answers
1k
views
How to show links on wireframes during user testing?
We were conducting user tests, in which we gave the user some tasks to perform, on a set of interactive wireframes we had created. All links on the page were blue (shown below).
Because the links ...
6
votes
4
answers
299
views
How many interface designs are necessary beyond the initial mockup phase?
Every time we start a new software project at my company, we will go to great lengths figuring out the best and most user friendly interface possible. We often have many reasons for the decisions we ...
6
votes
5
answers
1k
views
What is the best way to get good feedback on my designs from my team?
What is the best medium for getting feedback from my team?
Sitting down with people is most helpful but takes most time. Sitting down with individuals gets high quality feedback but ends up with me ...
6
votes
3
answers
160
views
How can I demonstrate that the same wireframe can be used for varied visual designs?
I'm trying to demonstrate to someone that one wireframe or template can be used across multiple brand experiences (we want the UX to be similar, but the brand experience to be different). At some ...
6
votes
3
answers
2k
views
What is the best screen size to start wireframing with?
I'm new to mobile app design and I'm looking for some help.
I saw a number of screen sizes available in Adobe XD but I don't know which one is the best to start designing with.
I've heard someone ...
6
votes
2
answers
389
views
How to design a wireframe logically?
I'd like to know what is the reasoning you go through when you wireframe a page.
After having determined the different components of a page, I usually identify the primary/secondary contents and key ...
6
votes
4
answers
2k
views
Is there any HTML5 or Javascript based Wireframing tool which can work on iPad? [closed]
I want to keep my ipad with me to show my ideas to client because laptop is heavy and I think iPad can do this.
Is there any HTML5 or Javascript based Wireframing tool which can work on iPad and can ...