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

learn more… | top users | synonyms

4
votes
3answers
290 views

Visual language for fixed and fluid widths

Is there a common visual language (symbols) to highlight what parts of a web page that should be fixed or flexible when you're doing wireframes? For example - a web page consists of two columns. One ...
4
votes
4answers
196 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 ...
4
votes
5answers
373 views

How to deliver wireframe changes to team members

I'm working in a small project team as an interaction designer. The product is in development and not released to the public yet. In the beginning all the product's features have been designed in ...
4
votes
2answers
382 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 ...
4
votes
3answers
405 views

Admin interfaces for reporting data

I am trying to design how an assigned administrator for a web app that manages students and audiobooks, can generate a report to view the data in longituginal graph. The admin can either view ...
4
votes
4answers
639 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 ...
4
votes
2answers
139 views

Managing copy during interaction & visual design

I'm about to begin a web architecture and design project that will have many pages with lots of content / copy across several different languages. One of the challenges is that for each geographical ...
4
votes
2answers
133 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 ...
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 ...
3
votes
2answers
1k views

What software is used to create GUI concept videos?

If I was to create a video of a GUI concept video with animations, what software is best suited for that? The focus would be applications for mobile devices or screens integrated in homes, cars etc. ...
3
votes
4answers
106 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?
3
votes
1answer
673 views

How wireframes work for UX/UI design and front-end development

I created this wireframe/sketch to have a UI designer bring it to life, however I have some questions about the wireframe and grid system: Link: http://postimg.org/image/npt5zlvu7 1) Would I be able ...
3
votes
2answers
486 views

Mobile UX prototyping tools in the classroom [closed]

(I know this sounds like a repeat question, but I am asking this specifically for a classroom context and I have some specific needs (other than "free") that I feel sets this question apart. Please ...
3
votes
4answers
8k 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. ...
3
votes
1answer
93 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, ...
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 ...
3
votes
3answers
792 views

When delivering wireframes to a client, what paper size do you output them in?

I'm trying to figure out the best way to present my wireframes to the client as I currently produce them at full resolution (960px width) but end up having them span multiple pages when placed into a ...
3
votes
3answers
376 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 ...
3
votes
3answers
627 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. ...
3
votes
3answers
245 views

Is there a standard way to indicate a suggestive search (autocomplete) in a wireframe form?

I'm designing an interface, and I'm currently creating a wireframe to guide me before developing it. I know that a particular form will make suggestions, but if I were to, say, get another developer ...
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 ...
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 ...
2
votes
2answers
136 views

Does anyone use different levels of personas?

I'm not sure how to best represent different states of users during their time on my site. For example: New to your system: Billy Buyer Sally Surfer Familiar with your system: Billy Buyer ...
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
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
7answers
420 views

Deliverables: Animated Movies - what to do when a clickable wireframe is not enough?

Since I started working for a think tank I am often confronted with the problem that my standard set of deliverables are not sufficient to describe a vision. I often need to highlight the context ...
2
votes
4answers
232 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 ...
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 ...
2
votes
2answers
329 views

I'm looking for a graphical versioning system for sketches, wireframes etc

Up to now I've gathered so many sketches, wireframes, icons and mockups for all different kinds of projects and customers I have supported or worked for. Digital and on paper. I have noticed that I ...
2
votes
2answers
401 views

Wireframing hardware dashboards/control panels - best practice

For an upcoming customer project, I will be dealing with control center UI, including visualization on-screen software, but also hardware control panels and dashboards. The project emphasizes on ...
2
votes
2answers
801 views

How to preview wireframes/design made with Keynote that are larger than my monitor resolution?

Many blog posts are recommending wire-framing with Keynote, since you don't have to spend in buying in another tool. So while trying out this with Keynote I hit a problem. If my page is longer like ...
2
votes
3answers
722 views

Is there any free tool to explain the interactions between website pages and elements on a big single screen? [closed]

Is there any tool to explain the interactions between website pages and elements on a big single screen? I have all screenshot images for all pages of websites, Some are lightbox on same page. some ...
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 ...
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 ...
2
votes
4answers
517 views

Just how many wireframes should i be producing for my client?

I'm working for a client who is developing large self-serve activities for customer to manage their policy online. My question is this.... Should i be producing a wireframe for every single journey ...
2
votes
2answers
143 views

collecting items from a table

I have the following scenario: User needs to search for some terms in a database The resulting terms can be "collected" and then exported Some users, before collecting new terms, can compare with ...
2
votes
3answers
162 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 ...
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
9answers
8k views

What is better for wireframing: Photoshop or Illustrator? Why?

I have come across a lot of websites and forums talking about creating PSD wireframes which are later used by UI engineers to build the front end. I always thought Illustrator was more suited for ...
1
vote
2answers
879 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 ...
1
vote
2answers
753 views

stages after UX design to front-end development

I'm working on a UX/UI process for my project, however I'm confused to understand the approach between UX/UI and front-end. After a .psd is developed, who would be responsible to transform it into ...
1
vote
3answers
5k views

Do you wireframe to exact size? [duplicate]

Looking for your steer on best practice for wireframes. In the past I've never wireframed to a particular canvas size or utilised a grid. This is usually because a designer knows the sizes they are ...
1
vote
6answers
240 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 ...
1
vote
3answers
601 views

Usability Review or UI Specification?

At the moment I am trying to see where UI/UX will fit in with our current software development cycle. We have a separate department that wireframes new products. Our specification stage for new ...
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 ...
1
vote
2answers
223 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
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
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? ...
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
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 ...