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

learn more… | top users | synonyms (1)

0
votes
1answer
211 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, ...
1
vote
2answers
56 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 ...
1
vote
1answer
32 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 ...
0
votes
2answers
53 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
239 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.)? ...
0
votes
1answer
34 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 ...
3
votes
3answers
273 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
304 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 ...
1
vote
3answers
58 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 ...
21
votes
4answers
5k views

Best pattern for international address forms?

I've noticed an emerging pattern in web-based forms is to put the country field before city/state. This is contrary to how we would normally fill out an address on paper, but it allows us to have ...
2
votes
2answers
83 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 ...
0
votes
1answer
503 views

UI 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
0answers
102 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 ...
13
votes
6answers
405 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
515 views

What pattern should I use for merging data display tables

I have a situation where i'm splitting one huge table (it is beyond 3 folds of screen) and creating two tables (one is new and other is updated version of old) Which are again huge in terms of ...
5
votes
2answers
263 views

Pattern Library Software

I've been looking at a recent A List Apart article on creating pattern libraries. They point to a few example pattern libraries: A List Apart Code for America MailChimp Now working in a UX Team ...
2
votes
4answers
195 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 ...
2
votes
3answers
155 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 ...
0
votes
1answer
91 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
76 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 ...
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 ...
1
vote
2answers
120 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 ...
0
votes
2answers
117 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 ...
1
vote
4answers
183 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
1answer
66 views

Frameworks for web applications with UX focus [closed]

Which web technology frameworks focus on UX (and accessbility) for web applications?
2
votes
5answers
195 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 ...
40
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 ...
19
votes
7answers
4k views

Autosave UI pattern

I'm developing a web app that puts great focus on simplicity and "just-use" mentality. The basic idea is to write notes. When planning the concept, we where very positive towards the idea of ...
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: ...
1
vote
1answer
88 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
59 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 ...
9
votes
3answers
8k 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
205 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 ...
51
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
2answers
152 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
150 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
271 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. ...
5
votes
3answers
16k 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 ...
1
vote
1answer
185 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
93 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
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 ...
11
votes
5answers
33k 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
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 ...
2
votes
3answers
112 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
362 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
234 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
458 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 ...
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 ...
3
votes
2answers
84 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? ...