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

learn more… | top users | synonyms

4
votes
2answers
126 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
121 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
1answer
360 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
448 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
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. ...
3
votes
3answers
622 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
123 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
263 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
328 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
182 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
2answers
310 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 ...
2
votes
2answers
993 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. ...
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 ...
2
votes
2answers
123 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
2answers
258 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
7answers
345 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
2answers
230 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
310 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
699 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
378 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
2answers
70 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
301 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
128 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
2answers
242 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
9answers
6k 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
391 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
6answers
194 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
2k 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
3answers
540 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
2answers
168 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
176 views

Blueprint VS WireFrame

Are there any particular difference between blueprint and wireframe? I did some researches and found that blueprint is style wireframes!
1
vote
2answers
109 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
123 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 ...
1
vote
4answers
188 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 [ ...
1
vote
1answer
140 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?
1
vote
2answers
1k views

Creating prototypes using keynote for ipad

I have hi-fi wireframes for each screen, which are flattened images in JPEG format. These wireframes can be connected by hotspots in Fireworks or any other tool that creates clickable prototypes. How ...
1
vote
1answer
1k views

How to create dynamic overlay panel in Axure?

I would like to create a few dynamics panel like on www.ted.com. I have following problems: I would like to use one dynamic panel that will move on every image. I've created a case statement: ...
1
vote
2answers
74 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
241 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
1answer
197 views

Hidden interaction vs. numerous screens in a wireframe when presenting to a Client

I use Axure on daily basis. Initially, I used to cover every interaction in the wireframe. Of course it gets 'clickable' then (well, maybe some elements excepted, that need to be described because ...
1
vote
2answers
136 views

Prototype tool for large application? [closed]

A typical application like ERP, I always need keep look and feel of prototypes consistency every-time I release the prototype while requirements change all the time. Useful tools have these ...
1
vote
2answers
421 views

Admin Layout - where to put the categories list?

See the Admin layout (wireframe) below. Header - Logo and Logout Link Main navigation - Orders, Members, Shops, etc. Sub-Navigation - List of links that is related to Main navigation. Eg: If you ...
1
vote
2answers
300 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.
1
vote
1answer
312 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 ...
1
vote
0answers
137 views

What are the most essential features for wireframing software to have? [closed]

I've seen quite a few questions asking for specific types of software, and usually getting closed within a few hours[1], but their repeated posting suggests to me that perhaps a question we're failing ...
0
votes
4answers
97 views

How to communicate that an element on a low fidelity wireframe needs color

What is the best way to indicate color on low fidelity wireframe? I'm creating a low fidelity wireframe and I've been instructed to not use any specific colors aside from the basic (the visual ...
0
votes
2answers
181 views

What kind of tool is this? What kind of image program? [closed]

What kind of program has been used to produce this mock-up image?
0
votes
1answer
86 views

Best “Cycle” for developing new products?

Given that everyone has their own "nitch" or style for developing new products/applications, I was wondering if there is an ideal cycle that most ux professionals like to follow? This could be ...
0
votes
1answer
27 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 ...