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)

4
votes
3answers
1k views

Vertical & Horizontal Scrollable UI

I am creating a UI that will allow users to search. The search results are displayed in a section that is scrollable both horizontally and vertically. This is weird because the web page will end up ...
4
votes
3answers
318 views

Can not reorganize large number of controls on a form , in a visually appealing and efficient way

I am software developer that has a job to create database for storing contracts. Contracts have annexes and construction reports ( I don't know how to translate this better, English is not my native ...
4
votes
5answers
358 views

Best way to represent distance in a clear way?

I'm building a job board and the user can search for jobs around its hometown. It can adjust the radius using a slider. Example: 1) User enters "Brussels" in the input box. 2) User changes the ...
4
votes
3answers
545 views

“Modernizing” legacy applications and legacy users

I'm tasked with modernizing many older UNIX based applications to new, web-based applications. The UNIX applications are completely keyboard-based (ie. "04" to select the fourth application, "Enter" ...
4
votes
3answers
191 views

Completing a process in linear steps - what should happen if a user changes one of the previously entered steps?

I'm working on a tool made for professionals to calculate advice for their customers. The user is following predefined steps. The steps are represented as tabs (with arrows) in the interface. The ...
4
votes
4answers
293 views

Balance between mandatory fields and optional fields

I am working on the project part of which is building a user profile page that is used to collect some information from the user so that this can be used to display better matching results for that ...
4
votes
1answer
599 views

What is the best way to visually layout an element with 3 or 5 images

My problem is that I have an element in an iOS app that is represented with a variable number of images (2->5). For 2, 3 and 4 images simply using something like this works great. What would be the ...
4
votes
3answers
135 views

Is it necessary to show the name of the application on the screen?

For a mobile application, should all views show the name of the application? On the one hand, we don't want the user to get lost, but on the other, it could just take up space. Is there a UI best ...
4
votes
3answers
245 views

What is a suitable interface for exploring big images?

With the infographics fever there are a lot of big resolution images around the web. Usually, the designers are constrained to create them using long vertical formats otherwise it would be too ...
4
votes
2answers
191 views

“Copy from” vs “Import”

This question arose suddenly as I was implementing some new features in my app. Maybe I`m just overthinking this one, so I hope you can help me make things clearer =) The question When user takes ...
4
votes
4answers
209 views

Is the absence of a visible scroll bar confusing when asking users to agree with license terms?

This is for a web application, where the user is asked to accept the terms and conditions. Those license terms are displayed in a small window with the Accept button at the bottom. The full text does ...
4
votes
3answers
145 views

Click *Show More* to get one more option

Lately, several companies that I have seen have a show more button which simply shows just one option. An example of this can be found here: https://getadblock.com/pay/ Would it not be simpler to ...
4
votes
4answers
664 views

Where to place the '< Back' link or button?

I am building a simple transactional site with two step process both on web and mobile (responsive). Target users both male & female age from 30-40 relatively tech savvy. First page is a ...
4
votes
3answers
171 views

One click 'select' and 'continue'

During a subscription process; the user has to select a product, out of a possible four, and then advance to the next stage where they enter their payment details. Is there a preference over having ...
4
votes
1answer
16k views

Designing an app for iPad / iPhone retina display

I am working for a client to develop an iOS app both for iPhone and iPad including for retina displays. The client is going to get the UX designs himself. We use the Apple's iOS Human Interface ...
4
votes
2answers
305 views

Interface for configuring a chain of modules

From a UX point of view, what is an effective way for users to configure a chain of modules? Each module can process one, or two types of data Modules can optionally accept inputs (one for each kind ...
4
votes
2answers
265 views

What indicates Zoom uniquely?

While reading a slideshow on How People Really Use the iPhone. It seemed a lot of users are confused when looking for a "zoom" icon; finding the magnifying glass to mean "search" and the plus sign to ...
4
votes
3answers
277 views

Numeric input, text fields, drop-downs : Is this too complex?

I'm redesigning an interface to control an exercise game. The interface is going to be something like this (and exists on a PC, not mobile). Right now, we've gathered that our users want to be able to ...
4
votes
2answers
123 views

Links vs Actions

This question may be a little vague, but thought I would ask anyways. I'm working on application that has alot links and actions visible in my interface. Most of my actions are accompanied by some ...
4
votes
2answers
1k views

Are UML class diagrams necessary for designing UIs?

I want to design UI prototypes and wireframes, based on Use case diagrams, activity diagrams and sequence diagrams to represents the flow and process relation. Is it necessary to include the class ...
4
votes
5answers
242 views

How to design a Win 7-like dialog for choosing One of N options without a confirm button?

The Copy file dialog of Win 7 constitutes an approach to presenting One of N options choices to users. This dialog, however, has been accused of being too hard to scan, and lacking click affordance. ...
4
votes
6answers
528 views

In mobile website when we use “Back” button then should it be always the titled as “Back”?

If we use Back button in website inner pages should we always use the text Back all the time or we should use the title of the last page. But title of last page can be longer than Back For example ...
4
votes
4answers
391 views

Selection of multiple items and then selected one as default

I'm trying to design a web interface in which users pick particular "items" and set one of them as default. The textbox for searching uses autocomplete to find the matching item. I've come up with the ...
4
votes
1answer
183 views

Tree manage in ribbon UI

I'm implementing ribbon UI in one of my application. It manages some trees so I move all the options to the ribbon (contextual tabs) but it just doesn't look fluent. Is placing tree options ...
4
votes
3answers
64 views

How do you show that a feature can be selected individually or combined with another feature?

The user has 3 options/features to choose from, but here is the problem: Each feature can be selected separately/on its own. Feature A can be selected/combined with feature B. Feature B can be ...
4
votes
2answers
230 views

Essential input elements of a gui toolkit

I am in a process of designing a new toolkit for mobile devices (as a part of my Master's thesis). I would like to know if there is some theoretical backgroud (researches, books, tutorials, etc...) to ...
4
votes
3answers
494 views

What is the usual way to specify a GUI?

What is the typical or most effective way to specify the design decisions and interaction patterns of a specific application's GUI? I began to realize I do not really know what the parts of a precise ...
4
votes
2answers
491 views

iPad tap to edit text: how intuitive is this / how can I make it clear to users?

I am building the following iPad UI, and it includes a "tap-to-edit" feature: I personally like this type of UX - I like UIs where a user can interact directly with a document. However, I'm ...
4
votes
2answers
793 views

Right amount of padding between buttons in a mobile app

I am designing a mobile app for both ipad and iphone. I have a navigation bar which has several buttons next to each other and an action bar that has several buttons next to each other. Is there a ...
4
votes
6answers
636 views

Good example of a Keyboard Shortcut Manager implementation [closed]

I am implementing a keyboard shortcut manager in which the user can assign shortcut keys to global (or contextual) commands in a Windows desktop application. Note that the application has load of ...
4
votes
2answers
244 views

Is it a good idea to add new rows on top of existing ones?

Consider my fiddle implementation of a table1. (For those who are curious, here is the code2) At the beginning, my table was more conventional, featuring the + button below the table and adding new ...
4
votes
3answers
207 views

How to make textual messages in an internal company web app casual and interesting?

I'm planning to develop a web application for our company's internal use. So I need to design the UI of the application in a casual way. My intent is to make the system interesting. An example of ...
4
votes
2answers
317 views

Importance of colors in a mobile application?

I am software + hardware engineer who possibly does a same common job as others with a similar qualification. I am under the process of designing, developing and publishing a mobile application where ...
4
votes
1answer
2k views

Typical Android app behavior for deleting data from a list

I am an app developer but not an Android user. My app is a baseball card collection management tool. The main screen displays the list of baseball cards which the user has entered into the database. ...
4
votes
1answer
132 views

Default text for optional dropdown menu

My app has a dropdown for a "Reason." Most users will/should select a reason but they do not have to. We could have the default choice be Select a reason... to increase odds of people picking one. ...
4
votes
2answers
185 views

Is it better to mirror a real-world system for specialized users?

I'm designing a web interface for a control-center kind of thing that's extremely information-dense because it controls a fairly complex system. To an outsider, it's kind of been like trying to make ...
4
votes
1answer
487 views

Reliable sources about UI/UX best practices in Japan?

Everything I read about usability on western websites is mostly the opposite of what I'm told to do at my workplace in Japan. For example : - make landing pages as crowded as possible - avoid share ...
4
votes
2answers
258 views

What is the best way to communicate that certain functionality is currently unavailable in an application [duplicate]

Let's say there is some feature in an application (accessed via a button) that only becomes available once a number of criteria are met. Off the top of my head, there are 3 options here: Hide the ...
4
votes
3answers
160 views

What's the generic term for the Apple Menu, Windows Start Menu, etc.?

A number of applications and operating systems have a single "main" button or menu, often in the corner of the screen, that seems to be conceptually higher-level (or maybe it's lower-level?) than any ...
4
votes
2answers
169 views

Change button for color input modes

I have this SWT widget (color picker) with label: By pressing the star button, color picker field transforms into code field, where you can write code: I am not satisfied with this "star ...
4
votes
1answer
113 views

What is the term for making one UI component better but is not in sync with whole of UI?

Individual UI component owners (developer/GD) tries to make their component more useable/shining in the process losing the focus in the overall picture. I have somewhere read this to be something like ...
4
votes
3answers
560 views

Managing CRUD operations in a tree

I'm using a tree view in my web application to present the administrator a way of managing entities in the system. So far I had to deal with simple entities that require only a name that is way i ...
4
votes
3answers
461 views

Address list following a postcode search, should a drop down list or radio buttons be used?

I'm working on a project at the moment using an OOTB solution. We have an address search facility where a user will neter there postcode, click 'search' and is then presented with a list of addresses. ...
4
votes
3answers
292 views

How does a “mental model” relate to an information model

In UI design we often talk about "mental models" that users need to form. I'm wondering if there is a particular relationship between that mental model and the actual information model that the system ...
4
votes
3answers
686 views

Are there any advantages to matte interfaces over glossy interfaces (or vice versa)?

I'm curious about the usability of such interfaces for complex tasks, repetitive tasks. Are there any studies that focus on this comparison? Note: My question is not just about phone interfaces but ...
4
votes
2answers
2k views

Pop-dialog usage on Android tablets

I am in the process of adapting a large application to taking advantage of Android 3.x features and introducing tablet type look and feel. One thing I am unclear about is what the usage recommendation ...
4
votes
2answers
283 views

Best way to shorten item's names in lists, but retaining per-item uniqueness?

We have a drop-down menu for the user to switch between several accounts or profiles, and these accounts are identified by their legal entity name. There's a higher than random chance that many of the ...
4
votes
2answers
3k views

Crisp GUI Look and feel for developing applications like spotify

Am wondering if anyone has any recommendations on what GUI library can be used for developing cross platform applications such as Spotify. I have a feeling Qt-Quick might be the best answer but am not ...
4
votes
4answers
219 views

What to pay attention to when designing a completely new service from scratch for the first time?

I a novice UX designer and my current assignment so far has been designing UIs for the "version 2" of existing services - which means I use data points for improvements of existing UI which I gather ...
4
votes
2answers
98 views

Distinguish between Time and Duration selection

We have a mobile app, which on the same screen, has a means to select Time and a means to select Duration; like this: Time Left Home is a time of day Planned Work Duration is duration Both of ...