Graphical User Interface design (GUI-design for short) refers to the visual aspect of designing computers, appliances, machines, mobile communication devices, software applications, and websites with the focus on the user's experience and interaction. Generally refers to digital rather than physical ...

learn more… | top users | synonyms (1)

1
vote
2answers
310 views

Feeds UI Design

I am building a website which requires the feeds facility (like what you have in Facebook or Google Plus). Facebook uses single column feeds, Google uses multi column feeds which are card based. ...
1
vote
2answers
235 views

What's a good mobile navigation strategy for hierarchies with few children?

Say your IA hierarchy is like this: Main section A Feature 1 Feature 2 Feature 3 Main Section B (List/tableview) Item Detail 1 Detail 2 Detail 3 Main Section C The traditional iOS-style ...
1
vote
2answers
45 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 ...
7
votes
1answer
236 views

Material Design guideline for Google Map's side pane?

Here is what happens when you click on an icon in an "old-style" Google map: You get an InfoWindow, and clicking "more info" opens a new tab with a google search of the icon's subject. Here is ...
28
votes
8answers
5k views

Is copying other app's UI okay?

I'm making an Android game with a UI similar to Facebook Messenger Android app. I didn't re-create all the UI elements, but users will surely know it looks like Messenger since the game is about ...
1
vote
3answers
101 views

Allow numeric input or have user pick from dropdown?

I was just wanting to see what people thought about how I should allow users to specify a year. Currently they are able to select a year from a dropdownlist but I was wondering if users might prefer ...
3
votes
2answers
74 views

Should I use multiple synchronized dropdowns in a big UI

User Story: The user can create a schoolclass 7a The user can create a pupil for a schoolclass 7a The user can change the shown pupils for the current selected schoolclass 7a Question: Should I ...
1
vote
2answers
94 views

Show “Tips” for features of an application?

I have an app that has several features that users will (hopefully) like, but are likely to miss. I'd like to tell them about these features. How would that be achieved with minimal spamminess? I ...
1
vote
0answers
82 views

What are the types of user interface models used in mobile apps [closed]

I'm working on revamping the UI for our mobile app and preparing a presentation explaining the various kinds of UI models out there. As I'm a self taught designer so I'm not familiar with all the ...
8
votes
4answers
216 views

Design for Application consistency or follow OS convention?

When we design applications to be used in the new world of cross channeling, we need to take into account a lot of different factors. Not only do we need to address in which environment the app is ...
2
votes
1answer
83 views

Website gamification what achievements? [closed]

I run a website with news and stories and I want to improve the user experience and pageviews per session with a gamification. What should I add to my current approach along the achievements? ...
2
votes
1answer
68 views

End-user feedback interview for an early stage prototype

Are the following questions appropriate to garner feedback from an early stage prototype? If not, what questions would be more appropriate: For the individual: For the business:
0
votes
3answers
181 views

a better interface for entering an age range with user-selected units

I am trying to create an age picker and this is the best i can come up with: download bmml source – Wireframes created with Balsamiq Mockups the dropdown would have years, months, weeks ...
3
votes
3answers
147 views

What should happen after soft deleting a record?

Scenario as follows, example is an online survey (policy is to not hard delete anything): You open a survey from the survey list. On the survey, for admins only, there is a special Tools menu in the ...
0
votes
1answer
61 views

Editing a list that can be filtered while editing. Save edits that are not visible?

We have a long list with accounts for which users can set permissions through checkboxes in this list. But users can also filter the list (say with a search query). But what if a user sets ...
3
votes
2answers
141 views

Which is the best way to implement multiple list?

I want to build an android app. In this app user can pick a student from a school, for this user must pass through school > standards > division > student. How can I make a best picker for picking ...
4
votes
4answers
885 views

Show list selection based on multiple attribute selection

In my traditional desktop app (not web app), I have a screen with a relatively short list of items (typically 10 - 20), from which the user can select any combination (including all). The items have ...
6
votes
3answers
182 views

How to assess how embedded UX is in an organization or team?

What is a good way to assess a company / team / person's level of adoption or sophistication with UXD best practices?
10
votes
1answer
284 views

In Google Maps, why did Google use back arrow icon instead of “X” close for search results list when its clearly a layer on top of the main interface?

I've been getting into Material design lately, and I really liked one of the material concepts, and thats to think of the UI in X,Y,Z axis. But noticed a discrepancy with what might be extremely ...
2
votes
2answers
84 views

What are best practices for deciding when to use native iOS UI elements or when to build custom ones?

I know some interactions and content are far too complicated to apply to a default iOS UI element - but when it comes to ones that could go either way, what are the best practices in making a ...
4
votes
5answers
191 views

How to provide two options for items in a list, with accessibility for blind users?

I'm developing an Audio book player app for mobile. This app is mostly focused on blind people, so the UI must be comfortable in accessibility mode. For an open book, it shows a list of it's chapters. ...
1
vote
2answers
61 views

What are some design paradigms to follow when I want to put icons over an image (instead of using header bar to show icons)

Here's what the top of an app I am working on looks like: As you can see, there is a white chevron. Before this, I was using a header but I kind of prefer this look so I get more screen real ...
4
votes
2answers
495 views

What's the best way to layout an application for building lists of objects?

I'm building an application to support a small scale manufacturing process. The process has a number of discrete steps. "Widgets" are consumed in each step and new types of widgets are produced to ...
0
votes
2answers
49 views

Location of the site creator [closed]

I want to add "created by @my_name" or "by @my_name" but I don't want to put it in the footer or some other inconspicuous place. I decided to make this "fixed" on screen, but do not know where it is ...
2
votes
2answers
149 views

Designing complex applications

I have not found much in terms of writing or guidance on how to design complex applications, particularly studio-style applications such as 3dsmax, Photoshop, Ableton, IDEs, etc., and was hoping to ...
0
votes
2answers
151 views

Two Color Progress Indicator

I'm interested in any examples of a two color progress indicator. The user will be looking at a web page consisting of a list of reports that are a combination of approved reports and reports pending ...
0
votes
1answer
112 views

Pros and Cons of a grid/dot grid based Futuristic UIs

I've been recently curious about FUI's seen in sci-fi games or movies, it seems the conclusion on these UI's is that they are flashy and very unpractical. But one concept that I seen have seen used ...
0
votes
6answers
316 views

Skeuomorphism, Flat design, Material design, what's next? [closed]

For a while now I've been wondering what the next design style will be after Material design. Skeuomorphism was just overdoing it, which resulted in the countermovement Flat design. Flat design ...
1
vote
1answer
73 views

What should happen when changing Pagination's “Results Per Page”

If the user is on a specific page and then changes Results Per Page, what page should the user be taken to? This question came up while discussing the following scenario: "If the user was on the ...
0
votes
1answer
72 views

Help with a UI?

Doing a UI for communications software. Attached is a currently displayed image. Asking for better ways to show this info? The attached "spider graph" takes a little explaining... that's a problem. ...
1
vote
4answers
119 views

How to have tool tips on touch devices?

I want to provide tooltips for the UI buttons, but obviously a "hoverable" tooltip will not display on a touch device. what is an alternative way to display the same information as a tooltip (in this ...
0
votes
1answer
56 views

Sorting by popularity ( weekly / monthly / yearly / all time)

I'm looking for examples of UGC sorting by popularity (by votes and also comments). Currently I have a dropdown with the following sorting options. Most voted (all time) Most commented (all time) 7 ...
1
vote
4answers
224 views

Dead-simple way to let a user select multiple time ranges

I've been brainstorming about this problem for over a week now and cannot come up with a sensible way to do it. Basically, I am building a component the purpose which is to let a user select a series ...
0
votes
0answers
50 views

Cloning Problem

I have a system, where the user will creating new customers from existing old customer templates. It would also be better if the user can pick from a palette of available template. We have ...
0
votes
1answer
38 views

Should I reduce number of stages in this search activity for my app?

I am working on a "yellow-pages" app. The following search activity in my app will be used quite a few times by the user, as it forms a core part of the app. At the moment, it feels very cumbersome, ...
1
vote
1answer
88 views

What's the best way to implement a search bar in the mobile view of a responsive site?

I'm currently working on a site that is content heavy and want to add FAYT (find-as-you-type) search. In the desktop view I have a regular search field in the top right hand corner with a magnifying ...
10
votes
5answers
599 views

Tabs design pattern, solving for “N” tabs

I've seen many design patterns that help solve different content presentation issues by leveraging "tabs". Assuming I do want to display grouped content on a page (complex content or simple) and ...
1
vote
0answers
42 views

Problematic with desktop HUD activation using hot key or hot corner

Linux & BSD based OS's are quiet new for steady user experience. I'm writing here as an end user, familiar with Windows 95-7 (skipping Vista) & Debian based distributions (Ubuntu) with ...
2
votes
1answer
43 views

Form with service and lunch times

Consider a form with service time and lunch time information. And the user can customize the settings for day of the week. I have two alternatives: A form for each day of week A form with all ...
19
votes
5answers
1k views

What's the point of a “Read full story” button?

I've noticed a lot of news websites, particularly on mobile, sometimes will cut off their story with a button you have to click to see the rest of it. I can understand why they'd do this if they ...
9
votes
3answers
13k views

What is the difference between web design, interaction design, user experience design, and user interface design?

It seems all four of these branches of design relate to each other at one point or another, and one can easily be confused for another by novices or outsiders looking in. Job postings online ...
1
vote
2answers
205 views

What is this particular piece of a GUI called?

What is the dividing line between the directory tree and the right-side view called? Specifically, what is the name of the "grab it and slide/resize" function? I'm trying to make this in wxPython ...
1
vote
1answer
54 views

Widget for combining combobox and textfield

At present, I have a UI for selecting a particular bible passage in an application like so: The user selects a passage by selecting the book from a combobox, and then writing the chapter-verse ...
0
votes
0answers
24 views

When is it appropriate to use effects in window headers?

If one had a function that accessed a specific window's header and changed it's color, At what times is it best to use such an effect to alert the user of events occurring? I was thinking window ...
0
votes
1answer
36 views

Best Practices for Service Catalogs? [closed]

I'm working on a website redesign for a company that has a lot of b2b products & services. Their current solution is very content heavy (overwhelmingly so) and involves a very linear approach to ...
0
votes
0answers
22 views

Using lines to separate list items - good or bad [duplicate]

The picture below is showing three different lists with separating lines. Should we better use alternating background colours?
3
votes
1answer
83 views

What is the best solution to solving nested, referenced documents?

This question was a little ambiguous and I apologize for that, so here's a little context: You have a list of updates displayed in a table. Each update has an ID associated with it. When you click ...
2
votes
1answer
141 views

Logo Usage: Rule Breaker or Acceptable Practice?

I'm working on an user interface to help users select a car. To help the user narrow down the list, cars are segmented into Japanese and Foreign. The user can then choose a company/make to see ...
0
votes
4answers
133 views

How can I indicate that a certain action is either already done or waiting to be done?

In my app, each player performs a task called a Skill Set, levels 1 - 8. A team leader can view all the players on the team to see each task status, which can be: Incomplete Complete and has not yet ...
19
votes
9answers
2k views

Marquee or Ellipsis for song name in music player?

I have a music player where song that is being played is displayed on top side. Often there is a case where name of the song that is being played is long enough that it can't be shown completely due ...