Tag Info

New answers tagged

2

Another suggestion - instead of making it scrollable, fade each subsequent message to transparency, so that the text createsa a gradient. The most recent message would be at 100% opacity (normal text) while messages going farther back would fade more and more. This way, you could keep updating the feed, while a user would have visual notification that there ...


0

A quick idea: Don't inset the log. Put it on the same level as the other obviously-static text. Another idea (though imo inferior): show a scrollbar that has no handle. This also implies that you should show literally everything. As you suggested: don't have cut-off text. Only show full text, so the user does not think there is something hidden to uncover. ...


32

Since it looks so scrollable, then let it actually be scrollable, but only for a few messages and when you get that far, indicate that's as far as they can go and show the 'Enter to see the full chat' messaging. That way, you've let them interact and engage a bit more, and they've seen a little teaser so when you show the message, you know you've got their ...


3

One approach i can think of is something like this download bmml source – Wireframes created with Balsamiq Mockups This way you can show a restricted number of messages from the log in a fixed space and there were be no bleeding of the text which gives the impression the content is scrollable. The visual indicator of new messages being loaded ...


0

I'd approach this using somewhat more straightforward conventions. People understand checklists. People understand numeric ordering. People prefer clear directives, especially for something like school registration. You have 3 categories: First, Required, and Optional. So to differentiate them, you might put them into sections. I agree with your concern ...


2

We had a similar problem and went with placing an ad between header and first article and the first ad between the articles below the fold. This way a user is already scrolling down when she sees the second ad. I'd suggest you use a different, smaller ad format for the first ad (e.g. a mobile banner with 60px height) and a bigger ad between the articles ...


1

From what I gathered from the comments, let me make an assumptions to the application: -The list of documents will not be modified frequently. Besides initial configuration, an administrator will not be using/modifying the list frequently. Also, this answer is based off of the layout of the page/actions (as that is what I believe you are asking), not the ...


0

In a card format style/layout, even if you tried to order by two different properties, it is very difficult for users to make the visual comparison. For example, if you want to order by compatibility match then you might present something on the top right hand corner as a number value. However, if you want to order by proximity then you might have to show a ...


1

I think the most important part here in terms of the UX is the freedom and control you give to the users and the information you give to them. Give the user the feeling that they are in control and act according to their preferences. In this case it sounds to me that users are going to make a trade-off: this person matches 100% but lives far away vs. this ...


0

Providing different routes to content is a common challenge made more complex in global organisations where local, regional and global content all compete for attention. This article discusses how to surface the content people actually need. Your links page is clearly useful to people, so find out what they struggle with and work on improving it. ...


0

I assume you should be able to select single students as well. I would seperate the group selection from the student selection something like this: So the top box is like a filter for the students list (e.g. if group C is selected, only students in group C are visible) and in the list students can be selected individually. Hope this helps. :)


0

One solution would be to separate the groups selection task from the list of students. 1) Show a "Select group(s)" button at the top/bottom of your list. 2) When clicked, open a modal with a scrollable list of groups. 3) Once confirmed, the list of students show which one got selected and it's still editable by hand. Leave the "All students" at the top of ...


0

Since you want to do it in the mobile app, it is better not to use the shopping cart style. I attached a pic in the following. This is very easy to use and clear in the design, especially for mobile app. Pulling down to create an item and when you click on the item, it allows you to edit. Hope it helps.


1

One way i would represent this is to use a waterfall pattern. In a waterfall methodology, current step flows into the next step and so on. So, if you could display the stacks indented (like reply to comments in a blogpost) it would instruct the user that the preceding rule is executed first and its output is fed to the next rule. Hope this helps. Another ...


2

Do people (in different countries) use different list-style-type for numbering list element? (e.g. shopping list, to-do list, list of students in school, ...) Yes in some countries using different alphabets to Latin If so, does Greek use greek, Japanese use katakana, Armenians armenian, ... all the time (in every situation) or maybe in a few cases ? ...


2

This is to ensure localization is supported and when a website translation is done, the list styles also reflect localization. For example,here is a screenshot of the number options in different languages which are supported by CSS and required by the W3 for localization For example if you were localizing for Ethiopia, You would be required to use ...


1

The better way to show related items is grouping them. Not sure if possible, but the easiest way for the user to associate a relationship between elements is grouping them by categories or similar subjects. Think on a typical footer, or a good organized submenu. If not possible I would try to use bold fonts or an icon in related items in order to show a ...


1

Have you considered using Sprint management tools for user stories as best in practice examples? http://www.jetbrains.com/youtrack/ and https://sprint.ly/ work these kind of tasks quite well


1

If you can fit the information, I think a table would be much better because 1. it makes visually scanning the list easier. When the user has to jump over elments, borders, white space etc. to see the short description, it takes more effort and time. 2. You can fit more records in one page so the user needs to scroll less. 3. You can use inline filters - ...


0

Although it assumes some understanding form the user (and maybe that's through training/documentation), you could use a key graphic, shaded and unshaded:


1

Two checkboxes in a single row is confusing. Selecting a set of fields and then setting the property of each field is a 2 step process. This is not very clear in the UI. May be you can try to set the unique identifier in the next step after the associated fields have been selected. However to remove the confusion of 2 check box controls the only ...



Top 50 recent answers are included