Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [mockup]

Non-functional prototypes of the user interface.

1
vote
2answers
44 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 ...
0
votes
0answers
18 views

Adding Same Type of Items to multiple lists

Example: A student who has 3 semesters in school wants to register his/her courses for those semesters, all the courses are similar and can be added to any one of the semesters, the user has to add x ...
4
votes
2answers
141 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....
0
votes
2answers
92 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? ...
1
vote
1answer
101 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 ...
3
votes
2answers
174 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 ...
0
votes
1answer
80 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 ...
6
votes
5answers
1k 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?
2
votes
3answers
80 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 ...
4
votes
3answers
129 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 ...
0
votes
1answer
78 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 ...
1
vote
1answer
959 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 ...
3
votes
3answers
365 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 ...
2
votes
1answer
133 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 (...
0
votes
1answer
43 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 ...
4
votes
3answers
255 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-...
1
vote
2answers
281 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 ...
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 ...
0
votes
1answer
343 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 ...
3
votes
2answers
202 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) ...
0
votes
1answer
501 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", "...
1
vote
2answers
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 ...
4
votes
4answers
309 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 ...
6
votes
3answers
871 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 ...
2
votes
1answer
79 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 ...
1
vote
1answer
158 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 ...
1
vote
1answer
122 views

Prototyping Tools [closed]

I work as an UX designer on several applications for hospitals. Our customer wants to see hi-fidelity mockups of the designs we create; the more detail the better, in order to validate with end-users ...
7
votes
9answers
605 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 "...
2
votes
3answers
740 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-...
0
votes
2answers
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?
1
vote
1answer
58 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 ...
2
votes
1answer
3k 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 ...
2
votes
1answer
335 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 ...
1
vote
3answers
202 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 ...
6
votes
5answers
255 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, ...
1
vote
4answers
519 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 ...
1
vote
2answers
213 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 ...
3
votes
1answer
197 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 ...
0
votes
1answer
307 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 ...
1
vote
3answers
143 views

Prefix or index for mockup name when number of screen is more then 100 [closed]

is there any best practice for naming prefix or index when i have more then 100 screen in mockup so i manage properly currently i use just like following 000 Login 001 Registation 010 Dashboard ...
3
votes
3answers
2k 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 ...
0
votes
2answers
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, ...
1
vote
2answers
399 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.
1
vote
3answers
219 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, ...
0
votes
1answer
434 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 ...
7
votes
3answers
971 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 ...
2
votes
0answers
872 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....
2
votes
1answer
291 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 ...
6
votes
5answers
235 views

Expectation Management

I'm struggling to convince the team of developers I work with to let me show users mockups to explore ideas and make sure we understand their requirements fully. Although I swear that I will ...
14
votes
6answers
7k views

Low-fidelty vs high-fidelity: Do they elicit different types of reactions?

You often read claims that lower fidelity prototypes illicit different reactions than higher fidelity prototypes. This came to mind again today because I came across it when reading a post on UIE (...