Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [wireframe]

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

0
votes
2answers
47 views

Canonical web page layout articles

I need scientific works or articles about canonical layout forms used in e-commerce shops, something about prototyping and trying them on a real audience. Maybe can you lead me were I can found ...
1
vote
2answers
182 views

What to do when you disagree with UI designer?

I have a little question, I am a full UX Designer, I don't do UI in my company. However, I have a regular problem when I am making user interviews then wireframes. The UI designers of my company said "...
4
votes
1answer
132 views

What is the best screen size to start wireframing with?

I'm new to mobile app design and I'm looking for some help. I saw a number of screen sizes available in Adobe XD but I don't know which one is the best to start designing with. I've heard someone ...
1
vote
1answer
35 views

How to help Quality Assurance team to validate designs against development environment in an Agile project?

I wanted to know how you deal with similar situations. We are working using agile methodology so we design piece by piece of the designs. But it happened a lot that when later QA wants to check if ...
1
vote
0answers
22 views

How do you prototype systems that are normally connected to Active Directory or other complex external systems?

I am working on a product that has a quite typical setup when it comes to enterprise software: it is usually connected to the Active Directory of the origanization and authenticates its users against ...
2
votes
1answer
604 views

Annotating wireframes in sketch - how do you do it? [closed]

I've been using the notebook pro plugin for the past few months, but I'm running into tons of issues. (crashes, random inability to add new comments in larger docs, etc) What are other techniques for ...
3
votes
2answers
140 views

How do i design website mockups when i already have a css framework in mind?

Do I choose the CSS framework first before designing the website mockups? Or is it the opposite. What if I finish designing the mockups, but the css framework isn't a perfect fit ?. Should I first ...
3
votes
4answers
153 views

Why web apps do not consider high resolution screens in their designs? [duplicate]

Have a look at the image below, this is how Youtube will look when someone opens on high resolution screen.There are empty space on both sides and I have checked this with many popular web apps, same ...
2
votes
2answers
120 views

Should wireframes progress with the sprints?

In our end of sprint meetings with the client, we show the work done during the sprint then go over what will be in the next sprint. In the later, we usually show the wire frame for a visual. I ...
0
votes
2answers
63 views

Confused between two option to show the new leave application to review

The module in which I am working in leave module where employee's overall leave balance, leave count with specific leave type would be listed. In this product mainly 2 type of users are there. 1)...
-1
votes
1answer
52 views

How can I collect and archive my sketches [closed]

I need your help if you can, so how you turn brief into a rough sketches for app & web design (need examples plz).
0
votes
2answers
205 views

logo and icon should or should not be in low fidelity wireframe?

Is it going under the process to use icons and logo (logo of visa for payment) in low fidelity wireframes ?
15
votes
3answers
4k views

Logical colors for a wireframe

I got a mail from a designer to do some wireframes. He has told me that the wireframe should have logical colors. Is there really some theory to the colors for wireframes? I have made some ...
1
vote
1answer
109 views

Better layout for showing 3 tables on a page

There is a dashboard page which is managed by admin for monitoring countries, industries and notifications going to end user. I want to show these 3 tables on single page. I have designed those using ...
2
votes
2answers
126 views

Should UI designer and UX designer work on wireframe together?

if yes, especially what parts should they determine together? (Layout?, grid?, information architecture?)
1
vote
1answer
864 views

How to test and evaluate wireframes? [closed]

I'm working on a web project, I did some wireframes (paper prototypes for now). I'm thinking about some way to make user testing of my wirefrimes, is it possible to have some users feedbacks by user ...
1
vote
1answer
75 views

UX documentation

How do you refer to "the user" in your wireframe notes and specs? Do you write it as: "I start typing", or "the user starts typing"? What format do you use? Also, does anybody have any examples from ...
12
votes
4answers
3k views

What is the name for wireframing in the browser?

I am working on quite a large web project and I am thinking that I will first design a series of wireframes in Sketch... but then once those are approved, I plan to build the wireframes using ...
0
votes
4answers
129 views

How do you present Tabbing Order

When working on wireframes, how do you show tabbing order? I have a process/template for my wireframes, but I am still looking for ideas on how to show to devs tabbing order... I am playing with dong ...
0
votes
2answers
115 views

Elegantly make a group of rows distinct. How do I draw users attention to a group of rows in a table?

I need a simple yet elegant solution for making the rows highlighted in red standout from other rows. Description: The highlighted rows are the new rows that the user has not looked at yet. So we ...
4
votes
3answers
829 views

Is there a standard to wireframing?

In my current job I am never asked to make any wireframes and certainly nobody is interested in seeing wireframes. I often make them just to get my thought process straight but I would like to include ...
2
votes
4answers
235 views

What makes a good wireframe tool? [closed]

I saw this on twitter, but I don't know whether the points in this article objectively. I 'm a new PM and want to choose a fine wireframe tool to use. Thank you very much! What Makes a Good ...
4
votes
3answers
157 views

Should a style guide be defined before wireframes are started

We have a number of upcoming projects that will share a common theme and look/feel, and are about to start working towards the first of those. There are two competing points of view in the business: ...
3
votes
2answers
226 views

Did anyone actually ever used wire to build wireframes?

For a book I'd like to write a few words about the history of wireframes. I know that the term is used in 3D modeling, but was it the first usage of the term? Or did industrial designers use actual ...
0
votes
4answers
96 views

Resources on how UX designer can understand color theory and implement it in wireframes

In my company the wireframes are supposed to be in gray-scale because the visual designer takes care of the visuals aspect. For my side project, I wish to add colors to my wireframes. It would be ...
0
votes
2answers
62 views

How to organize data for a CMS that controls several websites?

We are building a CMS that controls data for 3 different portals. These 3 portals are not the same although connected to each other. Think of it like there's a portal for Renters, portal for Tenants, ...
3
votes
3answers
277 views

How to contain heavy content in card view?

How to design card which contains rich/heavy content that cannot be neglected. In card view image(logo/product) position should be on left or right?
0
votes
4answers
190 views

Is there a name for a group of value-related sliders?

I need to illustrate a set of sliders. Each slider can be moved up and down by the user. Adjusting one slider will indirectly adjust the other sliders. Is there a name for this kind of UI component? ...
1
vote
3answers
389 views

Organizing and structuring big wireframe documents

I am searching for best practices how to structuring and organizing big wireframe documents (or good sources for those informations)? In this case I work with balsamiq mockups 3 and I have a lot of ...
1
vote
2answers
125 views

Form Errors - Correct Label/Icon Placement

I'm creating a UI kit and I want to create design standards which are user-friendly. With specific regards to form validation, I've researched Wroblewski who says that errors should have top placement,...
2
votes
4answers
146 views

Wireframe vs. Mockup vs. Look&Feel for mobile apps?

I'm starting development of a couple of mobile apps, and I'm sometimes told to propose a wireframe or a look&feel for them, or to create a mockup. I suppose those are actually different things ...
1
vote
1answer
66 views

is functional requirement is necessaryfor wireframing

Is there need of functional requirement for creating wireframe? or low level requirement is enough for wireframe design.
3
votes
2answers
181 views

How to Start Conceptualizing a Web Design Experience

I am going to design my first website. Basically, a redesign of a website I care for. I've been identifying goals and functional needs. Now I want to see if I can get the experience right or more ...
0
votes
1answer
274 views

Testing prototype/wireframe and KPi

I have an assessment from a local startup to: Find problems on my site ( what UX method you use to find the problems ) Make suggestions for improvement ( what method you use ) Create a prototype ...
3
votes
2answers
2k views

How to create a task flow after scenario?

I am trying to create a user experience design for ATM users. These users are semi-literate. I have created a Design strategy, Persona and Scenario. My next step is to create a Task flow and then ...
0
votes
0answers
48 views

What would you call this Menu Updating Technique?

I want to wireframe a pulldown menu behavior I saw on Squarespace.com but I don't know what you call it first of all - so that is my question what do you call it? The behavior works like this: the ...
1
vote
3answers
64 views

What do you call this dynamically updating text behavior?

I want to wireframe a behavior I've seen on Squarespace.com. First I need to know what you would call it. The behavior is: As you type text in one part of the screen, another part is dynamically ...
3
votes
1answer
351 views

So I created personas. What's next?

I'm doing UX for the mobile app for the first time. I have developed user personas and don't know what to do next to get to the visual design. I suppose I have to create these things: application map, ...
12
votes
5answers
2k views

What is a wireframe deck?

I was recently asked to provide this by a potential employer and wasn't sure what it meant. Google has also shown little help. I am assuming it means a collection of wireframes. However, are these ...
3
votes
3answers
120 views

Web Site Design Based on User Catagory

I am starting a building design consultancy (think architect, but not physical building design, building automation, AV instead, eco buildings, etc...). I want a website to push prospective clients ...
0
votes
2answers
237 views

Displaying chart with meaning and readability for users

I'm working on an app and one flow will be showing a chart for a users mood. Two things the chart will include is the time and feeling of the user from 1-5. I was wondering if you think the way this ...
7
votes
3answers
757 views

I create HTML mockups. How do I share them for collaboration?

When working with a client, I build several sets of HTML mockups. They range in fidelity, are responsive, sometimes have a bit of content, have a few animations etc. They usually come in batches - a ...
4
votes
5answers
480 views

Displaying information hierarchy and readability on mobile app

I am working on a personal project that is a training log fitness app. On the meal section I want to display what time the meal was had and all the food that they had as well. Each meal being ...
0
votes
1answer
124 views

Regarding spacing on tabs and making them similar to buttons

I was checking out some apps on how they handle tabs and the spacing between them. Myfitnesspal has three tabs right next to each other with the right and left side having rounded corners. The app I ...
1
vote
2answers
210 views

Is adding an edit option near each section too excessive?

Do you think adding an edit option in each section of this screen is too excessive for the user?
1
vote
1answer
72 views

What is the design process followed in general for a new feature request in the existing product?

Question to UX experts: We have a product already in use and we have a design guide in place. When there is a new requirement/new feature request, do we need to mock (visual design) it up every time? ...
2
votes
1answer
71 views

Is research related to “the fold” in web design age-contingent?

I recently encountered an argument that, while the fold may be commonly touted as bad UX by web designers, that anyone over the age of 60 will still succumb to the effect, and will not think to scroll ...
1
vote
2answers
3k views

How to better do wireframes for material design? [closed]

We will redesign our android app using google material guidelines. Now I use illustrator for wireframing so I started looking for material design kit resourses and I found this whiteframes in the ...
0
votes
3answers
117 views

Are wireframes indicative of final layout? [closed]

In my office, we had a meeting where the project manager suggested that the wireframes were not the final layout. In theory, while I think this is somewhat true, in that the UI designer might modify ...
5
votes
4answers
13k views

The difference between mock-up, prototype and wireframe

I am a freshman in UX design and find it difficult to understand the difference between mock-up, wireframe and prototype. Are they referring to the same thing?