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

learn more… | top users | synonyms

5
votes
5answers
243 views

Send wireframes before a demonstration?

I'm an in-house UX Designer for a medium sized company, and big part of my job is building wireframes for inclusion in spec documents. Usually, the workflow goes something like this - the product ...
0
votes
1answer
85 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 ...
4
votes
2answers
119 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 ...
-2
votes
2answers
503 views

Tips & Tricks - Working with Axure & Fireworks Combined [closed]

I've used Adobe Fireworks for a number of years for wireframing and hi-fi prototypes. However, I have recently switched over to Axure, as the team i'm working in uses it quite heavily. I was ...
2
votes
2answers
119 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 ...
7
votes
1answer
327 views

Where should navigation go for a linear process?

I'm working on a iPad project with a linear process. At the moment I have a 'link' style navigation sat at the top in the 'navigation bar'. I've been doing some early test and the verdict is ...
2
votes
2answers
432 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 ...
2
votes
2answers
288 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 ...
16
votes
11answers
5k 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 ...
5
votes
2answers
486 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 ...
4
votes
2answers
119 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 ...
1
vote
3answers
514 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 ...
4
votes
3answers
272 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 ...
0
votes
1answer
149 views

Designating Unique Templates within a Wireframe Set

Is there a "threshold" that makes a template a Unique template within the wireframe set? I have defined my "unique" templates as when the layout can apply for any of those pages with simple/tedious ...
4
votes
3answers
337 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
313 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 ...
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 ...
7
votes
2answers
737 views

Building Upon Prototype Code

The developers where I work are rather underwhelmed by the Word specification which can be output from Axure. They asked whether it could produce usable code that could be built upon. I have a kind ...
8
votes
3answers
407 views

How do I represent conditional displays in wireframes?

I am working on a pretty big project. There are many use case scenarios possible for the different user types. I produced deliverables for the client which are essentially persona competition ...
2
votes
2answers
659 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
2answers
120 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 ...
9
votes
5answers
8k views

What tools can I use to design for Android 4.0 (Ice Cream Sandwich)? [closed]

I have to create a few prototypes (Balsamiq style) for Android 4.0 (ICS). I tried looking into tools etc from previous questions and from Google, but nothing seems to work for me. What tools can I ...
38
votes
8answers
2k views

How to work with visual designers who treat wireframes as literal graphic suggestions?

Recently I started to face quite many cases on my client projects when a visual designer on the team produces design that looks like wireframes produced by me, only colored. Perhaps, the obvious ...
11
votes
2answers
4k 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 ...
2
votes
2answers
908 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. ...
1
vote
2answers
365 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 ...
9
votes
11answers
2k views

How can animations be depicted in wireframes effectively?

I came across a question on Quora about jQuery animations in wireframes, which got me thinking about the general conventions in depicting any animation in static wireframes. I've been using either ...
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 ...
10
votes
3answers
385 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
1answer
100 views

Usage for Widgets

Can we consider a widget as a good re-presenter of latest activities, e.g: Latest News, Latest Announcements, Latest Offers..and so on ? And Does it make sense to put a widget among the content? I ...
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: ...
0
votes
1answer
196 views

What should be included in the UX design artifact for engineers? [closed]

It's unclear what level of detail and what format should be used to best communicate UX designs to engineering. I am afraid of making it too detailed or not detailed enough. Format possibilities: ...
6
votes
4answers
1k views

Is there any HTML5 or Javascript based Wireframing tool which can work on iPad? [closed]

I want to keep my ipad with me to show my ideas to client because laptop is heavy and I think iPad can do this. Is there any HTML5 or Javascript based Wireframing tool which can work on iPad and can ...
-2
votes
1answer
248 views

What do you do after paper prototyping? [closed]

Lot's of us - UX people. Love to start their work on paper. Either sketching or using sticky notes. What's the next step for you? I usually redraw whole paper prototype in Axure. Making the same thing ...
2
votes
3answers
285 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 ...
7
votes
2answers
3k 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 ...
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 ...
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.
4
votes
5answers
310 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 ...
3
votes
4answers
6k 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. ...
2
votes
7answers
329 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 ...
6
votes
6answers
1k views

Do high fidelity wireframes defeat the purpose?

Isn't the purpose of a wireframe to remove fidelity, assisting stakeholders in focusing on structure, architecture, content and general layout instead of the finer details about the graphic design? ...
15
votes
11answers
8k 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?
3
votes
3answers
592 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 ...
5
votes
6answers
1k views

Is it uncommon in the industry to use Inkscape to create wireframes? If yes why?

I've come across a lot of industry folk who do not know about the existence of Inkscape. I'm beginning to wonder if it hurts to say that I have used Inkscape for wireframes instead of Illustrator or ...
1
vote
9answers
5k 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 ...
8
votes
4answers
407 views

Making changes to existing products

I keep coming across this situation and was hoping someone would have more information on this: We have an existing product and I have been requested to "make something work better", so I start by ...
9
votes
4answers
633 views

Whats the best way to present interface ideas to stakeholders?

My current preferred method of developing and testing ideas for interfaces I'm designing is creating interactive, sketchy, grayscale prototypes using Axure. I find using grayscale helps put the focus ...
10
votes
5answers
875 views

What is a wireframe?

Ok. I sort of know what is a wireframe, but I still need a lot of help. The question actually wants to ask how to get started when "designing" a wireframe for an online shop. I am doing an internship ...
6
votes
4answers
273 views

How many interface designs are necessary beyond the initial mockup phase?

Every time we start a new software project at my company, we will go to great lengths figuring out the best and most user friendly interface possible. We often have many reasons for the decisions we ...