Skip to main content

Questions tagged [mockup]

Non-functional prototypes of the user interface.

Filter by
Sorted by
Tagged with
1 vote
2 answers
72 views

How do you show populated values in forms?

I’m trying to improve the consistency in form designs (for tickets) while informing all members of the team (design/dev/product) of the type of answer that would make a specific input field ‘completed’...
Amesh Patel's user avatar
3 votes
3 answers
445 views

How mockups differ from a real mobile app?

I have searched online about this topic and I'm confused. If I have been asked to build mockups for an app, is it something to be built using for example Android Studio? or Is it paper/drawing based? ...
Sahran's user avatar
  • 31
0 votes
0 answers
9 views

What are low-tech mock-ups? and how they can be designed? [duplicate]

In app development what are low-tech mock-ups? How they look exactly? and what tools are used to design them? Is it the same tools used in app development? or are there specific ones?
Sami's user avatar
  • 1
1 vote
1 answer
62 views

How (and when) do you describe "affordance" in your Interaction Design?

Take the following example of an animation in a webstore. Say you have to write an Interaction Design document about this. I would imagine it would look something like this (VERY simplified of course)...
DennisW's user avatar
  • 1,079
3 votes
1 answer
74 views

Hidden screens and hidden states in your app, how do you surface them all when redesigning?

We're making a change to our pricing model that will mean we need to update a number of system messages and upgrade prompts throughout the interface. These messages are largely based on user context, ...
Jonathan's user avatar
1 vote
2 answers
80 views

How to usability test a prototype of mobile app

I've written "User Stories" in "Gherkin Syntax" for native mobile app and want to get it "User Tested" to find our any usability issues. Do I need clickable mocks which can be shown to user on mobile ...
vikramvi's user avatar
  • 113
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....
Cleop's user avatar
  • 189
0 votes
2 answers
212 views

Is there a standard design language for mockups

Hi I'm new in UI/UX world. My question is when creating mockups for desktop/mobile applications, is there a kind of standardized symbol that you guys use communicate with developers for fluid designs? ...
Yichaoz's user avatar
  • 103
2 votes
1 answer
146 views

Floating Or Flat Mockup?

While Designing a mockup for an App or a concept, I find it difficult to choose between Flat Mockup and Floating Mockup. I'm interested to know why Floating Mockup gives a more 3-dimensional look and ...
Mehul Shah's user avatar
  • 1,163
3 votes
2 answers
231 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 ...
scroobius's user avatar
  • 133
0 votes
1 answer
127 views

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

I've had situations where my low-fidelity mock ups have been 'too basic'. From my knowledge, these are just meant to be a simple sketch on paper or the simplest form of wireframe with placeholders etc ...
sclarke's user avatar
  • 1,895
6 votes
5 answers
2k views

Difference between low fidelity and high fidelity prototypes

What are the unique qualities that distinguish one type from the other? How and when should I use each to use them properly?
Fahad Ibn Sayeed's user avatar
2 votes
3 answers
105 views

Sign in form design - asking for advice on a mockup

I attached mockups of a sign in form with their validation "versions". I would really appreciate some comments about that, especially about the one(s) on the bottom, because I think it violates a few ...
Ola Osinska's user avatar
4 votes
3 answers
144 views

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

Total newbie to UX design here.. like TOTAL noob (as you’ll see from the upcoming question) I’m currently wrapping up a class on UX core and fundamentals and, naturally, am wanting to start up my ...
user112471's user avatar
0 votes
1 answer
148 views

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

Fellow UI/UX Designers, Is this an impossible question to answer? How many high-fidelity mocks should your employer expect per hour/day/average etc.? No two mocks are the same, some small features ...
bfritz's user avatar
  • 1,495
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 ...
Sushi's user avatar
  • 135
3 votes
3 answers
399 views

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

I am a visual Designer and currently work as a UI_UX designer at the company I work for. I wanted to ask my colleagues here and front-end Devs as well your opinion about presenting After Effects ...
Calvin Gaviria's user avatar
2 votes
1 answer
157 views

Evaluate web application mockups

I'm currently working on the reconception of a web application. I already sent a survey to users to get some feedback on the current application. I used this feedback to create low fidelity mockups (...
JeanJacques's user avatar
0 votes
1 answer
70 views

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

I'm trying to figure out the best approach to let users specify what states they charge sales tax in (when they sell products), and then let them enter a tax percentage for each state selected. This ...
Chris L's user avatar
4 votes
3 answers
388 views

How to depict mockups longer than the device

just wanted to ask what would be the best way to depict screens that are longer / wider than the device itself. For example a list, that has some kind of important item at the very bottom that is off-...
CrazyQwert's user avatar
1 vote
2 answers
386 views

What is the best UI for dashboard?

I am currently working on a project which requires a user dashboard. I'm toying between two options. My main concern with a minimalistic layout is that it is a waste of clicks. I'm a huge fan of ...
Jonah McLachlan's user avatar
2 votes
4 answers
191 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 ...
AppsDev's user avatar
  • 591
1 vote
1 answer
473 views

Website mockup in Photoshop, how to create reusable components with dynamic text?

I am making website mockups in Photoshop where I repeat a lot of components such as form buttons. I'd like to create a library of UI components such as a button with the default text "BUTTON" where ...
Kimchi4Me's user avatar
  • 163
3 votes
2 answers
218 views

Learn how to sketch material design UX [closed]

I am what's defined a "full stack" developer, with very little sense of what's "good looking". I want to "reform" myself, and learn how to "make the leap": actually learn UIs (design, colours, etc) ...
Merc's user avatar
  • 277
0 votes
1 answer
872 views

Examples of dialog UX concepts? [closed]

I want to design an easy-to-use set of dialogs for my users to get notified of anything & possibly interact with my app via those dialog boxes. A "Dialog box" is also known as "Popup", "...
Adriano's user avatar
  • 369
1 vote
2 answers
1k views

Examples of login forms UX concepts? [closed]

I want to design an easy-to-use form for my users to sign in. I have been looking for mockups as a first phase, but I have found more fully designed & live examples of login forms. It's great but ...
Adriano's user avatar
  • 369
4 votes
4 answers
471 views

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

Recently I've been designing a mockup for an android app (material designed) where I use a list to show number of entries. And the list is expandable. Is it always necessary to indicate to the end ...
Parth's user avatar
  • 141
8 votes
3 answers
1k views

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

When working with a client, I build several sets of HTML mockups. They range in fidelity, are responsive, sometimes have a bit of content, have a few animations etc. They usually come in batches - a ...
Simeon's user avatar
  • 183
2 votes
1 answer
94 views

Quick interactive mockups for early usability testing [closed]

I've completely fleshed out my idea for a mobile web app. I've created the mockups in Sketch 3, and have documentation of all the models and controller actions I need to make this app work. I want to ...
Riveascore's user avatar
1 vote
1 answer
191 views

Better sub navigation for a project management app

Below is a rough mock up of my current layout. Some how the inner navigation of Issues Wiki Team Settings dont really stand out, also it does not give a feel that the current page is a result of ...
Yasser Shaikh's user avatar
7 votes
9 answers
1k views

lorem ipsum and mockups for personal projects

I was wondering if it's ok to use lorem ipsum for personal projects that will go on my portfolio? Will recruiters see that as bad? Or should i just make up content for the mockup can seem more "...
ralph's user avatar
  • 317
2 votes
3 answers
762 views

Is it better to pass the UI mockups to programmers only after all of them is done or in smaller batches?

I have a project in which I need to do 80 UI mockup screens. Should I pass these 80 mock-ups to the development team after I've finished all of them, or should I pass it to them in batches of e.g. 10-...
Xeon's user avatar
  • 233
0 votes
2 answers
2k views

What is the best way to display the main menu on my app? [closed]

I have created two wire frames for the main page of my app. I feel that these two options are not good for the main page. Does anyone have suggestions on how it can be improved?
astrodileepa's user avatar
2 votes
1 answer
65 views

Wire-framing tools to use your own custom assets and styleguide [closed]

I'm looking for a way or a wireframing tool that has a way to create high fidelity mockups using custom UI assets that have been already created and custom defined grid to match your own design style ...
Blue Ocean's user avatar
  • 10.7k
3 votes
1 answer
4k views

Grid system for mobile app mockups?

1) For native mobile apps (iOS7, Android etc.), do you guys do mockups using the grid system too? Like maybe, 4-column grid layout for mobile apps? I heard of the grid system being used for responsive ...
Xeon's user avatar
  • 233
2 votes
1 answer
436 views

How to reverse engineer mockups of existing apps with multiple people effectively?

I have set-up a no-profit UX work-group with about 13 active members in Brisbane called AppsMockups. The idea is to collectively retro-engineer one popular application at a time like Tinder or ...
Luca De Angelis's user avatar
1 vote
3 answers
222 views

What would be the best way to display two search windows in one page?

The design requires to have two search bars in one page, one for global search and one for that specific section the user currently is in. Visually, its not appealing to have two search bars but ...
Biruk Hailu's user avatar
6 votes
5 answers
263 views

Clients and mockups

I tend to define a mockup as a functional analysis made fancy by wrapping a visual coat around it so everybody can understand the logic and structure featured in the proposal. For us (UX, IxD, ...
Ziepe's user avatar
  • 91
1 vote
4 answers
585 views

"My account" page mockup - change password form on this page?

I am mocking up a very minimalistic user-account page. It consists of just three functions - a counter that displays your available uses, field to redeem a code and a link to a form where you can ...
piotrex41's user avatar
1 vote
2 answers
269 views

How to mockup conflicting user preferences

I wanted some ideas for a mockup for a preferences page. Basic problem is how to deal with global preferences - e.g. I only want to get SMS not email conflicting with product preferences - e.g. some ...
transitioned's user avatar
3 votes
1 answer
468 views

What are the best ways to get SUS score on mockups?

Can we just showcase static mockups to users and as them to respond to SUS questionnaire? Or, is it good to provide a clickable mockups so that they can get a feel of the workflow? Do we have any ...
Ravi's user avatar
  • 31
0 votes
1 answer
324 views

Improving the process flow and increasing the clarity of my mobile app

I've been redeveloping the notifications/ride sharing option in my taxi booking and sharing application. The Premise When a user requests a seat in a taxi you've booked, then you receive a ...
methuselah's user avatar
4 votes
3 answers
3k views

How to evaluate mockups?

In my master thesis I aimed to design user interface for a website. Right now I have designed several mockups (around 25) that represent the user interface. I have to evaluate these mockups as fast as ...
Paarmin's user avatar
  • 97
0 votes
2 answers
1k views

Best mockup software for presenting the UX of a mobile app [closed]

I'm looking for a mockup software that can very effectively communicate the overall design and UX of a mobile app. Ideally it has these attributes: drag and drop elements (text boxes, check boxes, ...
user37037's user avatar
1 vote
2 answers
413 views

How to build website mockups / interface design? [closed]

Is there any other way to design websites besides Photoshop? I want to quickly build wireframes / mockups of the new user interface and I want to move the UI elements and rearrange them.
m33x's user avatar
  • 21
1 vote
3 answers
224 views

Mock-ups for each device, or just one global one?

I'm new in user experience design. Now I started working on my first app idea, it is really interesting. I want to make this application for 3 main platforms right now. If it gets positive responses, ...
Sanjay Patel's user avatar
0 votes
1 answer
458 views

Is there a Software that allows me to track user progress through a mockup?

I want to build a clickable mockup for a game tutorial, i.e. a series of screenshots the user can go through to simulate the tutorial. The path through the mockup is non-linear, e.g. at one point the ...
Simon's user avatar
  • 11
7 votes
2 answers
1k views

Sharing mockups with annotations

I'm working with our UX team to try and figure out a better way to communicate design ideas and interactions, to development, in our mockups. Currently, we're essentially uploading two versions of ...
Jon's user avatar
  • 968
2 votes
0 answers
913 views

Mockup Tool for Metro-Style Desktop App [closed]

I'm a WPF developer creating desktop apps. I'm looking for a tool that lets me mockup a desktop application in Windows 8 "Metro Style". The only tool I found on Google that does this is Mockup Builder....
Phasma's user avatar
  • 31
2 votes
1 answer
395 views

Fiddle site for UI mockup [closed]

Are there any "fiddle" like sites for UI mockups? http://jsfiddle.net/ for javascript http://pythonfiddle.com/ for python http://sqlfiddle.com for sql Some site that lets you make a UI mockup and ...
Fedy2's user avatar
  • 199