Tag Info

Hot answers tagged

4

Two things I can suggest to improve that interface: Eliminate that lines between rows and use a different background colour for even and odd lines. The contents of sorting column should have a highlighting, like, marking it with a different colour in the background or changing some attributes of the text, like boldness / font, etc. UPDATE: U3. Make the ...


2

When our sales people asked for a feedback mechanism in our TV app to determine our net promoter score, we went through this thought process as well. We identified a few objectives: Don't interrupt anything the user might be doing at the moment. Make it trivial to click away/ignore for users that are annoyed. Be concise, short and polite. Don't produce a ...


2

I recently tackled a similar problem, and this is what I came up with: The basic search box works in realtime for queries containing the search terms entered. Clicking the Advanced Search button bring up the second dialog where users can enter more complex searches like date ranges or things that don't contain a search term. The input fields vary based ...


2

Information Architecture - IA - in a literal way tells how the the information is architectectured or arranged or designed on any application. Ideally it shows the directions for a user to reach to a specific location containing the info user is looking for. And for that there are several things like - navigation, controls, signs, - which account for the ...


2

The design should be made in such a way that, it can perform equally well in both the case, i.e. user interacting with forefinger and user interacting with thumb. Best way to do this is, to leave enough room surrounding any action elements, so that user would not tap on wrong buttons mistakenly. Now when user controls with forefinger, his finger can ...


2

It's generally a better idea not to make registration/sign up mandatory in order to complete a purchase. It's much easier for a user to have registration as an optional step after the purchase. E.g. a user completes a purchase and has already entered all information (Name, e-mail address etc.). Her intended task, to buy one of your products is then ...


1

I like your second solution better because: Office locations are consolidated into one column for one person. This reinforces the notion that the person works out of multiple offices. Out of the possible offices, there must be a main office and sorting by the main office makes sense One idea you could consider is allowing user to have the option to ...


1

I just designed multiple screens registration form in the iOS app. First we wanted to make it as single screen but then after little research I find out that it is much more comfortable for users when you split all informations in logical steps (2-3). It could be even more effective for the app developer. Let me explain. When user come to the registration ...


1

If you open Chrome's console and run showModalDialog() in it, it gives you this error: Chromium is considering deprecating showModalDialog. Please use window.open and postMessage instead. That makes it pretty obvious what the way to implement an exact replacement should be: use window.open(url) to open a popup window. postMessage is part of a Chromium ...


1

Google does not support ShowModalDialog anymore, but it does not mean that you can't use modal popup anymore. Many javascript libraries/frameworks will provide you with modal popup. Bootstrap for example provide a modal popup example here: http://getbootstrap.com/javascript/#modals Modal popup can still be part of a good UX, the pattern of modal popup is ...


1

I've had a thought about this in the past. First, consider a highly unscientific experiment I just did on myself (it doesn't have ethics board approval). If I go to the home screen on my iPhone 5 and casually swipe upward from above the "dock" (a gesture with no assigned function), the result depends on how I'm holding the phone. If I use my thumb, ...


1

Elements of User Experience is a must read. JJG's book is one of the few books I kept from college, the rest I sold. I always saw the difference as Where and How. With Information Architecture (IA) you decide what the logical place is for certain pieces of information. Where will the visitor look for that piece of information. Interaction Design is about ...


1

A simpler way to look at the difference between the two would be to view Information Architecture as the part of the structure relevant to the content of the interface, whereas Interaction Design is part of the structure relevant to the flow/transition of the interface. I would have actually swapped Information Design with Information Architecture on this ...


1

I've not specifically heard it used for UI but I think the word to describe it is "tesselated": Wikipedia article (includes many forms of tessellation/tiling) Google Image Search If someone said a UI was using "tesselated irregular tiles", I'd understand a Win8/Flickr photostream/Pinterest type layout.


1

It's the symbol representing a paragraph - which is what you do when pressing ENTER. You use this mode to see what formatting you have in a word document do make a flawless formatted word document. You can deselect this using the button with the same symbol in the ribbon, like this:


1

Look in the Home tab in the Paragraph tools. The same paragraph symbol should be there, just click on it to deactivate it. These symbols indicate a new paragraph on screen but not in print.


1

A lot of your bullet point depend on the design and intention of the website or app. Like for instance "interaction: revealed on a page or as a pop-up". This depends on the design. Is there room for a feedback form or a label that will take people to a feedback form. The same goes for design. The message and tone of the feedback request depends on the ...


1

Instead of an error list, place each error by its UI control If the errors and warnings you refer to are all related to UI elements on the screen somewhere, then it would be useful to have all the errors located by the UI elements they relate to; so if there's a problem with the third checkbox in the seventh tab, put the warning by that checkbox. The ...


1

I guess with any content and interaction with the user, you can take either one of two approaches. The first is to show what is required to resolve any issues that will impact on the user's workflow, and allow them to discover additional details as required (progressive disclosure). The alternate approach is to show everything upfront and reduce the content ...


1

I have seen this done many times with a message console window within the app (like your visual studio screenshot). If you want to go down this route, but don't want to take up space by having the message console always visible, you could keep it hidden by default (can be opened from the view menu), and display a toast alert to notify the user of an error / ...


1

To answer part of the question, the classic example of a 'mode' error was the ease of accidentally putting a wordprocessor into "overtype mode" so that rather than inserting text into existing text it would happily overwrite the existing text. As it was something that nobody did deliberately it was very difficult for a user to sort out why the wordprocessor ...


1

The term that you're referring to is called, unsurprisingly, MODE :) Mode It's a long-standing concept in HCI and UX, being criticized from very early on by several design and usability gurus, including Don Norman and Jef Raskin. As this Wikipedia article defines it: In user interface design, a mode is a distinct setting within a computer program or ...


1

The problem looks to me like it can be solved using Closed Card Sorting technique It's a well-known, quick and inexpensive activity for guiding information architecture work. Some quotes from the article: The process involves sorting a series of cards, each labeled with a piece of content or functionality, into groups that make sense to users or ...



Only top voted, non community-wiki answers of a minimum length are eligible