Tag Info

Hot answers tagged

50

Emails were never intended as a form of chat type messaging. Remember that they are electronic versions of mail, so trying to modify them to be something they weren't designed for is a mistake. As to the reasons why we write the subject line first: The subject line is part of the header of an email (see the original RFC822 and the newer RFC5322), and ...


32

Definately keep the order of the buttons the same on all parts. There is nothing more disturbing than clicking a delete button where on the previous page there was a edit button. As for the order, I would suggest ordering them by what you want users to click most often. Use UI design to guide the application user.


16

I made a demo solution with CSS3. The Salary column is in ascending sorted status and the Bonus column is in descending one. I commit the work to github at horiontal-tight-table-sorter-css3. You can have a quick review of the html page here htmlpreview horiontal-tight-table-sorter-css3. For the sake of the demo, I only tested it on Chrome. Hope this ...


13

It is best to order them logically and group similar actions together. In your case with only three, the order that you have them now is good. However one thing that you really should do it to move the delete button away so that it is not with other action buttons. I would place it aligned to the right to reduce the likelihood that it is accidentally ...


9

This may be similar to the question Why don't ATMs give you cash before your card?: Users follow the tasks in sequence, but regard the task as completed once they have achieved their goal. Subsidiary steps are easy to abandon at this point. The goal of writing an email is conveying information. Once the message body is complete that goal is supposedly ...


9

I'd like to approach this question from a bit of a different perspective than that of other answers. What's In An Order The essential question posed is questioning the philosophy and methodology of ordering form fields. On the one hand, one might wish to order them in the order that the author would be expected to write them. This is a perfectly sensible ...


9

Personalization is good for frequent users of software with different applications (i.e. some people use Word to write love notes, others hook it up with an access DB to generate form letters). [edit] Jim Rush elaborates these reasons, below. Personalization is bad if it's just an excuse for not making decisions. Every option in your program is a decision ...


7

Here's a couple of options - but I think li's value is deprecated in HTML4 - and I don't know if it can be done in CSS. <ol start="1"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li value=59>Item 4</li> <li>Item 5</li> </ol> <DL> <DT>1 <DD>Item 1 ...


7

The usual way that I've seen this done is with an ellipsis. Something like: Edit: For markup I would use an unordered list and insert the numbers into the name and use the ellipsis as an item. Otherwise you end up with some difficult situations when the user is #4, as you would have an ellipsis where it doesn't make sense, or when the user is #2.


6

Netflix combines three methods in their queue. You can drag-and-drop, but also specify a particular row number, or click to move it to the very top: What I find interesting about their approach is that they have put the "Top" icon (circled in green) right there on each row, as opposed to requiring the user to make a selection and then click somewhere at ...


6

Considder if you can't change your design a bit further than by just changing the ordering of your buttons. Ask yourself if the buttons really make sense in the first place. You currently have two types of buttons above your list: one button that creates a new item in the list, and two buttons that act on the currently selected item. The item has to be ...


6

As a reader, I want to know "Why are you sending me this email?" so I know whether it is worth my while reading it now, instead of doing all those other important things on my to-do list. As a reader, I expect the writer to know why they are sending me the email, and more to the point, I hope they will know why they are sending me the email before they ...


4

Try something like this. Keep the horizontal positioning of the column labels the same and add sorting horizontally on top but in smaller font using some noticeable color. If possible, make the whole div (or table cell) having that column label clickable and sort icons clickable.


3

Trying to find a more complicated solution that feels natural is a recipe for failure. Keep it simple. Even if it isn't 100% perfect for all cases, as long as it's clear, you get most of the benefit. News feeds should use a top posting as the newest feed is the most important. This can also apply to commenting if the newest comments are more important. ...


3

In my opinion New is very different from Edit and Delete, as it does not require an item to be selected. Edit and Delete refer to some item, thus should kept hidden while no item is selected, and shown in a different position from New. If you really can't put them inside the list, consider putting them on the side. I usually like to put the New (or Add, +, ...


3

If I'm reading the HTML5 spec correctly you can do as suggested in Roger's answer and use an ordered list and then use a value attribute on one of the li elements to skip a few numbers: The first item in the list has the ordinal value given by the ol element's start attribute, unless that li element has a value attribute with a value that can be ...


3

From you description this is what you got today: download bmml source – Wireframes created with Balsamiq Mockups This is perfect to drag and drop, and it has a nice direct feeling of control to the user. A 150 products is hard to organize in one category, and I think you need to categorize the products. Having the categories as filters, the ...


3

The first thing you need to ask yourself before you try to figure out how to do it is how frequently users are going to be doing it. If it's going to be used often I would try to create it so that you use drag and drop and simply auto-scroll the page once a user hit's a certain treshold. It's a good rule of thumb to say that if a user needs to do something ...


3

Alternatively– a you mention price as another "column"– you could integrate the sorting buttons into the list itself similar to a sortable table. Unless the objective is to enable sort hierarchies (e.g. by name, then price).


2

peterchen has a good answer. Here are some additional factors: Good reasons: Application has a lot of corner case features that aren't useful for the majority. This is common in the perversion of the 80/20 rule: 80% of the users want their own unique blend of 20% of the product features. Product has a variety of work flows. I want display X with ...


2

It seems unlikely that a user will actually reorder 150 items. That's why you typically see large lists (think a list of files) with the ability to order by column. This gives some control and order to a large list without making the user deal with each item. Now I understand why you might want to provide some more fine grained ordering, so perhaps this ...


2

It's simple information hierarchy. Just as a paper has the author and title at the top, so does email. Now, one could argue that that is only important for the reader, not the author. And I think that's a valid argument. That said, when we read emails, they have a particular hierarchy and an equally valid argument is that the template used to create the ...


2

Reordering content on narrower screen sizes is a valid and useful approach when done right. I guess a key factor here is to maintain the hierarchy (flow) used in the wide layout. Simply stacking columns under each other without changing the order could easily bury/push down potentially important content in narrow, single-column layouts. The way you've ...


1

You could considder if using the background of the header cell would work. Something like this perhaps? download bmml source – Wireframes created with Balsamiq Mockups This is of course just a very rough sketch, any graphics guy should be able to make something subtle and pretty...


1

If indicating sort direction without utilizing more horizontal space is a requirement, your main option is to utilize more vertical space to display sort direction. Other things you may wish to consider, however: Analyze your columns and only show the most important/relevant sections. You may wish to remove certain items from the main table view to gain ...


1

Taking "Mobile First" paradigm, you could think in a reverse way. You create stacking layout for mobile according to some principle. Probably, the order of the blocks reflects relevance, or usage frequency, or usefulness of the content. So the arguments for the ordering is the base of your layout decision. Designing the desktop layout, apply the same ...


1

I suspect that people write e-mail applications this way because other people have written e-mail applications that way and everyone is used to it. Users expect that when they are confronted by a completely unfamiliar e-mail application, it will prompt them for a subject at the top of the entry form, and a body below. Users get what they expect and don't ...


1

I can only think of two particular justifications for this: Back when this was not a standard convention, there was probably not a lot of difference between the length of the subject line and the body text (think back to the of the early days of text messaging, and even twitter). Given the ability and convenience to add a lot of things to emails now, one ...


1

Consider facebook: The newsfeed is top-down with posting on the top. The chat windows, the posting is bottom-top with posting on the bottom. Does this irritate you? Did you even notice this? My opinion (not based on any research that I am aware of), for a top-down reading audience (english language) we have been accustomed to scrolling down to find ...


1

Magento (an e-commerce platform) provides a "Ship to Multiple Addresses" option that's worth studying: "As a customer is in their shopping cart, they simply select "One Address" or "Multiple Addresses" before proceeding to a check-out page. Selecting "Multiple Shipping" allows them to select a shipping address for each individual item. Once they've entered ...



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