25 votes
Accepted

Logical colors for a wireframe

Logical colors would be to show visual hierarchy with a range of one color. Exactly like you did in your wireframe. I can see clearly how text is built (title vs body), what the position and ...
Nick Groeneveld's user avatar
24 votes
Accepted

What is the name for wireframing in the browser?

Wireframing in an app is called Wireframe Developing the wireframes to interactive demos (e.g.Bootstrap) is called Prototyping Edit: Helpful prototype types from the slides @Jose mentioned in his ...
Dipak's user avatar
  • 16.2k
15 votes
Accepted

What is a wireframe deck?

"Wireframe deck" is not an industry wide term that refers to a specific presentation format. Your best bet would be to seek a definition from the employer, possibly giving them a few examples so as to ...
Nicholas Pappas's user avatar
11 votes
Accepted

What open source and free wireframing tools are there?

MyDraft - https://mydraft.cc/ - https://github.com/mydraft-cc/ui - Can be used online, written in typescript, react and redux, uses font awesome library for icons. I found it by searching on github ...
Cleop's user avatar
  • 179
10 votes

Logical colors for a wireframe

I always made wireframes as low-res as possible to encourage the client to focus on structures and interactions rather than colors, fonts, and copy. So I stuck to greyscale. The closer to their ...
Ken Mohnkern's user avatar
  • 9,034
9 votes

What is the name for wireframing in the browser?

You can use a wireframe as a prototype, but not all wireframes are prototypes. Wireframe = a diagram that uses black and white lines only and no color. Prototype = anything that helps you test a ...
Jose Berengueres's user avatar
8 votes
Accepted

Is there a standard to wireframing?

I don't think there is a standard, but (for me personally) there are a few steps. Most noticeable are the low fidelity and high fidelity steps. There are ofcourse a few extra steps before and after ...
Nick Groeneveld's user avatar
7 votes
Accepted

So I created personas. What's next?

Well, it all depends. Each project has its particularities, you'll have different resources, time, budget and so on. There's always the temptation to do more and to over analyse to play safe, which of ...
Devin's user avatar
  • 37.9k
6 votes

Should wireframes be tested?

A rule of thumb you can consider is: Is the hifi mockup significantly more attractive than the product you're trying to improve? If you're asking a user to compare a shiny hifi concept to a terrible ...
Izquierdo's user avatar
  • 12.5k
5 votes

How abstract/specific are your wireframes?

I feel like the question is very broad but I'll try to tackle it in the best way possible. TL; DR Start with low-fi wireframes to iron out the features and interactions. Use a prototype tool like ...
Shreyas Tripathy's user avatar
4 votes

What is the difference between wireframing and prototyping?

Wireframing and prototyping are exceptionally useful and underused tools in the tech world. Website and app wireframes are useful to determine the layout and overall look and feel of each screen or ...
Rob la Pointe's user avatar
4 votes
Accepted

Should a style guide be defined before wireframes are started

I've always been of opinion that the right content, flow and interaction design is more important than how something looks. This does not diminish the fact that a solid brand experience is very ...
Paul van den Dool's user avatar
4 votes

Should UI designer and UX designer work on wireframe together?

The UX Designer, in my experience, is responsible for creating wireframes. However, you'll collaborate with everyone on the project team as you do it. I've worked on fancy sites where the UI designer ...
Ken Mohnkern's user avatar
  • 9,034
4 votes

Annotating wireframes in sketch - how do you do it?

Assuming this is for dev handover/client engagement. There are a couple of things you can do here that I do/have done: Look into software: Zeplin is great for this as it automatically numbers ...
UIO's user avatar
  • 2,684
4 votes

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

As you mentioned before, there are trade-offs between working in high and low fidelity when it comes to creating prototypes. I can offer a suggestion that might help give you the best of both worlds - ...
Michael Lai's user avatar
  • 26.9k
4 votes

Should wireframes be tested?

In my view this depends a lot on What the maturity of your design is and Where the biggest uncertainties and risks remain in your design that you want to minimize through testing. Generally, testing ...
Benjamin Schneider's user avatar
3 votes
Accepted

How do you test your your wireframes?

Depends a lot on what are you testing, what's your intended function, what stage of design are you in right now. Usually, most designers go through some sort of understanding phase at the start of ...
Clockiebox's user avatar
3 votes
Accepted

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

This isn't one tool but two - Dropbox and Github. Here's instructions of how somebody else set it up: http://alexcican.com/post/guide-hosting-website-dropbox-github/ Edit: Zurb's Notable feels like ...
jay's user avatar
  • 136
3 votes
Accepted

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

Simplifying little bit... Q. What do you need sketches for? A. To describe user interaction, workflow and page layout. Q. What to you need visual mockup for? A. To precisely describe how things will ...
Adriano Repetti's user avatar
3 votes

What is the name for wireframing in the browser?

That's called prototyping. You can also use paper prototyping or creating clickable demos using apps like Marvel App.
Nick Groeneveld's user avatar
3 votes

Should UI designer and UX designer work on wireframe together?

If they're the same person - which is often the case - then yes, they should definitely work together. But even that is no guarantee of cooperation.
Luke Smith's user avatar
  • 1,537
3 votes
Accepted

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

The main aim of low fidelity prototyping is to not spend superfluous time on details that don't affect the Information Architecture or structure of your page. While there is no harm in putting a ...
Sanjana Mehta's user avatar
3 votes
Accepted

Should wireframes progress with the sprints?

Exactly how much you do when probably depends on the circumstances, but I can't think of any case where the wireframe should omit something because it will be done later - that puts way too much ...
Daniel's user avatar
  • 576
3 votes
Accepted

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

It's a good question for those starting out in design & Front-end development. Personally, I found a CSS framework I understood code wise. At the time this was Bootstrap 2. From their ...
Aly's user avatar
  • 46
3 votes

What to do when you disagree with UI designer?

"No we can't do that because this journey is too complicated for us, so, it will obviously be too complicated for our users" That is an assumption made by your UI designers. And the only way to fix ...
Arriving From The Sky's user avatar
3 votes
Accepted

Multiple drop-down lists based on conditions

Split the configuration into two parts: Conditions and Actions. Each condition should be on a dedicated line (row). Provide the user buttons (or links) to be able to add additional conditions and ...
musefan's user avatar
  • 7,091
2 votes

Is adding an edit option near each section too excessive?

Although in the world of coding, they always advocate DRY coding and not repeat the same line of code more than once. In design its a bit trickier. You should never sacrifice usability for the sake ...
adamsoh's user avatar
  • 1,797
2 votes

What is a wireframe deck?

Speak their language "Wireframe deck": Presentation version of the wireframes you're building for development, tailored to an executive audience who wants to know x about the project. This is a ...
plainclothes's user avatar
  • 21.3k
2 votes
Accepted

What do you call this dynamically updating text behavior?

It's called Incremental Search, although it's more common to see it called real-time suggestion or typeahead In computing, incremental search, incremental find or real-time suggestions is a user ...
Devin's user avatar
  • 37.9k
2 votes

How to create a task flow after scenario?

This is a very broad question, but I will help guide you to an answer by providing some articles. The first, is from UX Pin here. It's a decent overview on how to create user flows. Next, you need ...
Aaron James's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible