Hot answers tagged dynamic-ui
7
For the most part the pros/cons of this come back to the classic Adaptive vs Adaptable interface argument, where Adaptive interfaces automatically adjust based on user interaction, and adaptable interfaces allow users to manually tweak them.
A problem with this in particular is that text size is an accessibility issue. Not everyone has the same eyes, so ...
7
Your questions seems a bit misleading for me. Is your question about:
how the google+ circles layout is called? - there is no UX/UI pattern for this, Google+ introduced the new Circles concept
"You can see that all rows are consistent and that if you resize the browser, the cards will rearrange to maximize the use of the space, making the rest fall down to ...
5
The problem with dynamic interface elements is that it prevents the user from learning where things are. As they alter and adjust over time, the user is prevented from gaining mastery of the gui, as their learned behaviors become obsolete. Consistency is far more important than incremental improvements based on Fitts' Law.
Some elements are consistently ...
5
Cutting of the text with an ellipsis would be my first idea as well. Alternatively you could make the text "disappear" in the background by placing a transparancy gradient on top of it, i.e. so that the text fades away. It's basically the same idea but a little more elegant from a design point of view.
Adding a tooltip that displays the full text could be a ...
4
In my opinion, dynamic examples based on the first characters user have entered may help users to enter correct values (validation is still needed, thought):
Examples will not only suggest the way phone number can be entered, but also limit ways of validating this numbers (since there may be a lot of different schemes, so choosing one or two depending on ...
3
I agree with you. Both approaches have pros and cons.
I would advise mocking them up, or developing a quick prototype, and testing it with a couple people, see what they think! (testing, testing, testing should be your mantra, when developing UI's :P )
But, in my experience, i'd advise you to keep the menus static, to avoid possible confusion on users: ...
3
Option 1, static tabs with helpful messages, should do just fine. Remember, your users aren't stupid. When they get instructed what the situation is (they should have more events for a certain tab to be useful), they understand it a lot better than the confusion created by tabs appearing and disappearing while they don't have a clear reason why that happens.
...
3
I've always gone with the following rules to make this determination:
If any action on the current screen/page/window will change the availability of the field, it should be disabled/enabled as the values/inputs change.
If no action on the current screen/page/window will cause the field to be available, then the field should be hidden.
If the information ...
2
Do your best to rethink the grouping to slim down from 12 tabs to a smaller number, if possible.
Is this part of a stepped process ? (like setup, creating a profile, etc)
If so, I think 3 is the magic number in terms of the total number of steps. To slim down to 3, ask yourself 'do I really need this data ?' or 'do I really need this data now (can I ask ...
2
There is some inconsistency in you mockup. The groupbox' title reads "Locations", yet you only show 1 location's details.
There should be an overview of all locations, where you can see all locations, which should have a button to add, delete and edit locations.
Both the add end edit buttons should show your mockup, but instead of "Locations" it should ...
2
In option 1, they have to waste time by seeing options that are not related to the items whenever they want to manipulate an item, which results in slower scanning speeds.
In option 2, you are repeating yourself and forcing customers to scan options that they aren't interested in when they want to navigate away. Once again slower scanning.
Option 3 is ...
2
Users don't think in RESTful terms like this (Edit object, new object, delete object, etc.), developers do. So I'm not crazy about this interface in general. The better option would be to show the appropriate action on the "object" at just the right time in the workflow. But that's not your question :)
Here is how I would handle it. I would put the Edit, ...
2
As I understand it, your search function and 'add' function are independent, i.e. the behaviour of the 'add' button doesn't change based on any search criteria that may be set. The problem you have is that a newly created object may not match the active search criteria and would therefore not appear in the filtered list once created.
I have encountered ...
2
Provide a rich text editor toolbar like what you see here, and make a combobox-like selection of available placeholders.
The more interesting part comes on the rendering of the edited text, as the placeholder is expected to be an atomic token, therefore two behaviours are wouldbe expected in my opinion:
highlighted handling: usually, a "capsule", with ...
1
I'm assuming the reminders are sent via email and that a survey will expire after a defined period, likely 30 days? The intent is to remind someone that you want their feedback and to encourage them to complete the survey?
This might not address the exact question, but I would take a step back and determine whether it makes sense to provide a user with all ...
1
As a tech demo it suggests many benefits. Most of the answers here seem to be concentrating on the negative impacts of what happens when you bring the device closer to yourself, thereby decreasing the fontsize, but I believe the benefits of this system are when you come at it from the other direction - how to present content to users viewing it where their ...
1
I think this kind of thing creates more problems than it solves. On web UIs I assume the user has set the browser font size to a comfortable size for general reading. I use the user set font for the bulk of the text content, i.e. the main reading font. Other font sizes used on the site are derived from the user set font (that is set with units of *em*s or ...
1
Personally I prefer 3rd one:
It looks similar to Google mail with actions available at the top of the screen, are you planning to keep them visible at all the time?
Clear separation, actions (add new, delete) and navigation (go to X,Y,Z)
Also are you considering using tick boxes for multiple delete?
What are the Group 1,2 and 3 buttons do?
1
Why don't you want to use drop down menus? The user might be confused or not notice "expert"/"novice" settings.
download bmml source – Wireframes created with Balsamiq Mockups
1
@Dmitry: something else.
When you browse a forum's subjects list, you see them sorted by decreasing date of the last post. But, on top of all them there are the "sticky" posts, telling the users to read the FAQ, not to flame and the like.
Well, your user's hat is sticky, because as it has been added by hand, a sovereign action by the user, that you should ...
1
You always need to give feedback to the user that something has been added or they are at a risk of being confused.
One thought might be to have a filter for "Show new". And when a user Adds a new entry you switch the search/filter to this "Show new", and display the new entry.
"Show new" might be something like session or even a given time frame for what ...
1
my suggestion:
"add location" should be displayed below form (footer). It's more covinient - user completing the form, from top to bottom... and then can decide to add new location,
"remove location" should be displayed as header of each location - on the level of current "add location". additionaly remove button should be similar to "add ...".
in ...
1
I haven't heard of a golden rule unfortunately; it would be great if anyone knows of a study. A couple of thoughts and my experiences:
Is the user interested in simply accessing the "child" field without going through a parent field that enables/shows it? If yes, than hiding the field might make it more challenging for the user to know that the option is ...
1
The main problem is people's ability to master a constantly shifting interface. A secondary issue is that some tools are designed so that anyone can sit down at someone else's computer and use them. If the UI has been completely altered, that can confuse the new person.
One safer way to implement intelligent user interfaces is with natural language ...
1
Older post but .. I concur with Mitch
I think layouts like masonry work fairly well when they are used with nonlinear/nonhierarchical information, for instance pure images or a selection of headlines, or a grouping of tweet topics vs. a specific stream etc.
This kind of layout applies a kind of controlled chaos. This causes the user to slow down and ...
1
I wouldn't assume that there is a natural tendency for the human eye to read things left-to-right, top-to-bottom. That is a cultural aspect of most Western languages. Many languages (Hebrew, Arabic, Japanese) do not follow this flow.
Here is a good article to put this into perspective:
...
1
I assume for it to be useful to show the local categories first, your users are browsing for a sufficing category, rather than the optimal category. Otherwise, given “the list of remote products can change at any time,” users will never know when to stop browsing. The task is basically impossible.
Search Instead? If users are looking for a specific category ...
1
UE data considerations should always provide a clear path from the 'empty' case to the 'one data item' case and then to the 'more than one' data item case.
In addition, don't be afraid to include documentation in the GUI! E.g. for the empty case, have an action to create an item, but also show an illustration of what it might look like, with a picture or ...
1
It's #1 clearly. A simple
No events were entered. Create new event
should help with all novice users.
Progressive disclosure isn't bad, it beats "novice only" interfaces (like wizards) that don't provide a smooth transition to "expert mode". However, you have to balance it against a stable top level navigation structure.
Don't move items around. ...
Only top voted, non community-wiki answers of a minimum length are eligible
