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

learn more… | top users | synonyms

0
votes
0answers
38 views

What would you call this Menu Updating Technique?

I want to wireframe a pulldown menu behavior I saw on Squarespace.com but I don't know what you call it first of all - so that is my question what do you call it? The behavior works like this: the ...
1
vote
3answers
38 views

What do you call this dynamically updating text behavior?

I want to wireframe a behavior I've seen on Squarespace.com. First I need to know what you would call it. The behavior is: As you type text in one part of the screen, another part is dynamically ...
3
votes
1answer
92 views

So I created personas. What's next?

I'm doing UX for the mobile app for the first time. I have developed user personas and don't know what to do next to get to the visual design. I suppose I have to create these things: application map, ...
11
votes
5answers
1k 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 ...
3
votes
3answers
108 views

Web Site Design Based on User Catagory

I am starting a building design consultancy (think architect, but not physical building design, building automation, AV instead, eco buildings, etc...). I want a website to push prospective clients ...
0
votes
2answers
209 views

Displaying chart with meaning and readability for users

I'm working on an app and one flow will be showing a chart for a users mood. Two things the chart will include is the time and feeling of the user from 1-5. I was wondering if you think the way this ...
6
votes
3answers
285 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 ...
2
votes
3answers
161 views

Displaying information hierarchy and readability on mobile app

I am working on a personal project that is a training log fitness app. On the meal section I want to display what time the meal was had and all the food that they had as well. Each meal being ...
0
votes
1answer
104 views

Regarding spacing on tabs and making them similar to buttons

I was checking out some apps on how they handle tabs and the spacing between them. Myfitnesspal has three tabs right next to each other with the right and left side having rounded corners. The app I ...
1
vote
2answers
190 views

Is adding an edit option near each section too excessive?

Do you think adding an edit option in each section of this screen is too excessive for the user?
1
vote
2answers
62 views

Back icons near each other, bad idea? [closed]

I am working on a personal project for my portfolio which is a mobile app. I have the main header you typically expect from a mobile app where it tells the user where they are currently at and an icon ...
1
vote
1answer
53 views

What is the design process followed in general for a new feature request in the existing product?

Question to UX experts: We have a product already in use and we have a design guide in place. When there is a new requirement/new feature request, do we need to mock (visual design) it up every time? ...
2
votes
1answer
65 views

Is research related to “the fold” in web design age-contingent?

I recently encountered an argument that, while the fold may be commonly touted as bad UX by web designers, that anyone over the age of 60 will still succumb to the effect, and will not think to scroll ...
1
vote
2answers
867 views

How to better do wireframes for material design? [closed]

We will redesign our android app using google material guidelines. Now I use illustrator for wireframing so I started looking for material design kit resourses and I found this whiteframes in the ...
0
votes
3answers
83 views

Are wireframes indicative of final layout? [closed]

In my office, we had a meeting where the project manager suggested that the wireframes were not the final layout. In theory, while I think this is somewhat true, in that the UI designer might modify ...
2
votes
4answers
3k 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?
2
votes
4answers
231 views

Concept testing

I'm currently working on a strategy project. The team conducted interviews with users on what kind of impressions they have about our product and other products like ours. They've told us what they ...
0
votes
0answers
12 views

How to Present Animation (Functional Animation) in the wireframes? [duplicate]

As a UX designer we design an interface in wireframe stage or a storyboard. We imagine few things in our mind while designing interface, things like animation, sliding images, light box appearance, ...
8
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 ...
2
votes
1answer
67 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
299 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 ...
5
votes
5answers
195 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 ...
1
vote
1answer
45 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
2k 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 ...
3
votes
4answers
105 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
65 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 ...
6
votes
5answers
229 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
163 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 ...
1
vote
3answers
150 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 ...
0
votes
2answers
119 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 ...
3
votes
3answers
375 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 ...
0
votes
3answers
107 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. ...
2
votes
2answers
1k views

Blueprint VS WireFrame

Are there any particular difference between blueprint and wireframe? I did some researches and found that blueprint is style wireframes!
2
votes
2answers
80 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 ...
3
votes
2answers
505 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 ...
1
vote
4answers
234 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 [ ...
0
votes
1answer
63 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
96 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
82 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
120 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 ...
4
votes
4answers
638 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
195 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 ...
0
votes
3answers
310 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 ...
2
votes
2answers
4k 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 ...
1
vote
2answers
141 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
222 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
1answer
499 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
2answers
347 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
300 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 ...
1
vote
1answer
175 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?