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)

0
votes
2answers
35 views

How to handle complicated monthly repeat options

This is related to this question I asked here earlier. I want to handle the full range of options for monthly reminders in my Android app. So I handle: Repeat on the day of the month (e.g. the 17th ...
0
votes
0answers
10 views

Navigating through configuration screens for multiple items

I have an Android app whose data model is built around a list of reminders. The user's primary interaction with the app is based around creating and modifying these reminders. Currently my app opens ...
1
vote
0answers
16 views

Show attendees on a page

I want to design a page where i need to show people who are currently logged in and are on that page similar to a chat room where everyone can see each other. I want to give that page a feel so that ...
3
votes
1answer
46 views

Best approach to toggle button & Placeholder for date?

What is the best approach (i.e to add some icon or text etc) to show user that this section/button/menu is toggleable or we have more option on left or right on the controls? Right now I'm using ...
3
votes
1answer
108 views

Can sign up/log in be unified in one button?

I'm working a form at the moment and was consider merging sign in and sign up but thought it might be confusing. Is there any precedent for this? Example download bmml source – ...
5
votes
2answers
149 views

Best design to display a school timetable

I'm trying to figure out what is the best way to display a school/subject timetable. When designing a timeline it's sensible to use time as columns across which will indeed define activities across a ...
0
votes
1answer
127 views

How to show sleeping on a slider?

I'm developing an application for a client that asks lots of questions to determine compatibility between people. Unfortunately, the questions vary greatly, as they can pertain to sleep habits, ...
2
votes
1answer
189 views

Bold colors for mobile applications [closed]

I am aware that normal convention would have designers use more neutral colors for a mobile application. In terms of entertainment based mobile applications: Is it acceptable to follow a more bold ...
1
vote
1answer
79 views

Form image selection (upload / gallery / default)

There is an image (1 img) selection option within a form with 3 choices: 1- User uploads the image from computer. 2- User can select an image from pre uploaded images. 3- User selects a default image. ...
9
votes
3answers
1k views

Flat design worsens UX. Could/should the pendulum swing the other way? [closed]

I often argue with people that so-called 'flat' design leads to worse UX as it leads to a lack of clarity regarding actionable objects but also reduces the ability of the user to distinguish between ...
-2
votes
0answers
42 views

Feeling overwhelmed - where do I start? [duplicate]

Guys I'm new to UX although I have some experience with graphic design and digital marketing. I've started at a new company and they have this complicated software that tracks moving things in ...
2
votes
1answer
27 views

Dividing items in variable number of groups

In my application, a user gets a list of items and needs to divide these in any number of groups, with some additional restrictions (between X and Y items in a group, etc.) Currently, the application ...
0
votes
1answer
64 views

Is it right to use desktop/laptop UX patterns for touch based devices?

I've noticed recently that we often use UI elements and UX patterns from desktop and laptop, which often stem from the primary input device being a mouse or physical keyboard. We then apply these to ...
0
votes
1answer
131 views

Web GUI pattern: How to design complicated multi-level nested forms in an ERP system

I am on designing an ERP application. We have many forms with nested objects inside and many form elements. I tried to design the form like this example. But it seems that showing nested forms and ...
0
votes
0answers
3 views

Sizes and dpi confusion [migrated]

I am designing an app for multiple screen sizes in android and i have been researching alot on how the sizes should be kept. Till now i have been able to understand that for multiple sizes such as ...
1
vote
1answer
91 views

Best way to show the user a div have more details, will be shown upon click - arrow/grid icon/'>>'/'more details'?

I have Four divs on my homepage. Every div is showing a number and a indicator. But I have further details for each of the div which will be shown upon user click. Now I want to know what is the best ...
2
votes
2answers
71 views

How to differentiate a Div from rest of the div on same row having same look and feel ? border/shade etc?

I'm working on a web application where I have 4 result types of a data and I'm showing all four on the page in same row with same look & feel of divs (can be seen in picture). The Box_D result ...
1
vote
2answers
152 views

Background Grid lines in charts are good or bad?

I'm using different charts (Line & Bar charts) in my Web app. I want to know whether background grid lines are good to have in charts or not? Does these lines distracts user attentions from main ...
3
votes
3answers
166 views

How to make a user think a div is clickable ? shadow/Hand cursor/color change?

I have 3-4 divs on my home page with some information (i.e. A Big Number, indicators). As I cant put all the information in the same page but I think it will create cognitive load for the user so I ...
0
votes
2answers
75 views

“Slider” with relative motion? What is this called?

I'm looking for control that allows relative motion. This isn't what I'm using it for, but you could consider it in the context of a volume control. My requirements: There is a range of ...
1
vote
1answer
36 views

What is the best method for making mutiple wireframes derived from the same data?

I currently have to make 3 wireframes from the same data, I find it to be a bit daunting, as I feel I have spoken for the optimal way to do things on the first wireframe, and can't seem to think up ...
1
vote
2answers
119 views

Show a donation progress bar?

I'm going to put a donation system into my web-app because I need to raise about $6.2k for a school-organised trip to Borneo. Inside the app, I think that I will tell everyone, on the donations page, ...
2
votes
2answers
147 views

Is it better to label input fields, watermark them, or both? [duplicate]

When building forms, you need to effectively communicate with the user what information should be placed inside of the text boxes. I've seen a combination of watermarks in text boxes and labels for ...
1
vote
2answers
118 views

What is the name of this dial/spinner-like interface element?

I've tried googling both spinner and dial, but they turn up results that are not this. I need to implement this in a website, and would like to know the pattern for it -- it's just so much easier ...
3
votes
1answer
90 views

Reference for Spanish UI [duplicate]

Is there a good reference for UI terms in spanish? Terms like username, password, login/logout, etc... aren't direct translations. I'm looking for a guideline to translate these labels. Update ...
1
vote
3answers
72 views

Integrate location navigation into site

In our classifieds site we search by a string (ie. iphone) and we see the search results, as seen on the screenshot. The initial search displays everything in the United States. To this search ...
0
votes
0answers
17 views

Breadcrumb dropdown navigation examples? [duplicate]

I'm trying to find websites that use some type of breadcrumb navigation with dropdowns. I was looking at this post from 3 years ago, but it seems that the sites mentioned here have changed their ...
-4
votes
1answer
56 views

Designing password entry to provide hints

Should it be way that the interaction is designed for password field in any web form or login page? Can it be the right way to showing total number of character of a password while user enters it? ...
0
votes
1answer
85 views

Progressive Disclosure: Accordions, Carousels, and Cards

I'm working on an internal business tool. It needs to be information dense, and our users are internal employees who undergo training, so if it comes down to it, we value efficiency over ...
2
votes
4answers
254 views

Name, icon, and color of the button

I want to clear the text from the text box, what should be the button named as? what icon and color should the same button have? Thanks in advance.
1
vote
2answers
77 views

How to make a call-to-action element for mobile?

I am building a mobile website (lets say for for boutique hotels). There will be a form, where users will be able to enter the hotel name, email address, wanted dates etc... Since I will also have ...
1
vote
1answer
54 views

What widget should I use to filter table rows based on checkboxes?

Suppose my table has a column on the far left that consists of only checkboxes used for selecting rows. The default design is that the header of that column would have a checkbox, which would be used ...
0
votes
2answers
93 views

Icon to depict quality? [closed]

I'm looking for an icon to represent "high quality." I'm thinking of using a diamond shape. Is there any reason to think that a diamond does not represent high quality?
1
vote
1answer
56 views

Key features in modern designs [closed]

What key features/looks in an application represent a "modern" design? When you look at an application what gives you the sense of modern?
1
vote
1answer
88 views

Designing a table with multiple “primary” rows

I'm trying to design an input table with more than 1 "primary" (so to say) row. What I'm trying to design is complex, so I'll describe it with a real world example. Let's say I want to create an UI ...
3
votes
1answer
52 views

is it bad form to mix url popovers with url modals?

I was just curious if there are any rules around mixing url popovers with url modals? For example, there may be a few urls in the footer. A "Terms and Conditions" url may be used to display a ...
3
votes
2answers
246 views

How to make a “prices” UI?

I am building a website that offers 3 different pricing method. The only thing that differs between the 3 options is the period range. For example ( lets say car hire): under 1 week - 10$ per day 1 ...
1
vote
4answers
184 views

Is it a good practice to place primary content below the footer?

What are the principles, use cases, and/or motivational factors behind placing content that pertains to the main body of the site, to instead exist below the footer? I want to better understand the ...
0
votes
2answers
79 views

How to let user know about different formats to enter a field in a form?

I'm designing an input field for IPv4 addresses and netmasks. My problem is that when you enter a IPv4 address with its netmask you can type "192.168.0.1/24" or you can type it like "192.168.0.1" and ...
0
votes
1answer
42 views

Long Input in an editable field

In my web app I have an input field that is editable by click and the author is unable to view the full title if it is too long. A good example is the Title field of "Ask Question" in this site. If ...
2
votes
3answers
141 views

Make click, drag and drop and link between both tables more obvious to user

The two tables in the window below are intrinsically linked. Their purpose is to help the user to quickly allocate a pickup job to a driver. In order to do this, the user simply needs to click on ...
0
votes
1answer
41 views

Dealing with multiple items at once in a single window

I am working on a web app in which one of the features requires a taxi operator to respond to/make multiple customer haggle (barter) requests for a fare. This all needs to take place within a single ...
0
votes
1answer
82 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
4answers
152 views

Most appropriate UI for age range slider

We're creating a slider to allow users to select an 'age range'. The facility is to recruit users based on certain parameters. For example, I want users: Who live in the UK Is female Is aged ...
0
votes
0answers
62 views

Best way to express relationships in a Tree View?

I understand that a tree view is used to express a hierarchy and relations and for grouping but I'm struggling with what if two things in different groups on the same level have a relationship and how ...
0
votes
1answer
70 views

Usability problem with access lists for a network UI

I have a problem with an application I am working on. The idea is simple, in this application you build up a system of networks that are connected with each other. Example would be: You have Network ...
2
votes
1answer
110 views

Redesigning workflow of bidding application to reduce cognitive load

I am currently working on a pet project to port and redesign a native Windows-based app onto the web. It acts as a booking aggregator, providing a platform for service operators to bid, share, and ...
1
vote
1answer
107 views

The best way to show several related tables

I have three or four connected tables, and I really wonder what's the best way to lay them out in a page? One table is for Roles. Second table is for Users. Each role might have several users and ...
7
votes
4answers
425 views

Ideal control design for boolean flags?

So I've been tasked to find a way to "pretty up" an originally checkbox-based interface and in the process of doing so I've mocked up three designs (seen below). From top to bottom we've got a toggle, ...
0
votes
1answer
46 views

Relational query (few parameters selector) more user friendly

I am working on GUI of one website which is selecting data from database. User can enter one or two values if wants output above/equal/lessequal and less etc. or/and certain thresholds. Current idea ...