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.
197
questions
0
votes
1
answer
212
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 ...
- 828
4
votes
3
answers
550
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 ...
- 828
4
votes
4
answers
594
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 ...
- 615
1
vote
2
answers
2k
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 ...
- 11
7
votes
2
answers
1k
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 ...
- 71
9
votes
4
answers
1k
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 ...
- 732
2
votes
2
answers
844
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 ...
- 141
2
votes
2
answers
305
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 ...
- 23
11
votes
5
answers
9k
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 ...
- 1,201
46
votes
8
answers
4k
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 ...
- 559
12
votes
3
answers
8k
views
Printable sketch templates for Android phones [closed]
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 iPhone,...
- 4,457
4
votes
3
answers
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 ...
- 141
1
vote
2
answers
1k
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 ...
- 240
12
votes
11
answers
5k
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 ...
- 13.2k
4
votes
3
answers
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 ...
- 497
13
votes
4
answers
736
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 ...
- 7,254
0
votes
1
answer
148
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 ...
- 231
1
vote
1
answer
2k
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:
...
- 127
6
votes
4
answers
2k
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 ...
- 4,862
-4
votes
1
answer
498
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 ...
- 1,019
2
votes
3
answers
911
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 ...
- 4,862
7
votes
2
answers
17k
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 ...
- 89
23
votes
9
answers
8k
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 ...
- 4,862
5
votes
7
answers
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.
4
votes
5
answers
601
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 ...
- 163
3
votes
4
answers
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.
...
2
votes
8
answers
569
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 ...
- 221
6
votes
6
answers
2k
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? ...
- 346
39
votes
15
answers
27k
views
What is the difference between wireframing and prototyping?
What is the difference between wireframing and prototyping?
Am I right to think that prototypes should be interactive and wireframes should be static?
- 4,862
3
votes
3
answers
898
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 ...
- 395
18
votes
6
answers
7k
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,103
4
votes
9
answers
12k
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 ...
- 1,103
8
votes
4
answers
1k
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 ...
- 5,149
10
votes
4
answers
1k
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 ...
- 857
11
votes
5
answers
1k
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 ...
- 519
6
votes
4
answers
299
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 ...
- 13.5k
13
votes
10
answers
8k
views
Are wireframes appropriate for requirements documentation?
The design, development, and testing folks are having a conversation at the moment about requirements.
Part of the conversation is about the purpose and use of wireframes. Our change analyst is ...
- 3,581
9
votes
9
answers
3k
views
Best practices for interactive prototypes deliverables?
I'm introducing Axure prototypes to a client for the first time. While Axure offers very detailed annotations and specs, I think it's overkill for this project—a scheduling application for internal ...
- 383
9
votes
6
answers
2k
views
Based on your experience, what are the capabilities and limitations of Axure? [closed]
Just started playing around with Axure, an integrated development environment for wireframes, prototypes, and specifications. Already I'm wondering why there's not integration for: business ...
- 1,261
22
votes
7
answers
4k
views
Using color in wireframes...is this a "no no"?
Recently, an internal debate was started at work regarding the use of color in wireframes. A junior designer had finished a nice set of wireframes and was told at the end to turn everything into ...
- 1,845
34
votes
26
answers
16k
views
Which prototyping tools? [closed]
This links heavily into the following question:
What are some great web-based prototyping tools?
However I didn't want to limit the suggestions to "Web Based" tools, I have found and used the ...
8
votes
5
answers
604
views
What is some general advice for demoing wireframes to clients? [closed]
I've been working on a web app, and have gotten the wireframes pretty far along, based on initial in-house research & discussion. The biz guys are eager to set up some demos of the wireframes to ...
- 605
6
votes
6
answers
463
views
Interaction with a grid with complex cells
Problem definition:
A grid where each column represents an attribute of a task and each row is a task
One of the columns represents the progress reported on that task
Multiple persons can be assigned ...
- 7,742
13
votes
5
answers
268
views
At what point does interactive wireframing become redundant?
At what point does interactive wireframing become redundant? How much of the site do you really need to create (using tools such as Axure), before you can call it a working prototype?
Working on a ...
Ali
8
votes
2
answers
525
views
How do you currently manage wireframes and storyboards for software releases?
I'm working on a project which requires wireframing in an Agile environment (2-week sprints). My wireframes and storyboards contain features for immediate release as well planning as for future ...
- 81
9
votes
3
answers
1k
views
Google Drawing - Wireframing? [closed]
I just read an article about Google Drawing (part of Google Docs) and how useful it is for wireframing.
Do you have experience with Google Drawing for wireframes, that could give feedback on how ...
- 1,644
33
votes
45
answers
4k
views
What tools (ideally affordable ones) would folks recommend for creating a website wireframe? [closed]
What tools (ideally affordable ones) would folks recommend for creating a
website wireframe? What tools have you used, and did you find them better than pen and paper?