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)

8
votes
4answers
261 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 ...
0
votes
3answers
195 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 ...
1
vote
2answers
243 views

Display hierarchy of mutually exclusive options

INTRODUCTION: I am a software developer with no experience with UX/UI. In original application I worked on, I had 4 mutually exclusive options from which user had to choose one. I used the below ...
1
vote
1answer
122 views

mixing multi select and single select in one list of ajax results

I'm designing a mobile app (android + ios) I'd like to have a page where you can type in a search bar, and get a list of (ajax) results you can choose from. the results are a name, with either - ...
2
votes
2answers
120 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 ...
53
votes
8answers
7k views

Most User Friendly Color Picker

I'm designing a website, and I need to allow the user to change the color of some elements. I will have to implement a color picker. What kind of color picker is the most user friendly, and looks ...
1
vote
2answers
65 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 ...
5
votes
4answers
449 views

Maps with Multiple Heat Maps and Other Data

We're about to embark on a small project that requires us to plot various data on a map. Some examples that we need to put on the map: Population Income House Prices Crime Etc Examples 1-3 could ...
4
votes
5answers
221 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. ...
0
votes
2answers
53 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 ...
1
vote
2answers
225 views

How to design UI for using barcode scanner for add/remove functions

I am using a Bar-code scanner on my mobile app (Android) to update items at a remote server. The user can either want to scan to increase the item's quantity by 1 or decrease by 1 each time they scan. ...
3
votes
2answers
152 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 ...
6
votes
3answers
211 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?
2
votes
2answers
157 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
1answer
133 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 ...
1
vote
3answers
109 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 ...
0
votes
6answers
738 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 ...
2
votes
1answer
92 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
2answers
159 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
129 views

Simplifying menu bars into single level to save screen real estate

The product I'm currently working on has multiple levels of navigation, breadcrumb and action bar content on the screen. This actually reduces the screen real estate of the screen. download ...
0
votes
1answer
73 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
187 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
62 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 ...
0
votes
0answers
51 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, ...
3
votes
1answer
84 views

Problematic with desktop HUD activation using hot key or hot corner

Lately, Gnome & Unity each has implemented a new way to activate the HUD (Menu, Overlay Bar..) Unity: uses two hot keys that trigger with single press, Super|Win brings Menu/Sidebar & Left ...
2
votes
1answer
44 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 ...
1
vote
1answer
143 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 ...
1
vote
1answer
62 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 ...
1
vote
2answers
212 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
4answers
267 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 ...
4
votes
2answers
162 views

Resource recommendations for designing graphical + command line interfaces?

Perhaps one of the most prominent examples of a combined GUI + CLI is AutoCAD. AutoCAD has reached the point where (almost?) everything that can be done with the CLI can now be done with the GUI too, ...
0
votes
0answers
25 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
47 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?
10
votes
5answers
734 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 ...
3
votes
1answer
96 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
145 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 ...
2
votes
2answers
106 views

Viewing data from a web application in Excel - is this feature an “Import” or an “Export”?

I'm developing a web application that presents a large amount of data in a grid. One of the features we are adding to this application is the ability to view this data in Excel. My coworker and I ...
0
votes
4answers
140 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 ...
1
vote
1answer
180 views

Displaying Master/Detail Panes/Linked Lists

I'm trying to determine what the best approach is for displaying a master/detail list. I've taken the approach where the details are displayed in a pane that is adjacent (to the right) of the master ...
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 ...
1
vote
1answer
124 views

How can I make this menu have multiple depths?

This is for a bookmarking application that should be easy for anyone to use. Right now it is very simple and has only tags. But I want to be able to import bookmarks. And in most cases bookmarks can ...
1
vote
6answers
209 views

How to indicate active option

I'm working on a web that there is a requirement to create a field that the user must select one option from two given. For aesthetic reasons and consistency, we are using a couple of boxes that the ...
0
votes
1answer
52 views

Moving process designed for web interface to a mobile interface

I am currently moving a process designed for a web UI to a mobile UI and was wondering how the remaining steps (ie from step 2) could be translated to a mobile UI whilst reducing the number of user ...
2
votes
2answers
81 views

Is it a good idea to play a [mute] video in the splash screen

I am developing a health and fitness app. I am currently showing a video of a lot different people gymming in the splash screen and personally like it there. I was quite surprised that most apps ...
1
vote
3answers
69 views

Column Headers in a mobile App

We are designing a task-oriented mobile Inspection App to be used by inspectors on the field. Attached is the Dashboard with all inspection requests. Is it a a good Mobile UX/UI practice to show the ...
0
votes
1answer
118 views

How about freezing the first row and column?

User may be lost when faces the massive data in a large table, how about freezing the first row and column? so that the dimensions and metrics are always reachable. questions: It would narrow ...
0
votes
0answers
75 views

Display Table With Conditional Columns

I'm looking for insight on how to effectively display tabular data to a user where not all rows have data for specific fields/columns. Here's a simple example - I have a list of reports that I want ...
1
vote
3answers
203 views

What is best way to show the select box data which is long(almost one line sentence)

I have list box to show the select box data which is long(almost one line sentence). I cant make list box which look very big. For all sentence I have can use some code(Say for 'Sentence1' I can use ...