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

learn more… | top users | synonyms (1)

1
vote
1answer
46 views

Term for a top menu that appears when scrolling up?

I am experiencing more and more pages using this style of top menu. When you scroll the page downwards, all is fine, but as soon as you need to scroll up for some reason (such as to read the ...
2
votes
1answer
46 views

What are the considerations of allowing users to change their usernames? [extended] [on hold]

extended from stackoverflow Some applications use usernames and some don't. Some allow changing of usernames and some don't. I would like to know the pros and cons of allowing users to change their ...
1
vote
4answers
151 views

What are the Design Patterns to indicate something has been clicked?

There are different Design Patterns to indicate something was clicked depending on whether it's text (changing the link color) or an image (special clicked picture). I'm looking for an effect that ...
0
votes
2answers
83 views

What do you call the UI design pattern where “new feature” text appears on load in a popover?

I'm trying to think of the term that describes the design pattern of placing instructional text about a new feature inside a popover. It's like a coach mark, yet not in the traditional sense with a ...
9
votes
3answers
7k views

Table data in Mobile phones

I want to display a table with 4/5 columns and possibly 100 rows (as in desktop app right now) in smartphones. The table cells are also editable. Now we want to port this desktop app to smartphones ...
1
vote
2answers
196 views

On mobile web app, where should primary & delete buttons go?

I'm looking at designing a web app for that allows users to view details info of an item and do one of 3 things Create another item by "copying" the current one (primary action) Edit specific ...
3
votes
2answers
222 views

Best practice to include developer's area inside user's account options

In this concept, normal users see an option for "signing up as developer" then they would receive access to developer's options. the normal way I assume is like this: But I think of some ...
1
vote
3answers
269 views

Multi-selection experience

We have a form that allows a person to indicate a curriculum, level, subject and price, but we're trying to figure out the most intuitive way of doing it. There's a few challenges though: The ...
49
votes
12answers
8k 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
174 views

Filtering results in a given radius

I have the following structure on the server : Parent -> child object. I have around 30-40 parents which each parent has 1-10 childs. A user can search children at a given point in a given a radius, ...
0
votes
1answer
404 views

UX Design Patterns for image upload and management

We are looking for best in class design patterns for image upload and management for advertising? Specifically services that convey to the user all the needed sizes and aspect ratios for their ...
0
votes
2answers
143 views

How can I determine the appropriate color,font for a website based on target group? [on hold]

I am a web designer and often my clients ask me these kind of questions: What kind of site colors reflect my product? If my target group is of low income, what kind of colors/shapes does my website ...
1
vote
1answer
137 views

Advantages/disadvantages of a ring or stair design for long page websites

I'm currently planning for my personal website, which I plan to make as a long page website. (See this for an example of a long page website) As how I imagine my Experience section, it will ...
1
vote
1answer
204 views

Avatar vs Profile Picture vs Display Picture

I have noticed that on message boards, that we use the name avatar for the picture on our profiles. On Facebook and Twitter they are called profile pictures, and on Skype it is called Display Picture. ...
0
votes
2answers
64 views

What is the pattern to show closely coupled data?

Like tab structure is used for showing not closely coupled data. Is there a pattern to show tightly coupled data. For Example: I have a record of a person with following categories. 1: ...
5
votes
3answers
14k views

Speech Bubbles meaning

I am developing a toon story to illustrate my company's offerings. May be I'll use a landing page, or just create it on the home page. I have 3 actors in it, a cab driver, a bpo company owner and ...
13
votes
6answers
354 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 ...
1
vote
1answer
146 views

What pattern is used on LinkedIn's profile strength meter?

On LinkedIn, there is a pattern/widget that is used in several places. Most notably, it is on the right hand side of your LinkedIn profile, which shows how complete your profile is. When you hover on ...
3
votes
1answer
76 views

Energy Labeling Rule - how to make it user friendly?

Starting next, consumer electronic e-retailers will be required to display the applicable label or icon “clearly and conspicuously and in close proximity to the covered product’s price” so that ...
19
votes
7answers
1k views

How to define/classify messages and notifications in web applications

I have seen content from various style guides and UX guidelines about this, and was wondering if there is a much more simple system to create a consistent and easy to implement design for various ...
2
votes
1answer
95 views

Is content teasing effective?

so lately I've been wondering, if there's any research on efficiency of content teasers, and by that I mean blurred content (for example: answers to questions) with registration button. My main ...
10
votes
5answers
26k views

Why is 1366x768 considered by some to be the standard widescreen for modern laptops?

I have a 13" MacBook Pro (mid-2012) but it is limited to 1280x800. The other resolutions available to me, when I go to system preferences, are 1152x720, 1024x768, 1024x640, and 800x600. Presumably, ...
0
votes
4answers
94 views

Pattern to show related fields with Boolean value

I am working on an application which show the employee's personal detail in a read only format. The form contains some fields which contains closely related fields where the answers are generally Yes ...
2
votes
3answers
108 views

How to avoid conflict with potential simultaneous moderation of the same item?

I've got an upcoming project where there can be literally thousands of submissions at any one given time that need to be manually reviewed before publication (or rejection). So, there needs to be ...
1
vote
2answers
355 views

What's the name of this pattern (submitting an entry which gets added to a table)?

In this example the user would enter an item number and add it to the list: Does this particular pattern has a name?
1
vote
2answers
177 views

Alternatives to Heavily Datagrid based data entry / editing

We've got a well established software base... thats getting on the dated side... and a lot of our UI relies on many datagrids on the same page/form etc. I've mentioned that I think this makes our ...
12
votes
3answers
452 views

What are some of the negative consequences of using dark patterns in design? [closed]

After reading up on dark patterns ( http://darkpatterns.org/ ) and radical persuasion design, I have a question. What examples are there of companies facing consequences (like litigation, lost ...
27
votes
10answers
4k views

Show not implemented functionalities to tease the user

I'm working in a startup and we're building a web based application. Not all our features have been implemented yet but we want a way to tell the user that they'll be there one day. Our current ...
3
votes
2answers
72 views

Clean URLs and passing parameters - best user experience

I am passing parameters ("product category" & "product name") in a url to a buy page. Which is preferable in regards to the norm/standard for passed parameters in Web URLs? ...
0
votes
2answers
82 views

Bulk Editing with Conditional Fields

I have a form that is used to bulk edit a set of records. The form shows fields where the user can enter data, and if they do, those new values are applied to the selected records. When editing a ...
0
votes
1answer
57 views

What is the correct title of the 'Off-canvas navigation menu' design pattern? [duplicate]

For a report I'm describing all the mobile design patterns used in my design and I should use the correct names. However, I can't find the correct title for the 'off-canvas navigation menu', a menu ...
13
votes
7answers
3k views

Which UI design pattern is this? (progress bar at the top of an article)

On this page there is a progress bar at the top which progresses as you scroll down. I’m really intrigued by this UI pattern. Does anyone know its name or its origin?
11
votes
2answers
1k views

How do I make a table row on a web page look draggable?

I have a table on a web page where I need to let the user reorder the rows. I was thinking of letting the user drag the rows to reorder them. But how would I let the user know that he could do that? ...
0
votes
2answers
85 views

What would you call that pattern for entering phone numbers?

how do you call this type of pattern where you first can select the type of a phone number, and then in the next field enter the phone number itself (the phone number being an example). This is well ...
10
votes
5answers
725 views

Progressive Validation and Disclosure

I am trying to find an example of progressive validation. We have a UI for a a visual editor where a user does things like indicate dimensions in pixels or percent. The editor properties are in sets ...
0
votes
1answer
118 views

image first or text content first?

Lets consider the following senario: I'm building a website for a mobile application and I have to create a text/image walkthrough for new users. Should I set first the text content and then add the ...
2
votes
1answer
77 views

Does placement in the tile/card pattern affect the number of clicks on the tile?

I’m looking for data on the popular Pinterest-like grid designs. I’m wondering -- Does placement in the grid affect the number of clicks on the tile (as evidenced by Google Analytics or other concrete ...
2
votes
0answers
108 views

Why does Amazon Smile require accessing a separate URL? [closed]

I am doing some shopping on Amazon and a dialog box came up with this text: Remember, start at smile.amazon.com to support American Red Cross. Amazon donates a portion of eligible purchases made ...
1
vote
1answer
104 views

Password reset with lost email functionality

I have searched and viewed most of the other questions and answers about implementing forgot password functionality on a website. However, we have a unique situation. When a user registers an account ...
32
votes
2answers
6k views

What is the significance of the three dots “…” on menus and buttons and how to use them right?

Adding three dots after the title of items in a dropdown menu seems to be a common practice (as you can see on the picture of a drop down menu in Google Chrome). They generaly mean that there is ...
1
vote
1answer
69 views

What is a Design pattern for “Remember Me” that forces user to explicitly choose “remember” or "do not remember?

We have a very nontechnical user base. We provide a "Remember Me on this computer" option (checked by default) but perhaps it should not be checked by default. However, I want to make sure they have ...
3
votes
3answers
2k views

Real example of inline edit [closed]

I am looking for an example of use of inline edit pattern (one of the Yahoo! Patterns library) for my work in the University. I founded examples of Table Edit (like spreadsheet) but this patterns ...
0
votes
0answers
74 views

Is a wizard appropriate when the previous steps may need to be changed/modified?

I'm trying to design a single-page, or wizard-type of UI to fit the following criteria and am running into some issues with clarity. The app: Takes a user's zip code Takes 2 pieces of information ...
1
vote
1answer
81 views

Are there any examples of multi-screen or multi-device design patterns?

There are increasingly more offices and work environment setups that allow employees to use multiple screens to do their work, and there are also many people who use multiple devices at the same time. ...
1
vote
2answers
109 views

“Compare products” functionality on a product listing

Are there any good practices when it comes to "Compare products" functionality on product listings? I would like to do some A/B testing with different ones, but to be honest I have not seen something ...
6
votes
3answers
723 views

Any good design patterns for managing columns in data-intensive/spreadsheet views?

I'm trying to move away from the "build a list" pattern we currently employ to manage what columns are shown. The disconnect and lack of "directness" between the table itself and this dialog is ...
0
votes
1answer
44 views

Connecting devices into sensory network

I know that this question is not about web design or something like that but still I think that it's about usability and UX... I am thinking about sensory network where I have probably one main ...
1
vote
4answers
284 views

How to show forms on One page websites

Our earlier website was an old school design with window size fixed pages with a lot of unnecessary content. We shifted to a one page website. We aim at acquiring leads for business through the site. ...
1
vote
0answers
92 views

Popular iOS UX patterns that are not (yet) in Apple's design guidelines [closed]

Other than the slide menu navigation pattern, what are other "not-yet-blessed-by-Apple" UX patterns that have emerged in many popular iOS apps? Here's why I'm asking: @JohnGB's answer to this ...
25
votes
6answers
919 views

Where to place icons in a checklist? Before or after?

I want to display a list of permissions, with tick icons to indicate what permissions a user has. Where should I place the tick icons - before (on the left) or after (on the right) each item?