Non-functional prototypes of the user interface.

learn more… | top users | synonyms

24
votes
7answers
5k views

Pros/Cons of PSD mockups vs. HTML mockups

I've read some articles (this one and this one) recently that are opening my eyes to HTML mockups as opposed to the usual PSD mockups. In the article they cite certain pros: Changes are a lot ...
16
votes
4answers
1k views

How do you define interactions in a mockup?

I'm both a programmer and a UX/UI designer. When I design things, I generally make static images of what the interface will look like. The problem is, most UI's aren't static; they change and resize ...
12
votes
6answers
6k 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 ...
12
votes
3answers
6k views

Printable sketch templates for Android phones

Can you recommend a printable sketch template ("idea sheet"/6up) for Android phones? Preferably, the template should contain several real-size screens to sketch on. Here's what I'm using for ...
10
votes
14answers
2k views

Which tool should I use to create mockups of user interfaces for big displays? [closed]

I'm developing some user interfaces for big displays. A lot of them support multi-touch interaction. I started to draw some mockups manually with pen & paper. For various reasons I want to do it ...
10
votes
8answers
1k views

Usability tests - Open Source Tools [closed]

I'm new into this subject and, for what I've read, it seems that usability tests take place AFTER site development. They surely can have that property but if we draw a totally new web application, we ...
10
votes
6answers
1k views

How to test usability on competing mock ups cost-effectively?

I have a client that is very opinionated about what she likes and dislikes about my design and moves things around to where they "look right" for her. I want to test my original mock-ups vs her ...
10
votes
3answers
504 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 ...
9
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 ...
8
votes
4answers
2k views

Mockup review process [duplicate]

Possible Duplicate: How can we improve the internal wireframe review? I am trying to understand what the best practices are for sharing mockups with clients online and capturing ...
7
votes
8answers
297 views

Is there a service where I can upload product screen shots and get feedback from users?

I'd like to upload some mockups that are not interactive, a jpg for example and be able to ask users questions like What do you think this service is for? or Where would you click to log in? ...
6
votes
5answers
229 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, ...
6
votes
6answers
425 views

Interaction with a grid with complex cells

Problem definition: A grid where each column represents an attribute of a task and each row is a task One of the columns represents the progress reported on that task Multiple persons can be ...
6
votes
5answers
210 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 ...
6
votes
3answers
598 views

Best way to deliver “mockup tool kit” to engineering team?

I've recently assumed the responsibility of shifting the design culture at a very technology/feature-focused company. (Our "product" is a web portal that customers use to manage the lifecycle of ...
6
votes
4answers
281 views

How many interface designs are necessary beyond the initial mockup phase?

Every time we start a new software project at my company, we will go to great lengths figuring out the best and most user friendly interface possible. We often have many reasons for the decisions we ...
6
votes
3answers
283 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 ...
5
votes
5answers
285 views

Send wireframes before a demonstration?

I'm an in-house UX Designer for a medium sized company, and big part of my job is building wireframes for inclusion in spec documents. Usually, the workflow goes something like this - the product ...
5
votes
8answers
219 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 ...
5
votes
5answers
6k views

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

Looking for best practices for communicating website design specifications to front-end developers for slicing. Knowing that the developers will need more information than a visual representation of ...
4
votes
3answers
614 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 ...
4
votes
1answer
174 views

How should I show access controls to users

As we design complicated systems for multiple users, it is important to show them security information for their firms. I want to show them who can do what action to which accounts. Clarity is very ...
3
votes
4answers
1k views

How to create realistic mockups? [closed]

I need to create a realistic mock-up for an app. Are there mockup tools to create mockups that look like a final app? (Preferably for Mac OS Cocoa Apps, on any OS: Linux, Windows or Mac) If not, ...
3
votes
2answers
1k views

What software is used to create GUI concept videos?

If I was to create a video of a GUI concept video with animations, what software is best suited for that? The focus would be applications for mobile devices or screens integrated in homes, cars etc. ...
3
votes
2answers
398 views

Which UI element should I use to represent a sharing button on Android?

I am trying to create UI mockups for an Android app. I need something like this: I am using Justinmind prototyper free edition and I cannot find an UI element for the share button which produces ...
3
votes
4answers
8k views

Whats the average screen size of a handheld android tablet device? any wireframing mockup available?

I am designing a UI for an android app that is developed for tablet devices, I would like to know is there any mockup grid available? Like 960.gs for web... what is the good size to start designing. ...
3
votes
2answers
1k views

Which Free Wireframe and Mockup Application do you recommend? [duplicate]

Possible Duplicate: Which prototyping tools? Things I would like: Open source No restrictions Simple and powerful
3
votes
1answer
119 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 ...
2
votes
3answers
589 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. ...
2
votes
4answers
635 views

How was this ux sketchy made? [closed]

Does anyone know how this sketchy UI image is made? Is it Balsamiq Mockups?
2
votes
1answer
232 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 ...
2
votes
1answer
44 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 ...
2
votes
3answers
673 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 ...
2
votes
1answer
1k 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
199 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 ...
2
votes
5answers
2k views

Best Mac OSX Interface Designer [closed]

I'm working on a Cocoa application for Mac OSX. I'm looking for the best interface design tools. Currently, I use a combination of Photoshop and Interface Builder. Anybody have any secret weapons ...
2
votes
0answers
692 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 ...
1
vote
4answers
271 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
3answers
786 views

How can we improve the internal wireframe review?

Our developer team uses Reviewboard for code, but the UX team doesn't have a good solution for mockup reviews. Currently we are using piles of emails in Outlook. I know Reviewboard should work, but I ...
1
vote
3answers
169 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 ...
1
vote
1answer
86 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
91 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 ...
1
vote
3answers
115 views

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

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 ...
1
vote
3answers
207 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, ...
1
vote
1answer
223 views

What are good ways to map out the sequence of user interactions on a page?

In other words, you know the typical sequence for a user based on previous interviews. You would want the next interaction to be easy to find and be a logical next step. So what are examples or ...
1
vote
2answers
101 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 ...
1
vote
0answers
57 views

Designed 20 app mockups for Android and Web apps, am I on the right track with common UX patterns? [closed]

http://www.jakegosskuehn.com/rate.html I have 19 android mockups and the entire site that I'd like to get some feedback on. I just discovered UX and design patterns last week and since then I've ...
1
vote
1answer
45 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 ...
1
vote
2answers
178 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 ...
1
vote
2answers
347 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.