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
3
votes
2
answers
6k
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 ...
- 591
1
vote
2
answers
2k
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 ...
- 601
1
vote
2
answers
341
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 ...
user36789
1
vote
1
answer
801
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 ...
- 601
1
vote
2
answers
412
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.
- 21
2
votes
2
answers
365
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 ...
- 21
1
vote
1
answer
201
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?
- 7,254
1
vote
1
answer
535
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 ...
- 357
4
votes
2
answers
456
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 ...
- 593
3
votes
3
answers
1k
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. ...
- 11.6k
0
votes
2
answers
1k
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 ...
- 55
1
vote
2
answers
2k
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 ...
- 55
4
votes
1
answer
2k
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 ...
- 55
0
votes
4
answers
520
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
4
answers
1k
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 ...
- 463
1
vote
2
answers
2k
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 ...
- 449
24
votes
8
answers
2k
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, ...
- 2,454
3
votes
2
answers
430
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 ...
- 1,860
0
votes
4
answers
174
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 ...
- 601
1
vote
6
answers
273
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 ...
5
votes
3
answers
1k
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 ...
- 43.7k
5
votes
4
answers
4k
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 ...
- 171
4
votes
4
answers
213
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 ...
- 197
3
votes
2
answers
533
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 ...
- 152
6
votes
2
answers
381
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,697
8
votes
1
answer
489
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,370
6
votes
3
answers
1k
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 ...
- 3,532
1
vote
1
answer
419
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 ...
- 13.8k
1
vote
3
answers
7k
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,370
5
votes
3
answers
355
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 ...
- 1,697
8
votes
5
answers
2k
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 ...
- 43.7k
1
vote
2
answers
220
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 ...
- 41
8
votes
3
answers
215
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 ...
- 1,370
0
votes
2
answers
236
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?
- 105
9
votes
4
answers
2k
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 ...
- 324
11
votes
2
answers
2k
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 ...
- 928
1
vote
2
answers
3k
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 ...
- 175
5
votes
5
answers
357
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,301
0
votes
1
answer
97
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 ...
- 828
4
votes
2
answers
209
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 ...
- 163
-5
votes
2
answers
740
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,504
2
votes
2
answers
161
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 the ...
- 697
7
votes
1
answer
406
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 ...
- 257
3
votes
2
answers
511
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 ...
- 39
2
votes
2
answers
724
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 ...
- 3,666
21
votes
12
answers
22k
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 ...
- 313
5
votes
3
answers
1k
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 ...
- 7,254
6
votes
3
answers
160
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 ...
- 61
1
vote
3
answers
684
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 ...
- 87
4
votes
3
answers
310
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 ...
- 7,254