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)

11
votes
1answer
272 views

Grammar for describing UI design

Does anyone know of a formal grammar approach to UI design? I currently have wireframes for 100+ pages and I'm now driving out the commonality / identifying reusable components. I'm interested in the ...
0
votes
1answer
38 views

How to show a readonly row in a GridControl

I want to show a readonly information in a row of a GridControl. At the moment I am defining a background lightgray and the image columns with opacity 0.5. But I wonder if there is a better way to ...
0
votes
1answer
55 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
8 views

Know any good UI/UX textbooks? [duplicate]

I'm a graphic designer. I've already done UI design for some mobile apps and web apps as well, but I would like to learn more about UI/UX design in order to train myself. (UX design from a graphic ...
3
votes
2answers
57 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 ...
0
votes
2answers
325 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
0answers
19 views

Critique windows application [on hold]

I have developed a windows application but the ui is a mess. I was hoping to get someone to review it and if possible suggest improvements or even come up with a design. Does anyone have any ...
0
votes
1answer
18 views

Thinking in Inheritance vs Editing Multiple Disimilar Values

When presented with multiple similar modules, all containing the same set of user definable parameters, what pattern is shown to best suit the widest range of user expectations? Inheritance: Using a ...
0
votes
1answer
83 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
vote
4answers
90 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 ...
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 ...
14
votes
3answers
1k views

Tracing on a touch screen: achieving fat finger friendliness

What could be done to improve the ability to trace the outline of items on a touch screen, without requiring the user to use a stylus or other additional physical tool? The 'fatness' of fingers ...
0
votes
1answer
67 views

How to present 2 sets of dimension inputs and not confuse users

I'd like to get some feedback on an UI I'm currently assembling - in a simple graphical editing app of mine users can edit properties of graphical objects like their position, angle and other ...
8
votes
3answers
338 views

How to highlight best elements corresponding to a search without changing their order

In a web application used to search content inside documents, we have a view displaying the main parts of a documents: Chapters Diagrams Tables of data Users can search for specific words inside ...
2
votes
2answers
79 views

Error messages / alert boxes on wide screens

I'm reworking a web app UI to take advantage of wider screens and I have a niggle I can't shake. There are many tables throughout the app for which a wider screen is advantageous. Above the tables I ...
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 ...
3
votes
2answers
115 views

How to deal with elements in a list forming a distracting vertical pattern

I'm using a list to display information. Each row needs to display two thumbnails, and a string. I noticed with this implementation that the layout of icons seems to resemble two columns. which may ...
1
vote
1answer
72 views

One interface for adding users to groups and groups to users

So I'm struggling with coming up with a way to do this. Basically, right now, there are two interfaces: One allows you to create and manage groups, and the other allows you to create and manage users. ...
1
vote
3answers
61 views

How to implement a Web UI feature to insert default sentences in an textarea

We are talking about implementing a system that easily generates sales reports for our sales employees. We want to create a web application with one or maybe more text area's to gather the input data ...
1
vote
3answers
206 views

How to show correspondence between two lists referring to the same data?

I am currently working on a desktop application handling photos. One of the screens we have is a view where you can see a list of albums sorted by date to the left, and when clicking on an album, a ...
0
votes
0answers
50 views

Several questions regarding my mockups (pictures attached) [closed]

I'm working on a project and being very new to UI design, I need some feedback (fresh eyes always win!). Attached are my mockups for an iPhone app. These mockups are designed for iPhone 3/3GS + iOS6. ...
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 - ...
3
votes
1answer
118 views

Color/Shading Guidelines for Button States

Are there any rules of thumb or formulas for the different color shades when creating non-default buttons? Default buttons have 4 states, Enabled, Focused, Pressed, and Disabled. These all tend to ...
2
votes
1answer
58 views

Best way to represent selection of scripts between steps

I have a process with multiple steps(concept,design,implementation,maintenance). This process needs to be automated. User will select different scripts from file system to move from one step to other. ...
1
vote
1answer
35 views

How to create a consistent user experience for a dynamic chart

I am creating a website that will display data using Highcharts. On any given chart, there are various different filters the user can apply to see different aspects of the underlying data (e.g. time ...
10
votes
1answer
405 views

How do I show margin and padding values?

I'm writing an application to create road signs (it won't be obvious to most people), and a certain interaction involves the user clicking an object on the workspace (in this case the text ...
1
vote
1answer
63 views

A good placement for a “click to refresh” button when you have several tabs to refresh at once?

I'll post several links to illustrate the problem; because I believe the refresh button placement is not the only problem... The application is called grappa-debugger; its only feature, for now, is ...
0
votes
2answers
152 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 ...
7
votes
2answers
164 views

Should :focus and :hover styles be the same or distinct?

I'm in the midst of redefining a cross-application style guide, and I want to make sure we're accounting for accessibility in the design, including contrast ratios, text sizes, and focus states. One ...
0
votes
1answer
63 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
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 ...
3
votes
1answer
75 views

Sticky header positioning

The page below is a detail page of a certain Patient, in this case: "Mevr adasfad..." When end-users scroll down they'd like some additional feedback on what page exactly they are, the name of the ...
4
votes
5answers
249 views

Include/Exclude interfaces

I am trying to design an interface where the user can choose to include certain items from a long list and also exclude certain items. The usual interfaces that I see are of this type: This ...
60
votes
12answers
6k views

What kind of design do users like the most at the time of this question, 'Flat' or 'Skeuomorphic'? [closed]

I have read multiple articles on-line that say that the era of Skeuomorphic design on the web is over, and that a new era of so-called 'flat design' is now the new thing for developers, but do users ...
45
votes
11answers
8k views

Is it bad practice to use “Lorem Ipsum” example text in a text-preferences screen?

I'm the developer of an application where text plays a major role in the user interface. Users can adjust the style of the text in a preference screen. I have added an example text to the preference ...
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 ...
8
votes
1answer
930 views

What some alternative ways to present tabular data instead of the standard table in the UI?

What some alternative ways to present tabular data instead of the standard table in the UI? I don't want the data to be displayed in formal tables with rows and columns. Is there any way of grouping ...
0
votes
2answers
176 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 ...
2
votes
1answer
60 views

How can I design a 'non-linear' user permission table with two column relationships?

I'm exploring the idea of using a two column relationship to deal with granting user permissions. The left column has rows where the user can be granted a 'view' or 'edit' permission in each cell row. ...
1
vote
1answer
62 views

Saved Search vs Ad Hoc Filters

I'm looking for a way to allow the user to perform a search quickly & easily, most of the time using saved searches with relative dates. Frequently the user will want to perform ad-hoc searches ...
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 ...
-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 ...
2
votes
2answers
169 views

Is it true that people expect tooltips in 'old looking' systems but not in 'new looking' systems?

My hypothesis is that if you have old plain HTML forms, users are more likely to hover over elements and read tooltip texts giving more details about them. But if you style the forms to look ...
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. ...
16
votes
5answers
2k views

What is your UX strategy when your users want opposite things?

Getting clear user feedback is great. But what do you do with the feedback when different people, or groups of people, want different things? I have encountered this situation a few times recently. ...
2
votes
1answer
61 views

Best place on screen to put drag and drop

I'm having a set of items and a set of groups, The items can be dragged and dropped onto the groups to make a different combinations as user wants. Now my question is which is the best place on ...
1
vote
1answer
58 views

Creating a UI/UX that will let a customer and service operator debate and decide on the price of a transaction

I am trying to create a user interface that will let a customer and service operator debate and decide on the price of a transaction. Initially, the program sets a preset value. This is the average ...
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
321 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. ...