Questions tagged [wireframe]

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

Filter by
Sorted by
Tagged with
0
votes
2answers
107 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 ...
5
votes
3answers
432 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
3answers
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 ...
5
votes
2answers
2k 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
45answers
3k 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
6answers
294 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
2answers
226 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
2answers
161 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 ...
1
vote
1answer
48 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
27 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
2k 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
189 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
2answers
400 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
4answers
165 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
4answers
518 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
3answers
156 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
4answers
704 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
12answers
18k 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 ...
46
votes
8answers
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 ...
9
votes
4answers
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
2answers
70 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)...
10
votes
5answers
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
1answer
53 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
332 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 ?
16
votes
3answers
6k 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
186 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
5answers
486 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 ...
13
votes
9answers
6k 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 ...
2
votes
2answers
129 views

Should UI designer and UX designer work on wireframe together?

if yes, especially what parts should they determine together? (Layout?, grid?, information architecture?)
38
votes
15answers
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?
11
votes
5answers
1k 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 ...
0
votes
2answers
121 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
5answers
533 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 ...
3
votes
9answers
11k views

What is better for wireframing: Photoshop or Illustrator? Why? [closed]

I have come across a lot of websites and forums talking about creating PSD wireframes which are later used by UI engineers to build the front end. I always thought Illustrator was more suited for ...
1
vote
1answer
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 ...
7
votes
4answers
15k 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?
11
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 ...
1
vote
1answer
82 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 ...
0
votes
4answers
165 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 ...
3
votes
3answers
1k 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 ...
9
votes
4answers
978 views

How do I represent conditional displays in wireframes?

I am working on a pretty big project. There are many use case scenarios possible for the different user types. I produced deliverables for the client which are essentially persona competition ...
2
votes
4answers
288 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 ...
3
votes
3answers
186 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: ...
23
votes
9answers
8k views

What techniques can I use to wireframe sites with responsive/fluid layouts?

How do you make wireframes for responsive or fluid layouts? Typical wireframing techniques are static and aren't well suited to showing how designs scale. What techniques exist to capture the dynamic ...
2
votes
2answers
231 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 ...
2
votes
4answers
147 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
4answers
101 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 ...
3
votes
3answers
303 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
2answers
68 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, ...
5
votes
3answers
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 ...