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

learn more… | top users | synonyms (1)

3
votes
2answers
82 views

Why Google and Facebook use one text field by page for account creation?

I would like to know if there is some reason to have the account creation tunnel that way. Is it only because user focus more on an action by page?
0
votes
1answer
68 views

How could a webpage containing multiple tables be displayed effectively?

I am designing a user management tool where users will be made up of several groups. Each group has its own table, but the table headings need to be sticky. Example of a table with a sticky header ...
3
votes
1answer
101 views

Is it better for website accessibility to have the menu before or after the content

I have seen two approaches to menu/content markup order in relation to accessibility for keyboard only users: Menu first then content with a skip to content link at the top Content first then menu ...
0
votes
2answers
76 views

Picking a hymn with a minimum numbers of clicks from main menu

I am building an android app (hymn book). Users need to pick a particular hymn with a minimum number of clicks from the main menu. The problem is that the hymns are around 800+ and will keep ...
2
votes
1answer
137 views

Why do radio buttons precede the labels?

Radio buttons always seem to precede the label and not the other way around. Is there any reason for this? Don't user first read the label before selecting a radio button? Does this have to do ...
1
vote
2answers
79 views

Action requires users leave and interact with another site, how to ensure they come back?

I have a scenario in which a user must copy code from a Site A, paste it into the source code of Site B, then return to Site A to confirm the action was successful. What's the best way to make ensure ...
0
votes
2answers
60 views

Any online tool for creating style guide [closed]

My client has 10-12 years old web system. It includes websites, widgets, applications, different online forms etc. I could not find any pattern/ consistency across. Considering ongoing projects, I ...
2
votes
3answers
249 views

Canonical names for GUI design patterns

In communication with colleagues and clients, which authority (website, book, …) should one refer to for canonical names of GUI design patterns (for web pages, mobile apps, desktop applications etc.)? ...
1
vote
3answers
61 views

What's the best way to show resize handles for objects

I'm working on a web-based editor that lets people include shapes, images and different kind of objects on an interface. Considering this, they must be able to resize the objects, place them anywhere ...
2
votes
2answers
88 views

Including interaction on a graph

I'm doing some design work for a client on an iOS app and I've got a question about adding interactivity to a graph. It's a wine app and the idea is a user answers some questions and the app creates ...
1
vote
1answer
34 views

What is the sorting order for displaying tiles on a multi-column layout

The use of a tile or card design pattern to present information as a replacement for the conventional list and table view presents a rather interesting challenge for programmers when they have to ...
2
votes
4answers
199 views

Too many text-only buttons

I support a rich client line-of-business Windows application. Several of my forms have started to get bogged down with an array of buttons specific to that form. These buttons have historically been ...
0
votes
1answer
94 views

Why the X is the symbol associated to the “Close application” action?

I was wondering about the reason of the choose of the X as symbol used to represents the "Close application" operation.
0
votes
3answers
91 views

Adding an item to a pop up list

I have a form in which a user can select multiple tags via a pop-up window (multi-select with check boxes). The tags are maintained in admin/settings section. It is not a good experience if the user ...
0
votes
1answer
41 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 ...
9
votes
5answers
1k views

UI/UX in an Agile Development Environment

I'm working with a company on a medium-large scale web application. The application is to replace existing applications, manual, and electronic processes. This project is on a tight deadline, and is ...
0
votes
2answers
134 views

Where to find examples of admin layouts?

I am a software engineer. Every app I work on includes the need to create, read, update, and delete records. There is a list of records. You can add a new record. You can view, edit, or delete a ...
2
votes
5answers
200 views

Should I enable hover dropdowns?

I was reading this article about tips & tricks for Bootstrap 3 and it has a trick for a hover dropdown (so you don't have to click before a menu pops up). Should I enable this? Is it generally ...
0
votes
1answer
68 views

Frameworks for web applications with UX focus [closed]

Which web technology frameworks focus on UX (and accessbility) for web applications?
39
votes
11answers
5k views

Which way do arrows point on a tabbed web page?

Which way are arrows supposed to point on a tabbed web page? Towards the selection or towards the body of the selection? An awkward scenario seems to arise when a user selects another item and the ...
1
vote
1answer
94 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
63 views

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

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 ...
0
votes
2answers
154 views

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

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
154 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 ...
0
votes
0answers
107 views

UI for Map and Navigation with multiple destinations

I'm currently developing map functionality using Google maps, using it's wide array of services, that includes directions service. My question is can anyone recommend UX practices to create a good UI ...
1
vote
1answer
302 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. ...
2
votes
3answers
166 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 ...
52
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 ...
3
votes
1answer
95 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 ...
2
votes
1answer
104 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 ...
0
votes
4answers
99 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 ...
1
vote
2answers
364 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?
3
votes
2answers
90 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? ...
30
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 ...
0
votes
1answer
72 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 ...
0
votes
2answers
87 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 ...
0
votes
2answers
100 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
135 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 ...
14
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?
2
votes
1answer
80 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 ...
0
votes
2answers
78 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: ...
2
votes
0answers
142 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
241 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 ...
1
vote
1answer
84 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 ...
0
votes
0answers
96 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
4answers
188 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 ...
1
vote
2answers
276 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 ...
1
vote
2answers
249 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 ...
0
votes
1answer
47 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
1answer
116 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. ...