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

learn more… | top users | synonyms

18
votes
12answers
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?
6
votes
4answers
1k 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 ...
3
votes
3answers
354 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 ...
2
votes
1answer
46 views

Is there a decent online-based wire-framing app for UX developers? [closed]

Other than Basalmiq or Omnigraffle, I'm looking for something that will allow full online sharing and team editing with the ability to comment. Is there anything available as open source or paid ...
1
vote
2answers
95 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 ...
3
votes
1answer
63 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 ...
4
votes
3answers
434 views

Designing wireframes keeping accessibility guidelines in mind

I am not sure if there is a definite answer to this but I thought I'll just throw it out.... I am working on re-designing a site for an federal organization who also require their site to be ...
20
votes
9answers
5k 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 ...
1
vote
1answer
30 views

Wire-framing tools to use your own custom assets and styleguide [closed]

I'm looking for a way or a wireframing tool that has a way to create high fidelity mockups using custom UI assets that have been already created and custom defined grid to match your own design style ...
-1
votes
1answer
101 views

Page size for wireframing [duplicate]

I am using axure RP 30 day free trial and I have a startup idea. I need to make the website really quickly. But when I at the wireframe stage I encountered with a problem.Problem is, According to ...
0
votes
0answers
19 views

What is the best way to wireframe a responsive website? [duplicate]

I am developing a website that I have sketched on paper and would now like to wireframe. The site is for a start up and needs to be responsive. When I wireframe, does the website need to be the ...
2
votes
4answers
64 views

Should you sketch out each page/section before wireframing?

When sketching should you sketch out how each page or section will look before beginning to wireframe?
0
votes
1answer
40 views

Temporarily storing tester data on an interactive wireframe?

Really just putting this out there to see if anyone knows of a service/site that does this? Looking to do some testing on a setup form / process. I need to store the users data as they input it so it ...
16
votes
12answers
7k 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 ...
6
votes
5answers
219 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, ...
0
votes
1answer
98 views

How to communicate design from structure to visual design effectively?

I try to solve a problem, I've encountered several times: the lack of a common communication basis while designing software. - a basis for PM, Project Manager, UX Designers, IA's and Visual Designers ...
2
votes
2answers
372 views

Blueprint VS WireFrame

Are there any particular difference between blueprint and wireframe? I did some researches and found that blueprint is style wireframes!
0
votes
3answers
78 views

Indicate continuance in wireframe

I'm currently wire-framing a mobile app which has multiple question across 3 categories. I want to show in my wire-framing tool that the questions in each category are a sub-set for example purposes. ...
1
vote
3answers
136 views

Job application. Design without background information?!

I applied for a UX job, and I got a task to complete to show my skills... I got a task to redesign one screen of their app, and they didn't give me any user researches, personas, user ...
11
votes
3answers
5k views

Printable sketch templates for Android phones

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 ...
0
votes
2answers
78 views

Vertical side menu for only two buttons?

Enterprise Software product – the console is web based. The product is built by two modules: - First module (Module A) has vertical menu (on the left side) with 6 buttons (Icon + text) - Second ...
5
votes
3answers
670 views

Wireframes first or after rough visual design sketches?

This is how I usually work: After completed business and user requirements gathering I have a brainstorming session together with the project group to come up with big, high-level ideas about the ...
3
votes
3answers
188 views

Explaining Wireframes to Remote Clients Sent via Email?

What is the best way to explain your wireframes to, in my case, overseas clients when you send them via email? In this scenario my client is the user and I want to help him understand my process so ...
1
vote
4answers
193 views

What are some of the good ways to keep minimal (not cluttered) view and minimum number of clicks at the same time?

EDIT: The question is specifically for DESKTOP. No mobile/tablet. My client wants a design for a web app (chrome webstore). The wireframe is final. But the problem is he wants that the buttons/menu [ ...
3
votes
2answers
372 views

Difference in designing wireframes for apps in Nexus 5 like phones with virtual navigation bar and other phones with hardware navigation buttons

As you know phones like the Nexus 5 and Moto G come with virtual navigation navigation bar like in the stock Android with the back, home and multitask buttons and there are phones like the new Asus ...
2
votes
2answers
73 views

Recognizability of shorthand

Currently working on wireframes for a mobile app and am using w/ to say "with" when discussing a primary object which has customized items listed as small images. My question is: Do you happen to ...
7
votes
2answers
4k 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 ...
0
votes
1answer
48 views

Microcopy for searching

I was designing a microcopy for searching friends on an online community. I want to enable users to search either by names/emails or comma separated criteria. I made a draft wireframes shown on the ...
-1
votes
2answers
90 views

Is this wireframe usable to view and add users ? [closed]

This screen is to add users and view users. Please give me your feedbacks and let me know if you have any better ideas.
0
votes
2answers
71 views

Being explicit with ToolTip

If we are gonna take in data from users(say mail id), and also if we are accepting more than one entry from the user, how can the tooltip be shown? It can either be explicit or can be made visible on ...
0
votes
2answers
84 views

Representing conditionally visible screen elements

Does anyone have any ideas on how to represent, in a wireframe, elements that may or may not be visible on a screen? For example, suppose I was doing up a wireframe to show a list of bookings for a ...
5
votes
7answers
1k views

What is the best (& quickest!) way to learn wire framing? [closed]

I need to get-up to wire-framing speed! What's the easiest way to learn? I have a good understanding of the concepts as a content manager, but my next role requires these additional skills.
8
votes
5answers
279 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 ...
1
vote
2answers
88 views

What are standard advert sizes for email newsletters?

I am busy wireframing up an email newsletter template for a client of mine but for the life of me cannot find what standard sizes email adverts come in. The width of my email is 600px but I have ...
1
vote
1answer
344 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 ...
10
votes
3answers
429 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 ...
0
votes
3answers
251 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 ...
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 ...
2
votes
2answers
2k views

What is proper term for a flow chart for mobile app?

I am creating a user flow aka flow chart aka information flow chart using Balsamiq, not using Omnigraffle or other tools, for a mobile app. What is the proper term for this diagram? See Gustav ...
31
votes
45answers
2k 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?
1
vote
2answers
114 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 ...
1
vote
2answers
192 views

How to provide controls for various actions in a single page?

This one is for CMS. The user should be able to add,delete,update and search through a table in a single page. The buttons Initially ADD is visible, If the edit pencil icon is clicked only UPDATE ...
1
vote
2answers
317 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.
2
votes
2answers
253 views

Wireframing tool with customizable UI components and real time collaboration [closed]

I work for a very large fortune 500 company. In order to improve the development process, I would like to allow employees to wireframe using components that already have the companies' brand and look ...
6
votes
3answers
289 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 ...
1
vote
1answer
149 views

What are the most common mistakas people do when wireframing? [closed]

What are the most common mistakas people do when wireframing? What screens or alternative versions of a page chunk (such as no javaScripts fallbacks) are usually missing?
4
votes
2answers
327 views

What are some of the best wire framing pracitices/guidelines for mobile first approach for an ecommerce website?

I'm working on redesigning a 90's ecom website - the goal is to make it mobile phone/tablet friendly and we have decided to go the mobile first way because the website has more mobile visitors. My ...
1
vote
1answer
375 views

How does one go about starting an UX portfolio? [duplicate]

I've been visiting this site for a while and while I'm really curious about UX, I've become really frustrated switching between reading about theory and usability. I'm asking this question with the ...
3
votes
3answers
411 views

How to move from persona/scenario to wireframes?

Backstory Working on a large project rebuilding a complex web application that currently lags well behind the competitive offerings. Stakeholders are keen to go 'scorched earth' on the approach i.e. ...
0
votes
2answers
630 views

How to design a precise UX/UI using javascript/jquery web components?

Nowadays, it seems that designers are having more cross-skills with front-end developers as never before. My question is: How a UX/UI designer would be able to precisely design/describe front-end ...