Reusable solutions for commonly occurring problems in user interface and user experience design.

learn more… | top users | synonyms (1)

2
votes
3answers
54 views

Do the number of questions in FAQ affect perception of site?

In doing a new website, our client provided us with a quite long list of FAQ (Frequently Asked Questions). As usual in these cases, questions are made up (a totally different question, but a whole ...
3
votes
2answers
76 views

What are the differences between Hierarchical drill down navigation & Hierarchical multi-level navigation

What are the differences between Hierarchical drill down menu & Hierarchical multi-level menu? it seems there is a thin line between these two. Please help me with examples which navigation ...
4
votes
1answer
89 views

Scroll up and hold on desktop?

I am doing some research on a pattern that would allow to display more information when scrolling up, in a desktop app environment. Similar to the band's profile page on Spotify on mobile (album cover ...
1
vote
2answers
47 views

Are there any patterns for a Rules editor interface?

Background I'm tasked with creating an interface for a user to create a "Rule Editor" that can perform specific actions when certain conditions have been met. An "If This Then That" kind of thing. ...
2
votes
2answers
2k views

What UI design pattern for choice between 2 actions comes to your mind?

My goal: find optimal UX/UI pattern. Pattern's goal: give a user choice between two actions. Simple example: http://dribbble.com/shots/599154-Choose-Your-Option Here is UX/UI pattern I implemented ...
2
votes
2answers
258 views

Should Desktop UI Patterns include Keyboard Shortcuts?

Not much to describe here. But I think that it'd be a good idea to have UI-Pattern documents to suggest relevant keyboard shortcuts. However, I haven't seen it anywhere and I'm wondering whether this ...
2
votes
1answer
55 views

Using Javascript popups to create a workflow for legal experts writing and editing legislation

I suppose this is a ui-flow question. I'm currently working on a project where a couple of the stakeholders are suggesting the use of popup windows, i.e. browser tabs, to create a workflow to ...
2
votes
2answers
88 views

Is it legit to break some manufacturers guidelines in profit of a context or a need?

Everything is in the title, I'm currently having an eternal "confrontation" with developers. This question could be summed up like this : About mobile manufacturers guidelines, are they really made ...
1
vote
2answers
64 views

Page navigation help for business application site

I'm making a UX/UI for email service provider software and I'm stuck on how best to do the navigation/controls for this page style: first, you view your email campaigns second, you check a box ...
3
votes
2answers
53 views

Should byline be above or below image?

A client of mine is a large newspaper and they are now doing some changes to their article template. One of the things they want to change is the byline so that it doesn't take up to much space. ...
5
votes
3answers
1k views

Background patterns - do or don't?

Is there any data or research on whether or not background patterns have an impact on the user experience of a website as opposed to using a basic (flat/solid) color like white or a light-grey?
18
votes
7answers
628 views

What is it about our mental models that app-centric seems more intuitive than content-centric?

I always thought that content-centric was the easiest for people to deal with, i.e. "I want to change this document", and not "Let's run this app so I can then change that document". It seems that ...
12
votes
3answers
631 views

Are websites and interactions designed to build or skip levels of trust?

I saw this article posted on the NN/g website talking about a hierarchy of trust, similar to Maslow's pyramid of needs, in that basic needs have to be satisfied before higher levels of needs become ...
1
vote
1answer
30 views

Assigning modules from a library to a server where the amount of modules can change?

I need to create a design for an internal tool that we will try to utilize within our own team that works with software testing. We will try to build a tool that can help us automatically setup a test ...
0
votes
1answer
53 views

Smallest visualisation for a one-many relationship also depicting health of each of the 'many' objects [closed]

Needed someone to discuss this with since I am currently working alone. I have a 'subject' in my product which can be associated with a variable number of objects. Each object has two states.. viz. UP ...
2
votes
2answers
72 views

Mixing material design with magazine design [closed]

I'm trying to create a design that will satisfy both marketing and UI needs. Material design solves a lot of problems from an application perspective, consistent UI elements such as tables, buttons, ...
0
votes
1answer
67 views

What is enough to convey a Show / Hide link information?

Usage context: I have a voucher, which has conditions of use. I can see conditions of use in a collapsible panel. download bmml source – Wireframes created with Balsamiq Mockups Should ...
0
votes
0answers
17 views

Create specific content from dedicated screen or from anywhere in app

I'm working on a niche social networking mobile app that provides the following main functionalities: Social Feed Find Friends Q&A Forum Classified Ads Event Organization Each function will ...
3
votes
1answer
74 views

Basic log in screen design pattern [closed]

This is the log in screen for our winforms app: I can't put my finger on it, but I don't like something about the aesthetics of this. Something about it just doesn't seem particularly stylish, or ...
1
vote
1answer
63 views

Best design for profile page? [closed]

I am building a website where students can register themselves build their profiles. These profiles could be viewed by registered institutions to see if they are a right fit for them and invite them ...
1
vote
5answers
258 views

Design Pattern for displaying read only form data

Description: I have two views(editable and read-only) of my form. User will initially see the read-only view. Then, to go to the editable view, he needs to click an "Edit" button at the bottom. This ...
2
votes
3answers
64 views

Mobile Navigation Location

I've been toying around with an idea lately. It seems to me that access to a mobile navigation positioned at the top of the screen (at least on a mobile device) might be bad UX. With phone's ...
2
votes
1answer
44 views

Edit-Delete on index tables

I'm redesigning an admin portal. Right not we have A LOT of index tables with Edit-Delete buttons exposed on the table. Some of the team members want to change the pattern: remove the edit-delete ...
63
votes
12answers
10k views

Fibonacci pagination

Today I stumbled upon this pagination concept and I found it fascinating. It's actually an old shot but it made me think as I'll need to paginate some content in the near future. Pages will soon ...
0
votes
1answer
75 views

Best practices for providing help in complex web applications [closed]

I would like to know if there is any consensus on the best way to provide help in complex web applications (online banking in my case). The web app contains dashboards, scrollers with table content, ...
0
votes
0answers
20 views

What's the proper UI pattern name for a chronological list sorter?

I'm referring to the persistent date panel that is usually used to group items in a list view by date. Is there a common name for this pattern?
1
vote
0answers
82 views

Why would a designer want to use a hamburger menu in a complex application? [closed]

If you compare the screenshots of gedit 2 and gedit 3, there's very clear that there are differences between the design paradigms. It seems to me that the designers of gedit 3 have placed aesthetics ...
8
votes
3answers
17k views

Comparison between Bootstrap and Material Design frameworks [closed]

The Bootstrap/Foundation family of design frameworks has been the main driving force behind a lot of responsive front-end web development projects. The Google Materials Design concept has also been ...
0
votes
1answer
249 views

Process wizard indicator on Windows phone

I'm designing a 4 step process on windows phone porting from iOS. The process has 4 steps in it, with multiple different micro-processes on each screen. Can anyone point me to an example pattern on ...
0
votes
2answers
120 views

How to structure a navigation

I had found a while ago a study that offered some general guidance on what hierarchical patterns in website navigations worked best for users. For instance : Level 1 : a lot of items Level 2 : very ...
3
votes
3answers
47 views

Showing a chart with only one period of data

We have a new investment product which we introduced during Q1 2016. As such it has no historical data, so at the current we are not showing any kind of historical performance chart. The value of the ...
1
vote
3answers
90 views

The visual order of list control and content, which should be shown above?

In many software, there is a list and a view panel. A user can select different items in a list to see different content in the view. For example, when you open Gmail, on the left you see a list of ...
1
vote
1answer
58 views

What are the best, practical, resources for evidence based research? [closed]

I've done a little research on this and have found that places like the American Psychological Association (APA) and the Human Factors and Ergonomics Society (HFES) have some best practices, but ...
3
votes
5answers
409 views

File Picker vs. Drag and Drop for Tablets

Imagine that you're creating a presentation on an iPad. You want to create a presentation, add content to it, and rearrange it as needed. You have a catalog of content to choose from, sorted by ...
0
votes
1answer
116 views

Are multiple navigation menus really better?

I like the interface design a Lyric a lot. It's designed mobile/tablet first, and has a lot of big, clear buttons that make navigation easy. However, one thing that I've been wondering about is how ...
2
votes
2answers
163 views

Explicit vs Implicit save. Differences between Android and iOS expectations

Our app makes use of a 'Shopping Cart' type metaphor, in which users can select from a variety of items, and then confirm or remove all these items at once. We'll call this explicit save. The ...
1
vote
1answer
99 views

Icon same color as Buttons

This is a simple website demo, with 2 buttons, a icon, and a main display with text information. I like the uniform look of this, color wise. But, I am concerned I am breaking a rule or causing ...
4
votes
1answer
119 views

Should I use a button for an often used value in combination with a text field?

I'm doing a redesign for an auctioning website where users have to fill in numerical values (their bid) in a text field manually. A commonly used option is to bid the next minimum bid. Is it a known ...
0
votes
1answer
47 views

How would I display a numeric component stacked with other components without looking likes its out of place?

We have multiple component types which stack on a form, the majority of components look OK (there is a lot of wasted space on most..). Currently its looks something like this: Once there are ...
0
votes
1answer
52 views

Research behind current design patterns? [closed]

Recently I have found that so many websites are starting to look the same (logo left, menu right, nav floats, big large cover image (blurred e.g.), flat light design. Outside of these just being ...
1
vote
1answer
85 views

How to convey the “primary vs. secondary” button for screen reader users

I have an application that needs to be accessible for screen readers. This application uses bold text on primary button to convey information about the "recommended choice" like in the example below ...
1
vote
2answers
104 views

Name That Pattern: side 'panel'

Please can someone name this pattern - where you edit something in a table and, instead of allowing you to edit the content in a modal dialog, you edit it in a docked side 'panel'? As per the ...
1
vote
1answer
142 views

Color complimenting like Google's material specs

So here's my dilemma. I like Google's Material Design Color Specs, and they've obviously spent a fortune researching all the hues and shades. However, I'm dealing with a project where the end users ...
0
votes
2answers
46 views

best practice: how to handle data entry / modification & storing changes thereof

I have a page (HTML) containing multiple tabs, all filled with various settings. Those settings are further divided into groups which are nothing more than separate REST calls to the server. Each ...
4
votes
2answers
295 views

Is there a particular reason contextual content areas and menus aren't more prevalent in web applications?

The idea would be that if you had a menu: Feed | Settings | Logout And for example, the user is on the Shared Documents page, and clicks Settings: Feed | *Settings | Logout *Shared --> ...
3
votes
3answers
121 views

Select duration using numeric input + menu of units, or a single slider?

I have a notification panel which is designed for users to receive notification once something wrong or changes happens in the system. So there are two tasks that are for regular checking. These two ...
1
vote
2answers
94 views

“Inclusive/Additive” vs. “Exclusive/Reductive” filtering - How to differentiate?

I'm working on an HR application where admins can define the scope of a user's role based on their location and organization. So as in the example below, a role may be limited to the "Los Angeles" ...
1
vote
2answers
98 views

How to properly manage exchange between two lists of items/products in a desktop web app?

I'm working on a Web App UI mostly for desktop (but also working on tablets) where the user has to manage inventories in a modal window. He needs to select items from a stockpile (i. e. a large ...
1
vote
3answers
100 views

What's the design pattern at the end of infinite scroll?

I have an app (iOS) that outputs a grid with all the applicable products. Is there a prevalent design pattern that indicates the end of infinite scroll?
29
votes
7answers
4k views

Why does the golden ratio work? Or does it?

This is just one example of an article promoting use of the golden ratio in design. Over the past few years I've seen quite a few similar articles, but none of them really seem to go into depth beyond ...