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

learn more… | top users | synonyms

8
votes
5answers
243 views

advice for demoing wireframes to clients

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 ...
1
vote
2answers
37 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 ...
13
votes
11answers
7k 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
1answer
140 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 ...
10
votes
3answers
358 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
3answers
153 views

What kind of framework do you use when you are prototyping in browser? [closed]

This is a question for those who actually do some wireframes in HTML. What kind of frameworks (Zurb Foundation, Bootstrap, Wirefly) or combinations (Boilerplate + Grid system) or just plain HTML/CSS ...
20
votes
7answers
2k 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 ...
2
votes
2answers
416 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 ...
31
votes
45answers
2k 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?
0
votes
2answers
83 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
2answers
136 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
229 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.
2
votes
2answers
192 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 ...
6
votes
3answers
225 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 ...
1
vote
1answer
116 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?
4
votes
2answers
254 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 ...
1
vote
1answer
192 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 ...
3
votes
3answers
206 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. ...
0
votes
2answers
356 views

How to design a precise UX/UI using javascript/jquery web components?

Nowadays, it seems that designers are having more cross-skills with front-end developers as never before. My question is: How a UX/UI designer would be able to precisely design/describe front-end ...
1
vote
2answers
255 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 ...
3
votes
1answer
282 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 ...
0
votes
3answers
148 views

A Long Aged Question: How is the content developed for the wireframe?

My name is Jarod, and I'm a web designer. Recently I started discovering that UX might most likely be my strongest field of interest since I'm most intrigued by how website visitors make buying ...
2
votes
4answers
233 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 ...
10
votes
5answers
821 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 ...
16
votes
11answers
4k 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 ...
0
votes
4answers
91 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 ...
19
votes
8answers
708 views

Quantifiable benefits of wireframing and prototyping?

I'm trying to come up with a few sources for quantifiable benefits of wireframing and prototyping, but I am having trouble finding results. I've seen plenty of "reduces requirements phase, improves ...
0
votes
2answers
168 views

Display notes section in table of data without making the table huge

Im developing the ui that uses a table based layout for listing items, it needs quite a detailed notes section, the obvious thing would be just to have an input in a similar way to a cell in a ...
2
votes
2answers
224 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 ...
4
votes
5answers
283 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 ...
1
vote
6answers
156 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 ...
3
votes
2answers
147 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 ...
4
votes
4answers
645 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 ...
3
votes
3answers
157 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
174 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
2k 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?
8
votes
3answers
152 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 ...
13
votes
5answers
198 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
1k 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.
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 ...
9
votes
9answers
2k 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 ...
6
votes
2answers
166 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
122 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
2k 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
144 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 ...
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
145 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 ...
21
votes
26answers
7k 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
770 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
939 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 ...