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)

2
votes
2answers
510 views

Using card UI where should a set of actions go? (Share, details, info)

I'm using card UI for a project and while some cards maybe we in a row or a column many make up a grid. The issue is some cards have one action like "share" while others have 2 or 3 actions. I want a ...
2
votes
2answers
333 views

Should dates be displayed with a time entry?

I'm working on a project where there are numerous time entries for a given a record. The times are stored in the database as timestamp, however for display and editing it's clutter to display the ...
1
vote
2answers
60 views

Should I place link in Android title bar?

This is more of a design issue/question. In iOS version of application on main Login screen we have all fields for login functionality and we have "About" link in top right on title bar. That is ...
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
734 views

Scheduler Design with Slots

I am trying to create a UI design for recurring events. Example: John, cuts hair on week days monday-friday, from 02 Feb 2014 to 04 Apr 2014, only between 10 A.M to 1 P.M. Also he will do it ...
0
votes
2answers
97 views

What's a good way to show an article has been read?

I have a news app & site. It's educational, so the idea to encourage users to read lots of items. What are good visual design markers to indicate an item is read? Things I can think of are... ...
0
votes
2answers
110 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 ...
0
votes
2answers
127 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 ...
0
votes
2answers
242 views

What's the best way to offer hour selection to users in this design?

I've been trying to define the best way to show hour selection on this design. We want to offer very time focused services to business travelers, so time must be relevant on the homepage. We design ...
-4
votes
2answers
157 views

Putting the title bar at the bottom of the dialog?

I'm creating a dialog box template for my website (which is more like an application and may have multiple dialogs open at a time) and I was thinking about putting the title text and the bar that ...
2
votes
1answer
62 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, ...
1
vote
1answer
62 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 - ...
1
vote
1answer
93 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. ...
0
votes
1answer
69 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
1answer
57 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 ...
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. ...
0
votes
1answer
111 views

Modal Windows on Large Screen: Align dead center or from the top of the screen?

We all know that we should use modal windows when there are steps the user needs to do before the task can be completed. Using a modal window instead of a full page allows users to maintain the ...
-1
votes
1answer
59 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 ...
-1
votes
1answer
432 views

Design UI panel

I have a dashboard screen with one of the panels as below; So as you can see there are different fields and corresponding values. Now I need to design/update the same panel to consider the ...
-1
votes
1answer
70 views

XML generator through UI

I'm working on an application which helps user to create XML from UI and below is the UI screen shot. Problem statement: User can create field groups and fields attached to it, there will be 20+ ...
-8
votes
1answer
115 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? ...
3
votes
0answers
118 views

Allow user to manipulate objects in 3d space using touch screen

Our app Iyan 3d, lets user to create 3d animation using their Touchscreen Mobile devices. We are targeting the casual market so we are trying to find the easiest way to allow users manipulate ...
1
vote
0answers
40 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 ...
1
vote
0answers
122 views

Dependent pick list and multilevel selection

I have to design a prototype where the user has to choose from a lot of selection, multi-selection and dropdown widgets. All choices are dependent on each others and there will be a lot of complex ...
1
vote
0answers
102 views

Keyboard shortcuts and navigation in complex widget

I have this widget which will be widely used. It takes quite a few click to perform a relatively small action. Thus, I've decided to implement keyboard navigation, but I'm having trouble laying it ...
0
votes
0answers
30 views

Menu options in a document-oriented Windows desktop app

I am preparing a prototype for some Windows desktop app that allows users to open a project (document) and work with it. The users have mostly Windows 7, with a chance to get Windows 10 sooner or ...
0
votes
0answers
27 views

“General” game GUI (not mobile)

Looking at the general layout of a lot(but not all) of computer games across the FPS/RPG/strategy genres the format usually follows a rough pattern; Menu = top left, Chat/log = lower left, Action ...
0
votes
0answers
23 views

Advice/resources asked for designing a sort of “tasks to complete” layout

I'm creating a site where a user has to perform several tasks on his own. The theme lies close to a market place site where a user puts something online for sale. Think about uploading images, ...
0
votes
0answers
16 views

Effectively handling a service booking process

I am having 3 problems outlining the user interface flow of my mobile application's booking component, and was wondering if anyone could offer some advice. These problems were spotted during 1-1 ...
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
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
0answers
63 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 ...
0
votes
0answers
40 views

Help regarding creating an interface for privacy settings

I have create a demo interface/solution so that users of Facebook, Twitter and Flickr can manage their privacy settings in all three of these networks easily. It could be something like Hootsuite. ...
0
votes
0answers
198 views

Best way to display date and time range in android listview

This is currently my screen. Is there a better way to display the date and time range within an android listview if you already have 3 lines on the left and only 2 lines on the right side.
0
votes
0answers
29 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 ...
0
votes
0answers
82 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
0answers
76 views

How to represent duplicate data with unique data on the same screen

We are designing a UI where we need to combine 3 elements App name App system trigger (which is common across apps) Custom triggers(which is undue for ever app) Since an App system trigger can be ...
0
votes
0answers
188 views

Filtering information and tooltips - Best Practice

I am currently designing an information portal. An early iteration of the design, and details regarding functionality can be found here I am aware the design isn't the prettiest at the moment, for ...
0
votes
0answers
114 views

Navigation - Using expanding divs

BACKGROUND: I'm redesigning an internal finance app that will be used by expert users. By expert I mean that the users will be using this app for hours every day. The problem stems from mission ...
0
votes
0answers
162 views

Horizontal scrolling widget for mobile webpage?

I'm looking for a widget that is similar to what the iphone uses as a datepicker (found here), only horizontal. Does anyone know what this would formally be called? I've been looking all over and ...
0
votes
0answers
100 views

Any reason to avoid “symmetrical” animations in complementary actions?

As an example, in the last Google Hangouts (desktop) version the show/collapse window animation when clicking the "„" button is different. When you open it, it doesn't have any animation, but when ...
0
votes
0answers
35 views

Indicating user-independent updates

I have a system with many users, who can edit data and I distribute those updates on the fly to all logged on users of the system, so they don't have to explicitly load them. I do this to increase ...
0
votes
0answers
252 views

User Interface for Role Management

I'm creating a role management screen and wondered if anyone had any good ideas. The basic idea is there are 4 possible roles a user can be assigned for a given category. There are approximately 12 ...
0
votes
0answers
56 views

How do I indicate field name after multiple drag and drop on the same screen?

I have a screen where we can add 4 images and 2 text strings on the same screen.Images are drag and drop feature.Text have feature of "Click here to enter text" and entered text is shown there ...
0
votes
0answers
24 views

Best way to order sign on info when it's restricted to the same page?

Due to a programming issue, we're being forced to put the pre and post sign on pages on the same page. Here's the current mockup: It's a messy situation, but I'm not really sure how to make it ...
0
votes
0answers
142 views

Using “fat” rows to show data

I am designing a component for a desktop application showing information from a list of entities. Each entry has several attributes and to show it in a compact and expressive manner I decided to show ...
0
votes
0answers
85 views

Mobile GUI to select many numbers

I need to be able to select among many numbers (56 non-necessarily consecutive numbers). I need to do this in a single screen. I thought a grid would be a good idea (like a calendar) 1 2 3 7 10 ...
0
votes
0answers
64 views

Graph number alignment

It's only a small thing but it has me stumped. I have a graph that displays the numbers from +10 to -60 along the left hand side & also replicated along the right hand side. So say for example ...
0
votes
0answers
209 views

Is a wizard appropriate when the previous steps may need to be changed/modified?

I'm trying to design a single-page, or wizard-type of UI to fit the following criteria and am running into some issues with clarity. The app: Takes a user's zip code Takes 2 pieces of information ...