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
510 views

What are some ways to manage more data on single page without scrolling?

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. ...
3
votes
3answers
758 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 ...
0
votes
3answers
49 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 ...
1
vote
2answers
88 views

What is the resistance or usability considerations for new or interactive inline text behaviours?

I cam across one of Bret Victor's interesting musing about inline spellchecker behaviour where he proposed a couple of alternatives to the popup box for spellcheck suggestions. I thought that the ...
1
vote
2answers
529 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
141 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 ...
0
votes
2answers
250 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 ...
-2
votes
2answers
119 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
91 views

Assigning to multiple groups

While there are plenty of "assign to blah" topics here, I'm not sure that I've seen this exact case. Apologies in advance if this is repeated. Building out a new website, with quite a lot of ...
2
votes
1answer
247 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 ...
1
vote
1answer
190 views

Faceted search: Show more/show less filters vs Summary + Edit

Consider the case of hotel search, where you have a few filters that everyone uses but in total you may want people to have ~20 or so available. On the results screen, I don't want to show all 20, ...
1
vote
1answer
128 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
1answer
40 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, ...
0
votes
1answer
55 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 ...
0
votes
1answer
39 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 ...
0
votes
1answer
41 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 ...
0
votes
1answer
58 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 ...
0
votes
1answer
31 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
426 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
67 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+ ...
-5
votes
1answer
45 views

Designing for everyday interaction

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
0answers
19 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
0answers
56 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
50 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
61 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
101 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
85 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
88 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
92 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
73 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
34 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
189 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
47 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
22 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
59 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
120 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
56 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
76 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
139 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
56 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
144 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 ...