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
4answers
89 views

Should 'Change Selection' be an undo-able action?

In Microsoft's Windows Explorer, changing the file selection does not count as an undo able action but in Adobe Lightroom (on windows, at least), changing the photo selection does. It feels like ...
2
votes
2answers
656 views

Show list selection based on multiple attribute selection

In my traditional desktop app (not web app), I have a screen with a relatively short list of items (typically 10 - 20), from which the user can select any combination (including all). The items have ...
1
vote
2answers
32 views

Hit area for items in a grid-page.

I have a landing page with a grid of projects that the user can click into. I'm wondering is it best to: Only make the link/button clickable OR Make the entire box clickable. I'm leaning more ...
1
vote
2answers
415 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
128 views

Should I explore alternatives to the drop down menu on this site?

Before I say anything else, I should note that the use case is fairly specific: The site is security related, allowing the customer to manage remote connections, video libraries, and user access. The ...
0
votes
2answers
46 views

Display related location points on a map

I'd like to display an array of various location points, that share the same group. I've been tasked with designing a visual UI that houses a Bing Maps screen and displays several (location based - ...
0
votes
2answers
51 views

Using input method to indicate the application's mode

Is it bad practice to use different input methods (separate buttons vs a drop-down menu) to visually indicate which mode an application is currently in? If so, why? Some background: We have an ...
0
votes
2answers
151 views

Menu selection state for presets with custom dialog

Say I have a menu which controls a particular property. Four of the items are presets, the 5th can be achieved with a custom dialog. So initially the menu is: Item1 Item2 Item3 Item4 Custom... For ...
0
votes
2answers
175 views

How to make connected lists on a website comprehensible for non experienced users

We have two lists on our website. One on the left listing activities, one on the right listing resources. When clicking on an item on the left list, more information about the activity is displayed ...
0
votes
2answers
199 views

Providing grid summary

We have a grid listing some data and then there is summary, which is also a grid. What is the UX pattern/ideas/designs to display both? If there is an operation like clear (which should clear both ...
0
votes
2answers
317 views

Translating progress /navigation bar in questionnaire into good mobile ux experience

I have a series of questions, aimed at being an enjoyable experience, with a nice solution for the desktop already worked out, using a styled navigation bar, which doubles as a progress bar for the ...
0
votes
2answers
320 views

Can we Combine Repetitive Columns or how to manage data having more column on single page without scrolling to right and down?

Good Morning to all. i have to manage say more than 10 column on single page, for Ex= It is application say student want to give feedback for teacher and according to fields student have to answer. ...
-2
votes
2answers
108 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
123 views

What's the best way to layout an application for building lists of objects?

I'm building an application to support a small scale manufacturing process. The process has a number of discrete steps. "Widgets" are consumed in each step and new types of widgets are produced to ...
2
votes
1answer
73 views

Switching between live/ recorded playback modes

The mobile surveillance app I'm working with has two modes: Live mode and Recorded mode. Live mode streams 4 camera feeds and allows the user to control their PTZ (pan, tilt, zoom) functions. ...
1
vote
1answer
177 views

Presenting a list of sequential actions in a Windows application

I'm programming a small PC app which is mainly used to perform a set of sequential, step-by-step actions, and I wonder what would be a "standard" way to design its UI, so it would follow conventions ...
0
votes
1answer
93 views

What is the best approach of presenting a tabular data with search options in android?

We've developed a POS system that is in use by multiple retail stores which we'd like to port to an Android version. I am wondering what the best approach for displaying tabular data with search ...
0
votes
1answer
62 views

Toolbar + selection + options all on the same screen

Is this the best way to put all of these on the same page? EDIT: More info... this function is used to search recorded video. I have: Camera list A quick search or Date/Time search options for ...
0
votes
1answer
182 views

Link between UX/HCI/Graphics?

I've been reading up a lot on UX lately. The terms computer graphics, HCI and User experience keep coming up together. Could someone explain to me how Graphics, HCI and UX are all linked?
0
votes
1answer
82 views

Surveillance System Builder Utility

I'm trying to redesign a utility that allows the user to estimate what kind of DVR they need based on the type/amount of camera(s) they need. It filters out Video Recorders models based on the ...
-1
votes
1answer
421 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
64 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+ ...
1
vote
0answers
78 views

Return List to Original State

BACKGROUND (USERS: Internal business users.) I have a sortable task list which has the 4 columns (date, customer, items, cost). But now we want to expand the business logic to include: "IMPORTANT" ...
0
votes
0answers
50 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
40 views

How to best explain to users how their details will be used?

What would be the best approach to explain to users that their information will be used to: 1- help authenticate them if they do get locked out of their account. 2- Communicate with them regarding ...
0
votes
0answers
32 views

How to create UI for Pub Sub?

I have a task which essentially is Create UI for PubSub model. Let say we have a Web page, where we have different blocks which represent Publishers and Subscribers, and some of Pubs and Subs are ...
0
votes
0answers
64 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
55 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
29 views

Different animations (or ausent) on 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
60 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 ...
0
votes
0answers
33 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
132 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
41 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
19 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
41 views

Selecting a multiline text from multiple predefined ones

I am trying to let the user choose from multiple multiline texts predefined by the admin. The user may also enter his own or alter a chosen predefined one to fit the situation better. Each text is ...
0
votes
0answers
55 views

Alternatives to dragging items to add to data view

I have a design in which a list of items are in a tree in a column on the left of the page. Each of these items can be added to one or more views on the right side of the page. Currently, this is done ...
0
votes
0answers
112 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
43 views

Weighting adjuster UI

I had a look at this question: How to present weighted values and while I agree with the general thrust of the accepted answer (particularly the lock buttons) I wonder if that is too granular for ...
0
votes
0answers
71 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
108 views

Simplifying repetitive form workflow

I am in the midst of creating a new application for some users in a manufacturing environment. They are not new to technology, but not power users by any means. I am concerned about my current idea ...
0
votes
0answers
50 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
107 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 ...
0
votes
0answers
66 views

What are some ways to organize documentation links in a portal?

I really like the documentation pages for AngularJS and Bootstrap, but they have a left navigation with contents on the right splayed out. I don't have that luxury, and as it is currently, the two ...