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.

Filter by
Sorted by
Tagged with
5
votes
7answers
2k 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.
5
votes
3answers
1k 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 ...
5
votes
6answers
331 views

How abstract/specific are your wireframes?

We’re a small web design team currently revising our workflow, and we were wondering how you work with wireframes. Do you use wireframes and if so, how abstract or specific are they? Do you try to ...
5
votes
3answers
1k 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 ...
5
votes
2answers
10k 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....
5
votes
3answers
348 views

How to wireframe an efficient UI when the project manager refuses to spend time to conduct user research?

I often have to face this situation. I'm asked to wireframe UIs without having any information about the final users (their profiles, needs, preferences, and key tasks). First, I usually study ...
5
votes
4answers
4k views

Best type of UI specifications for UI design?

I've had some problems handing over specifications that were wireframe designs + explanation of elements, to UI designers/artists. What tended to happen was that the first few screens created were ...
5
votes
5answers
649 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 ...
4
votes
9answers
11k views

What is better for wireframing: Photoshop or Illustrator? Why? [closed]

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 ...
4
votes
3answers
2k 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 ...
4
votes
4answers
573 views

Is there a convention for identifying final vs. placeholder text in wireframes?

I'm working on a bunch of wireframes where I have a mix of near-final and copy-guide text. Near-final copy are text that our visual designers should use in their designs verbatim, and copy-guides are ...
4
votes
3answers
309 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
3answers
1k views

What software is used to create GUI concept videos?

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

Is there a standard to wireframing?

In my current job I am never asked to make any wireframes and certainly nobody is interested in seeing wireframes. I often make them just to get my thought process straight but I would like to include ...
3
votes
3answers
315 views

Should a style guide be defined before wireframes are started

We have a number of upcoming projects that will share a common theme and look/feel, and are about to start working towards the first of those. There are two competing points of view in the business: ...
3
votes
1answer
1k 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
6k 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 ...
3
votes
4answers
10k 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
2answers
208 views

How do i design website mockups when i already have a css framework in mind?

Do I choose the CSS framework first before designing the website mockups? Or is it the opposite. What if I finish designing the mockups, but the css framework isn't a perfect fit ?. Should I first ...
3
votes
4answers
151 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
2answers
509 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
2answers
599 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
2answers
494 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
885 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
348 views

How to contain heavy content in card view?

How to design card which contains rich/heavy content that cannot be neglected. In card view image(logo/product) position should be on left or right?
3
votes
2answers
3k views

How to create a task flow after scenario?

I am trying to create a user experience design for ATM users. These users are semi-literate. I have created a Design strategy, Persona and Scenario. My next step is to create a Task flow and then ...
3
votes
3answers
990 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
2answers
419 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 ...
3
votes
4answers
2k 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 ...
3
votes
4answers
694 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 ("...
3
votes
3answers
1k 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
4answers
218 views

Why web apps do not consider high resolution screens in their designs? [duplicate]

Have a look at the image below, this is how Youtube will look when someone opens on high resolution screen.There are empty space on both sides and I have checked this with many popular web apps, same ...
3
votes
3answers
125 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 ...
3
votes
2answers
109 views

What is the best method for making mutiple wireframes derived from the same data?

I currently have to make 3 wireframes from the same data, I find it to be a bit daunting, as I feel I have spoken for the optimal way to do things on the first wireframe, and can't seem to think up ...
3
votes
2answers
2k 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 ...
2
votes
2answers
137 views

Should UI designer and UX designer work on wireframe together?

if yes, especially what parts should they determine together? (Layout?, grid?, information architecture?)
2
votes
2answers
227 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 Sally ...
2
votes
2answers
79 views

Should I cover every single user flow including error states in wireframes for web and mobile applications?

While creating wireframes, I mostly create the obvious screens and flows, and leave out all the micro flows like error states or less important screens. These are then fleshed out when creating the ...
2
votes
2answers
283 views

Should wireframes progress with the sprints?

In our end of sprint meetings with the client, we show the work done during the sprint then go over what will be in the next sprint. In the later, we usually show the wire frame for a visual. I ...
2
votes
3answers
4k 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
1answer
4k views

Annotating wireframes in sketch - how do you do it? [closed]

I've been using the notebook pro plugin for the past few months, but I'm running into tons of issues. (crashes, random inability to add new comments in larger docs, etc) What are other techniques for ...
2
votes
2answers
234 views

Did anyone actually ever used wire to build wireframes?

For a book I'd like to write a few words about the history of wireframes. I know that the term is used in 3D modeling, but was it the first usage of the term? Or did industrial designers use actual ...
2
votes
2answers
666 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
8answers
554 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 ...