Hot answers tagged

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
6 votes

Difference between low fidelity and high fidelity prototypes

"Low fidelity prototype" refers to a prototype i.e sketchy and incomplete. You basically collect data analyze & check the feasibility at the early stage. Whereas "high fidelity prototype" refers ...
NB4's user avatar
  • 2,491
6 votes

How mockups differ from a real mobile app?

Mockups, Wireframes, Prototypes These are 3 common deliverables from UX designers. Non-designers often confuse them with one another, so clarity is important for all involved. mockup: a pixel perfect ...
Benjamin S's user avatar
  • 2,610
5 votes

Difference between low fidelity and high fidelity prototypes

It's also helpful to consider what kind of fidelity you're referring to so that you don't get into the wrong kind of mixed fidelity. "High fidelity" often mistakenly refers to only the graphic ...
Luke Smith's user avatar
  • 1,537
5 votes

How to depict mockups longer than the device

I've seen examples of cardboard or wooden devices with paper prototypes which slide through slots at each edge. Transport for London (via ComputerWeekly): And ironPhone, a custom made sketch preview ...
Roger Attrill's user avatar
5 votes
Accepted

How to depict mockups longer than the device

The primary goal of the mockup is to show concept, not the frame. So long screen looks more holistic, rather than separated pieces. You can depict the "above the fold" line to show clearly what ...
Alexey Kolchenko's user avatar
4 votes
Accepted

What is the best UI for dashboard?

What is the main task of your users? Is it necessary for them to see the information of the different widgets at the same time? Also, how is determined for each widget which top 4 to show (since they ...
Luchadora's user avatar
  • 370
4 votes

High-Fidelity Mocks: How many per day/hour/average?

This one probably needs a little more context to give an helpful answer. To me, saying "over 100 mocks" already sounds a weird request: how do you know how many? What documentation / brief do you have?...
Lili's user avatar
  • 98
4 votes

Difference between low fidelity and high fidelity prototypes

In addition to low-fidelity mockups being quicker to create and modify than hi-fi, they help you focus the discussion on functionality and navigation rather than colors, fonts, layout, etc. You ...
Ken Mohnkern's user avatar
  • 9,034
3 votes

Examples of login forms UX concepts?

Common requirements: I have identified common requirements/patterns for the "login form" concepts I came across. Use OAuth/OpenID for authentication have the login on overlay: removes the background ...
Adriano's user avatar
  • 359
3 votes

personal UX project.. edits, changes, mock ups.. is that it?

It's a designer's job to solve real world problems. The idea is to develop a portfolio containing case studies that demonstrate your ability to work through and solve problems. Finding the problem ...
Wes Toleman's user avatar
3 votes

Difference between low fidelity and high fidelity prototypes

Low fidelity prototypes are often wireframes that are stitched together. These are easier and faster to build which allow you to receive feedback earlier. And they allow for faster iteration (changes)....
Paul van den Dool's user avatar
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
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

How mockups differ from a real mobile app?

Mockups are pretty much UI designs showcasing what the app could look like. So at the end of the day you should be handing in images. If you feel like the client meant something else then please ...
Kitanga Nday's user avatar
  • 1,684
2 votes

Quick interactive mockups for early usability testing

If you want to make quick mockups, you shouldn't focus on development and visual design yet. 1. Paper prototype Drawing your ideas with pen and paper will allow you to try all sorts of layouts in a ...
Max de Mooij's user avatar
  • 2,610
2 votes

How to communicate web design mockup specifications to front-end developers?

I have found the best way is to build out the front end in whatever tools the front end engineers are using. In our case, that's Angular Material. So I built out a style guide using Angular Material ...
Eric Stoltz's user avatar
  • 1,724
2 votes
Accepted

How to test and evaluate wireframes?

One of the approaches for creating a layout is composed by three steps: Wireframe Prototype Mockup So if you have realized the wireframe, a prototype could be the right next step, to allow user to ...
WalterV's user avatar
  • 1,574
2 votes
Accepted

MockUps - Prototyping UI using After Effects. Is it worth it?

Here's my two cents on the matter. I agree with you that prototyping is necessary in some cases (wow-ing clients, expressing the behavioral details of an app, etc). In my experience, prototyping has ...
Stefan's user avatar
  • 68
2 votes

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

Normally with a UX process you would design the mockups first and choose your framework based on the designs. However it is possible that there are technical constraints imposed by the engineers or ...
Martyn's user avatar
  • 2,328
2 votes

How 'Low/High' should low/high fidelity mock ups be?

These terms are indeed open to a lot of interpretation. As a result you and your team need to gauge user expectations. Low fidelity mockups are created to gauge the usability of the product. You're ...
Mayo's user avatar
  • 6,641
2 votes

personal UX project.. edits, changes, mock ups.. is that it?

Personal portfolio pieces are generally pet projects; redesigns of products you love, or a new website/app/anything that builds upon an existing brand. Or (if you have a great idea you want to share) ...
Wendy Wojenka's user avatar
2 votes

What open source and free wireframing tools are there?

I use Draw.io a lot. I use Balsamiq or Omnigraffle that are paid as well, and have some premade templates on Sketch, but if I don't have to share wireframes with clients that use those programs, or if ...
Devin's user avatar
  • 37.3k
2 votes
Accepted

How do you show populated values in forms?

Option A is the correct one. That's the idea of mockups, to test with similar content to the one you'll finally use. With Option B, by consistently adding punctuation signs, you're actually conveying ...
Devin's user avatar
  • 37.3k
1 vote

Sign in form design - asking for advice on a mockup

It may be interesting in some cases to place two inputs side by side but in your second example juxtaposed inputs doesn't seem to be related. About validation texts, I guess it's more interesting to ...
Achille VII's user avatar
1 vote

personal UX project.. edits, changes, mock ups.. is that it?

In the absence of paid work samples, hypothetical projects are a great way to show skills and understanding. Volunteer work also looks good in a portfolio. Maybe there's some tiny non-profit near you ...
RobC's user avatar
  • 1,529
1 vote

Is it always necessary that an expandable list should have an indication to show that that it is expandable?

If you don't want to gamble then stick with the norms and the standards as they say. However, you can always break these rules and do some experiments and see if your idea would work well or not. The ...
jonT's user avatar
  • 317
1 vote

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

http://notableapp.com provides some nice functionality for what your suggesting. It allows you to host entire code projects, have users comment and commit changes and even expands into usability ...
OzzyWadd's user avatar
  • 180
1 vote

Evaluate web application mockups

As you said yourself individual user testing would be better. Focus groups tend to be more about what the users want from the system and less about how users actually interact with the system. ...
Socrates Kolios's user avatar
1 vote
Accepted

Suggestions? How to choose multiple states and then enter tax percentages

So you're correct that your two approaches would be quite laborious when the user needs to enter many sales tax values (requiring 2 or 3 clicks per state). To help solve this you could, by default ...
eRocket's user avatar
  • 56

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