Skip to main content

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
1 vote
1 answer
140 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 ...
1 vote
4 answers
195 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 ...
2 votes
2 answers
5k views

What screen dimension would you choose to design your wireframe width?

I'm trying to figure out which is the best width dimension for our designs that will eventually get handed off to developers. Our most popular screen dimension is 1920 x 1080 by like 75% over others. ...
13 votes
10 answers
9k 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 ...
0 votes
2 answers
30 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?
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 ...
1 vote
1 answer
139 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 ...
4 votes
1 answer
3k 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, ...
0 votes
2 answers
532 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 ...
1 vote
1 answer
118 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 ...
8 votes
2 answers
532 views

How do you currently manage wireframes and storyboards for software releases?

I'm working on a project which requires wireframing in an Agile environment (2-week sprints). My wireframes and storyboards contain features for immediate release as well planning as for future ...
2 votes
2 answers
574 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 ...
2 votes
1 answer
171 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 ...
47 votes
8 answers
4k 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 ...
1 vote
2 answers
144 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 ...
40 votes
15 answers
27k views

What is the difference between wireframing and prototyping?

What is the difference between wireframing and prototyping? Am I right to think that prototypes should be interactive and wireframes should be static?
1 vote
1 answer
122 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/ ...
2 votes
8 answers
578 views

Deliverables: Animated Movies - what to do when a clickable wireframe is not enough?

Since I started working for a think tank I am often confronted with the problem that my standard set of deliverables are not sufficient to describe a vision. I often need to highlight the context ...
1 vote
1 answer
130 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 ...
9 votes
6 answers
19k 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?
0 votes
1 answer
711 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 ...
2 votes
3 answers
4k views

Blueprint VS WireFrame

Are there any particular difference between blueprint and wireframe? I did some researches and found that blueprint is style wireframes!
0 votes
2 answers
234 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 ...
3 votes
1 answer
173 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 ...
2 votes
3 answers
239 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 ...
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 ...
4 votes
3 answers
1k views

What software is used to create GUI concept videos?

If I was to create a prototype or video of a GUI concept with animations, what software is best suited for that? The focus would be applications for mobile devices or screens integrated in homes, cars ...
6 votes
2 answers
15k 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....
33 votes
45 answers
4k 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?
5 votes
6 answers
352 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 ...
1 vote
2 answers
434 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 "...
2 votes
2 answers
378 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
5 answers
10k views

Scanning pencil sketches [closed]

I do a lot of pencil and paper wireframing and would like to be able to faithfully scan my sketches. All my scans and photos have been terrible and I wonder if anybody else has faced and solved this ...
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 ...
3 votes
2 answers
230 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
2 answers
435 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 ...
3 votes
4 answers
287 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 ...
0 votes
4 answers
521 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 ...
6 votes
3 answers
161 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 ...
13 votes
4 answers
743 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 ...
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 ...
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 ...
0 votes
2 answers
105 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)...
11 votes
5 answers
9k 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 ...
-1 votes
1 answer
60 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
2 answers
2k 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 ?
19 votes
3 answers
10k 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
1 answer
1k 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 ...
8 votes
5 answers
654 views

What is some general advice for demoing wireframes to clients? [closed]

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 ...
2 votes
2 answers
148 views

Should UI designer and UX designer work on wireframe together?

if yes, especially what parts should they determine together? (Layout?, grid?, information architecture?)