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
1answer
63 views

What is the advantage of a modal dialog vs a new page here

I have a list view showing a datagrid of students for a selected class. In order to manage the classes for those students I could show a dialog where the user can create/delete a class. A minor ...
0
votes
2answers
52 views

Should blogs have a 'new reader' button that changes the sorting order of the posts?

For people who have been subscribing to blogs and following their updates, the important bit is the information that is new, and to have some convenient way of locating older posts. However, I wonder ...
0
votes
2answers
86 views

How to layout ios ui with little content

I am new to ios development and was wondering how to layout the ui when I don't have much content? Below are the two extreme sizes of ios device, iPhone 4s and iPad Air. The 4s screen looks OK but ...
0
votes
0answers
33 views

Colors for grades A,B,C,D,F (A+,A- …) [duplicate]

In my new porject I have color grade system that looks like this, but my A(A-,A+) and B(..) is very similar(color) and they are very difficult to distinguish. Any ideas how to do it *nicely? What do ...
2
votes
0answers
73 views

Color grade system A,B,C,D,F [closed]

Hhhh, in my new porject I have color grade system that looks like this, but my A(A-,A+) and B(..) is very similar(color) and they are very difficult to distinguish. Any ideas how to do it *nicely ? ...
1
vote
3answers
135 views

Color Sliders User-Friendly

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 slider. I've got 2 different kinds, and I would like to know which is most ...
3
votes
3answers
121 views

Select duration using numeric input + menu of units, or a single slider?

I have a notification panel which is designed for users to receive notification once something wrong or changes happens in the system. So there are two tasks that are for regular checking. These two ...
1
vote
1answer
66 views

Should I include a search box in the dropdown menu or just go with one in the nagivation bar?

So i'm designing the interface of an ecommerce website that acts as a platform for stores, and naturally, there's a search box in the navigation menu. For each of the elements in the navigation bar, ...
1
vote
3answers
92 views

N dimensional compatibility matrix

I am new to UI development and need some guidance on the following problem. I have a long list of options (100+) for which exists multiple (in)compatibility rules. A (in)compatibility rules is a ...
0
votes
1answer
68 views

Difference between global buttons and context sensitive buttons related to a data table

I have a table of students with data. I would like to make it more obvious to the user that the last two buttons can only be used in the context of selected row(s). For that I would of course ...
1
vote
2answers
93 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 ...
1
vote
2answers
168 views

Best practice GUI for a report designer where there is a many to one relationship to the data

I'm having trouble finding any best practices for a report designer when you have some data elements which repeat multiple times within a single report. Every report design best practice seems to ...
0
votes
4answers
222 views

UX/UI Translation in many lanuages

I'm currently working on the back-office of an application, used mainly on desktop. Final users are not necessarily "tech friendly", the interface has to remain simple and clear. I try to design an ...
7
votes
2answers
453 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 ...
3
votes
2answers
80 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 ...
0
votes
2answers
97 views

What is the best way to indicated a column's data is affected by the date range selected?

Our dashboard has data that is static such as names and full budgets and also has columns which are affected by the date range which is selected. The user's attention always jumps to the same columns ...
1
vote
2answers
103 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
104 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 ...
2
votes
1answer
90 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
87 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:
8
votes
4answers
251 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
192 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
232 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
106 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
110 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
64 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
408 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
212 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
186 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
151 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
207 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
155 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
131 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
105 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
590 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
89 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
157 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
126 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
171 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
59 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, ...
2
votes
0answers
62 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
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
133 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
60 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 ...