A wireframe is a basic visual guide of the user interface.
3
votes
3answers
78 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 ...
4
votes
4answers
100 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 ...
6
votes
2answers
1k views
What is a scamp, UX? [closed]
My Googling powers are failing me. Does anyone have an an example or definition of a scamp? It appears to be some kind of wireframe, but careless?
7
votes
3answers
126 views
Is there any issues with approaching a website re-design from a mobile first perspective?
I've read the book Mobile First and agree with many of the points made. However, I still do not approach a project creating a set of mobile wireframes and then desktop. I still design the other way ...
12
votes
5answers
177 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 ...
5
votes
7answers
713 views
What is the best (& quickest!) way to learn wire framing?
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
6answers
950 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 ...
0
votes
2answers
77 views
Wireframing: App for turning pencil and paper wireframes into editable digital formats (or stencils) [closed]
I wireframe using pencil and paper, but like to share and show designs digitally. Wondering if there is a tablet app solution that could use a camera or scanner to take the pen and paper variant and ...
9
votes
9answers
1k 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 ...
5
votes
2answers
119 views
How to design a wireframe logically?
I'd like to know what is the reasoning you go through when you wireframe a page.
After having determined the different components of a page, I usually identify the primary/secondary contents and key ...
1
vote
0answers
72 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 ...
10
votes
8answers
1k 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 ...
8
votes
1answer
78 views
Modular approach taken to designing, how do you decide what needs to be wireframed?
Doing a corporate website redesign. Usually unique templates would be identified and those are the pages that would be wireframed instead of having to do every single page. What happens if the website ...
5
votes
3answers
132 views
How to show links on wireframes during user testing?
We were conducting user tests in which we gave the user some tasks to perform, on a set of interactive wireframes we had created. All links on the page were blue (shown below).
Because the links were ...
1
vote
2answers
839 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
89 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 ...
19
votes
26answers
5k 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 ...
9
votes
5answers
375 views
Pixel precision of wireframes?
I was asked to design a series of interactive wireframes using Axure for client who wanted to see how we would approach a design process. I made the designs in grey scale in relatively medium fidelity ...
0
votes
3answers
152 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 ...
-3
votes
1answer
84 views
How we can evaluate user experience of the application [closed]
Is User Experience varies according to the Country/Region. For example we design a web based application how we can evaluate user experience of the application.
Thanks in advance
4
votes
3answers
149 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 ...
12
votes
10answers
3k 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?
1
vote
2answers
95 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 ...
0
votes
2answers
151 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?
8
votes
2answers
262 views
How do you currently manage wireframes and storyboards for software releases?
I'm very new to wireframing in an Agile environment (2-week sprints). My wireframes and storyboards contain features for immediate release as well planning as for future releases.
I'm using Visio, ...
-2
votes
1answer
212 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 ...
0
votes
1answer
87 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 ...
9
votes
6answers
6k 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 ...
3
votes
4answers
309 views
How much detail in wireframes?
How much detail should you put in your wireframes?
I have been creating a lot lately and I usually end up putting a lot more detail in something that I am handing off to another designer; whereas if ...
9
votes
11answers
928 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 ...
10
votes
2answers
223 views
Caption below or above image for navigation purposes?
It was already discussed here that for layout purposes, where images and video appear on a web page, ordinary captions are probably best placed below the graphic — largely due to convention.
I want ...
4
votes
4answers
253 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 ...
0
votes
3answers
357 views
Are there any good high fidelity prototyping tools that do not require you to write code? [closed]
I currently create click-through mockups using Balsamiq for my usability testing. After the concepts and flow have been decided, I would like to do a high-fidelity prototype to show stakeholders the ...
-1
votes
2answers
589 views
Looking for enterprise web application design inspiration [closed]
I've checked many websites to be inspired about what the look and feel of a serious enterprise web-application should look like. But the whole I saw were designed for being used by single users and ...
5
votes
5answers
187 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 ...
-2
votes
2answers
253 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 ...
0
votes
1answer
76 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 ...
3
votes
2answers
72 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 ...
36
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 ...
2
votes
9answers
3k 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 ...
6
votes
2answers
265 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
333 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
99 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 ...
14
votes
10answers
2k 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 ...
2
votes
2answers
198 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 ...
5
votes
2answers
283 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 ...
0
votes
1answer
115 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
2answers
106 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
301 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
217 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 ...
