A wireframe is a basic visual guide of the user interface.

learn more… | top users | synonyms

24
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 ...
31
votes
45answers
3k 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?
20
votes
7answers
2k 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 ...
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?
11
votes
11answers
2k 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 ...
9
votes
3answers
700 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
5answers
8k 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 ...
3
votes
4answers
7k views

Whats the average screen size of a handheld android tablet device? any wireframing mockup available?

I am designing a UI for an android app that is developed for tablet devices, I would like to know is there any mockup grid available? Like 960.gs for web... what is the good size to start designing. ...
9
votes
5answers
1k 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 ...
20
votes
9answers
6k 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 ...
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 ...
3
votes
3answers
1k 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 ...
8
votes
6answers
2k 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 ...
8
votes
5answers
274 views

advice for demoing wireframes to clients

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 ...
6
votes
4answers
759 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 ...
1
vote
6answers
202 views

Advice on collaboration with creatives and developers?

Our current workflow has creatives receiving wireframes from a rather green UX designer. Our creatives then design too constrained to said wireframes. When I receive the design I find many UX flaws ...
10
votes
2answers
673 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 ...
3
votes
2answers
318 views

Best position and labels for buttons on an order creation page

I have a "create order" interface which already includes several buttons. Please have a look at the screenshot below: ![enter image description here][1] My Question: I need to add a new button ...
1
vote
2answers
311 views

How to build website mockups / interface design? [closed]

Is there any other way to design websites besides Photoshop? I want to quickly build wireframes / mockups of the new user interface and I want to move the UI elements and rearrange them.