Tag Info

New answers tagged

0

Based on code page 437, here is a list of characters that come after z. Note they are listed in sort order. Omega is probably the most appropriate for this use case, because it is the last letter of the Greek alphabet. α alpha U+03B1 Alt 224 Γ gamma U+0393 Alt 226 δ delta U+03B4 Alt 235 ε epsilon U+03B5 Alt 238 Θ theta ...


0

Most likely delete/move/copy is not a good example set. They conflict with each other. If you wanted to do something like mark as read and then move, you could simply use ajax to do the action, updating the css when it completes, and leave the check boxes checked in order to allow multiple actions.


2

"Just because you can, doesn't mean you should......" When I'm reviewing substantial amounts of data for criminal analysis purposes, single column data is a significant cause of confusion and delay and ultimately errors. It doesn't matter what iconongraphy is used or what colours are applied. The most accurate method of avoiding confusion remains a two ...


1

I've been employed as a UI designer for various financial used for 10 years. I've (also) settled on use of + and - (green and red respectively). Where space allows, separate into 2 columns. Agree with points made above that direction of arrows can be misinterpreted e.g. Left and right: left=back=out? or left=home=in? e.g. Up and down: contradictory ...


0

Your comment on the infrequency of interaction is important here. The screen looks very cluttered to me and the visual relationship between the left half and the right half is not very intuitive. Given the complexity of the two panels and the infrequency of use, I would suggest one of: Place the edit panel on a new page. Pop up a lightbox style modal ...


3

Design challenges here: Designing for abstract concepts like accounts and flow is hard. Typically it's best to use words rather than graphics. But sometimes you have to (or are told to :-) use graphics. Financial quantities can be difficult to represent graphically because different currencies have different symbols. Arrows are very commonly used and ...


19

could arrow icons still be used as a quick visual reference to indicate movement of funds without actually misguiding users? I think the way you've presented them might be confusing but using them in a different way could be more familiar to what people is used to. Example: Additionally, for money related movements the two pair of most familiar ...


1

My bank does not use icons of any kind, actually. It simply prepends a + or a - and colors the number green or red respectively. They are all in one column, which is (by default) sorted by date (newest first). As others have suggested, I would not use just an arrow, for its origin is not clear.


19

I've found that arrows without words tend to cause confusion amongst users, especially those that have a color blindness. If you use multiple indicators such as the arrow, color, words, and/or +/- you are meeting user accessibility the best you can. You can do something like this: download bmml source – Wireframes created with Balsamiq Mockups ...


0

Showing money as moving in and out of an account is a decision fraught with potential confusion. You might want to do some research about different accounting methods and their history, for context. I found this help document informative. I would say the GNUcash application is an example of terrible user experience for the vast majority of users, but it's ...


1

I agree with the idea of '+' and '-' icons going before the numbers as something to consider. With example 2 you're kind of on the right track. The common method in accountancy is to have incoming and outgoing funds in separate columns. However, you don't need an arrow to indicate things and unless you have quite an extravagant one like Matt Obee's (which ...


6

You can use the + and the - icons if arrows aren't required. I would probably use ↑ and ↓ if : I had to use arrows I can't write other account movement information. If you really want to use → and ←, you should display the other account from where/ to where the money goes.


57

This is perhaps perilously close to an off-topic icon discussion, but I think you could modify the arrow icons to make the outgoing versus incoming direction clearer. Essentially, you need to give context to the arrow: I would continue to use colour as an additional clue.


1

Go with a list. This is a job listing page and the slider will infuriate people as they'll want to scan information quickly to pick out the job titles that suit them. A compromise might be to have a featured jobs slider with 3 or so featured jobs at the top of the page? That might satisfy your colleague but mean that the bulk of the information is easily ...


2

The only advantage of a slider over next/previous navigation is the possibility to jump (seemingly) freely to any index. In reality this would hardly work, as the user cannot distinguish the individual index locations and needs to hunt for the right position, even if they remember the general direction. Thus, I'd classify the slider the same as indexable ...


1

Actually, there's two questions in here, one regarding the master-detail navigation, the other regarding accordion vs. tabs. Master-detail can be realized on one screen, like here, or with a two-step navigation from the list to a complete screen of details. For me, the decision between these two relies on the following: How many detail is needed to ...


1

Check box lists would be the answer; based on Microsoft guideline for desktop app which you could use it for web app somehow: Standard multiple-selection lists have exactly the same appearance as single-selection lists, so there is no visual clue that a list box supports multiple selection. Because users have to discover this ability, this list pattern is ...


2

It helps that you stated your design intent clearly: it's about communicating volume/diversity of the changelog rather than the details. Some modern approaches to spicing up long, sectionalized content (use desktop browser to view the examples): Sticky section headers Parallax and scroll-updating navbars (scroll down to see effect) Timeline layout ...


0

As you said, since the user made a conscious decision to add the product in the wishlist, an image card can be a good thing to be shown as the main object, then try to the title of the product on that, but it is not that important, so if the text is tool long use "..." to just fit that in one line on top of the image card. For the last 3 items ("Good Deal" ...


2

Place the error next to the field Tables often have many elements, so the easiest way to communicate an error in the table is to place the error message right next to the offending element, so that it's very clear to the user where in the table she should focus. For example:


1

With error messages it's all about association. I don't have the experience with implementing it with tables, but I don't see why you can't apply the rules for forms to tables. For forms, it's best practice to show the error message directly below, above or next to the input field that contains the error. Assisting the error message with a red color (or ...


0

I love this way: Transform the background of element to a light yellow and fade it to the default background color after some seconds.


0

There are two cases here, Users can select items and the cart then groups them to offer discounts / combos as applicable. There are certain predefined combos, with limited variation possible to be selected by the user. Users would be more interested in the items they want to eat and not precisely looking for combos or at times interested in the combos ...


0

Probably not Remember that the user's perspective is different from the app developer's perspective. What is the user looking for? I would guess that your users will want to look at the menu and order items they like. This is certainly what they would do at a restaurant. Any configuration would take place after they make the initial selection (eg "do ...


0

The solution to this question would ideally be affected depending on the engineering constraints, the size adn scope of the task, and the stage of the product, but it is common to err on the side of simplicity when coming up with a design solution. While fundamentally it isn't confusing for the user to configure options while in cart view, there are limits ...


0

It depends on the application. Here is a general list of techniques that can be used, mixed, or not applied at all to indicate the user that content is new: Apply bolded type Decrease or increase font size Adjust, increase, or decrease spacing between new content Append or prepend "new" label to new content Append or prepend message, with count of new ...


0

By adding a "new" label or badge (but I really want to avoid that) Well, you could add an "old" label or badge and apply it to all the -other- documents. Seriously, if you are going to display the newer documents first anyways, you can simply use a vertical divider with an "older documents" a label. Or a plain vertical divider without a label, I'm sure ...


3

"If you want sex just say it" Or in other words - convey information in the clearest, and most direct and concise way (rather than using nth degree semantics). Visual features will constitute nth degree semantics. You stated that new documents are always at the top of the list. If new documents are indeed of real interest to users, just give it to them: ...


2

I'm against of using "new", that does not add enough value to an updated item in a list that frequently has added items. Using timestamps like: "1h", "2d" is going be an standard, so people can recognize it, they have the same experience in their social networks app such as facebook, twitter, and gmail, you can also see this representation form in Android ...


1

There may be a problem with defining new to the user. Users typically comprehend a date/time for posting, and a freshness seal. You can define a new that is different than that, but you can't expect your users to see it the same way, and that can be a problem for product owners if that isn't what they want new to mean. If you over complicate that, you may ...


6

As it happens with Gmail interface, the 'newness' of unread emails is differentiated by a momentary 'new' tag that hides itself after a few seconds. That's how gmail tells today's unread emails apart from yesterday's unread emails. However, this doesn't apply to your case. The solution to my mind is a simple timestamp, visible in each row, for example '2 ...


23

I suggest you to show the 'added date' as additional attribute (column) to the documents and color the date of the new entries: Alternatively you can set the text of the date bold.


2

You could use a faded background animation (I think Wordpress uses it in the admin panel). It would work as follows: The user lands on the page the page The new items in the the list are highlighted by a background colour (and perhaps even the label new) Over a period of 3 seconds (or less) the highlight and the new label fade to the background colour of ...



Top 50 recent answers are included