2022 Developer Survey is open! Take survey.

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.

Filter by
Sorted by
Tagged with
0 votes
4 answers
111 views

What makes a perfect landing page?

I would like to get advice on my landing page. My website provides mentorship services to professionals and entrepreneurs I currently have the following sections: Header with a call to action Social ...
user avatar
0 votes
2 answers
27 views

How do you signify different text sizes and font weights in paper wireframes?

When sketching wireframes on paper, we normally use lines to indicate text. How do you indicate visual weight for different text sizes, though?
user avatar
4 votes
4 answers
2k views

Should wireframes be tested?

I've seen some mentioning in recent times that user testing wireframes is best practice. Obviously testing as early as possible is something to pursue and a wire frame is a lot easier to make than a ...
user avatar
1 vote
1 answer
53 views

How to visually emphasize one card among many

I'm working on a portfolio and I want to present myself as "T-shaped designer", so I sorted my works into 3 different categories. These categories will be shown as clickable cards/gallery ...
user avatar
  • 237
0 votes
2 answers
110 views

Is it OK to break consistency in my page margins?

I am a beginner and designing my first UI wireframes for a large website with 80+ screens. My question is we set a margin width for the pages of 100px on each side of the page (the screen sizes are ...
user avatar
1 vote
1 answer
89 views

Multiple drop-down lists based on conditions

I am currently designing an email configuration tool which has a set of drop downs. They're all based on conditions, so every drop-down list triggers the next one and so on. Below is a rough wireframe ...
user avatar
2 votes
2 answers
182 views

Should I cover every single user flow including error states in wireframes for web and mobile applications?

While creating wireframes, I mostly create the obvious screens and flows, and leave out all the micro flows like error states or less important screens. These are then fleshed out when creating the ...
user avatar
  • 31
1 vote
2 answers
126 views

Low-fi wireframes doesn't help me to structure my idea about web design. Can anyone tell me how to solve this?

I am new to web design or you can call UX design. I have gone through many tutorials, books, courses and other article related stuff. Everything helped me to structure my journey on this sector. The ...
user avatar
  • 13
1 vote
1 answer
67 views

Does a Wireframe have to match the Prototype?

I feel like this is a UI question so apologies if I'm in the wrong place... Does the wireframe have to match the prototype in terms of structure and layout, or can it differ to show progression/ ...
user avatar
0 votes
1 answer
208 views

Is it okay to show the loads of data on modal or on the new web page?

I am working on an application which has some data in tabular format. There is a view button for each row. So my question is: After clicking on that button, should I show the data on the new web ...
user avatar
2 votes
1 answer
93 views

How to express multi condition rules with flow diagram or truth table

I have a below mentioned multiple variable which match with the other variables and gives output like FALSE, HOLD or TRUE. I have tried to represent it here in table format. Variable ...
user avatar
  • 133
3 votes
1 answer
88 views

Indicating jump links UI wireframe

I hope this is the right forum. I am drawing out a wireframe for a web developer to follow, indicating the layout of a website. I want to draw this out by hand, using the best practices/layout that ...
user avatar
2 votes
3 answers
224 views

Should I share high-fidelity or low-fidelity mockups with the team for improving current product experience?

I am at a startup, and we are all about 'budling the right thing fast rather than the wrong thing right.' I am evaluating and improving our current mobile/tablet version of the dashboard. Would it ...
user avatar
5 votes
2 answers
12k views

What open source and free wireframing tools are there? [duplicate]

I am writing a tutorial on how to do wireframing: https://github.com/dwyl/learn-wireframing/issues/1 and I would like to be able to recommend an online, free and open source wireframing tool to others....
user avatar
  • 129
5 votes
6 answers
345 views

How abstract/specific are your wireframes?

We’re a small web design team currently revising our workflow, and we were wondering how you work with wireframes. Do you use wireframes and if so, how abstract or specific are they? Do you try to ...
user avatar
0 votes
2 answers
177 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 ...
user avatar
1 vote
2 answers
369 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 "...
user avatar
  • 11
6 votes
3 answers
2k 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 ...
user avatar
  • 61
1 vote
1 answer
115 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 ...
user avatar
1 vote
1 answer
94 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 ...
user avatar
3 votes
1 answer
4k 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 ...
user avatar
3 votes
2 answers
220 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 ...
user avatar
  • 133
3 votes
4 answers
233 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 ...
user avatar
2 votes
2 answers
313 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 ...
user avatar
  • 123
0 votes
2 answers
84 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)...
user avatar
-1 votes
1 answer
58 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).
user avatar
0 votes
2 answers
1k 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 ?
user avatar
19 votes
3 answers
8k 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 ...
user avatar
1 vote
1 answer
680 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 ...
user avatar
2 votes
2 answers
140 views

Should UI designer and UX designer work on wireframe together?

if yes, especially what parts should they determine together? (Layout?, grid?, information architecture?)
user avatar
1 vote
1 answer
1k 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 ...
user avatar
  • 135
1 vote
1 answer
101 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 ...
user avatar
  • 133
11 votes
4 answers
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 ...
user avatar
0 votes
4 answers
462 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 ...
user avatar
  • 133
0 votes
2 answers
142 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 ...
user avatar
3 votes
3 answers
2k 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 ...
user avatar
  • 2,131
2 votes
4 answers
382 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 ...
user avatar
  • 31
3 votes
3 answers
376 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: ...
user avatar
  • 1,245
2 votes
2 answers
236 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 ...
user avatar
1 vote
4 answers
110 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 ...
user avatar
0 votes
2 answers
87 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, ...
user avatar
  • 4,188
3 votes
3 answers
358 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?
user avatar
  • 2,391
0 votes
4 answers
408 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? ...
user avatar
1 vote
3 answers
529 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 ...
user avatar
  • 11
1 vote
2 answers
173 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,...
user avatar
2 votes
4 answers
170 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 ...
user avatar
  • 591
0 votes
1 answer
55 views

Do any wireframing tools support keyboard control for accessibility testing?

I have some keyboard interactions that I want to test, namely the use of a new sortable card component that I want to make keyboard accessible. The problem is that I use Balsamiq and there is no way ...
user avatar
1 vote
1 answer
206 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.
user avatar
2 votes
2 answers
243 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 ...
user avatar
  • 21
0 votes
1 answer
533 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 ...
user avatar