Hot answers tagged

2

You could use Googles Material Design as inspiration here. While you describe the component you're designing as a table, it also sounds similar to a list pattern. When designing lists, material design guidelines recommend placing the primary action on the left and secondary actions on the right. https://material.google.com/components/lists.html#lists-...


1

I believe that the number of columns in this table is the real decider. Without an example table this is all conjecture, I would recommend adding an image so people understand what you are asking. However, that being said, lets' examine your table interaction. Examination: Based on your own words, "EDIT" is the main control. If we are dealing with simple ...


1

Typical number of rows is likely to be the decider. For example, if you have a few rows, Edit buttons might look ok, but if you have many rows each with a Edit button then this might over dominate the visual design, so hyperlinks on column one would lead to a cleaner, less dominant visual design. I personally prefer to use hyperlinks on the primary piece ...


1

It depends whether you want the user's profile to be their face or not. On one hand, the client is right - it would be harder to fit a group photo into a circle, or many photos that aren't just faces. There's a reason camera's take rectangular pictures, after all. So if you want users to have profile pictures that aren't their face, than a square seems the ...


1

A table is just fine, but there's an awful lot you can do with a table! Just because information is in a table doesn't stop you making it easy to scan, see connected information, identify groups, emphasize important items, and generally ensure that the data itself is in the foreground and the 'table decoration' itself fade into the background. The ...


1

These guys did a thorough research and came up with the Design Tools Survey You should find all your answers here : http://tools.subtraction.com/


1

Another **possible fix ** could be just swap the position of the form in the second case (where few addresses are already there). And make the entire address chunk/div clickable with different prominent states (hover, selected). Also you can change the visual style of showing it as possible options(in this case the position of the radio button). In the ...


1

The design as you show it assumes people want to add multiple shipping addresses and then choose one for the current order. I think this is not the typical use case. Adding a new shipping address is needed only if it is not yet in the list of existing addresses: Either this is the first shipment, or the current order should go somewhere else. Having this ...


1

You can ask the user to name the address by something at the end of the check out. So that for the next purchase, s/he can directly select the address from a drop down. In case of new address a specific and prominent button will be present with "Add New" label.


1

It is not that important if you already have a lot of design experience. If you don't have much experience then the HFI course will arm you with some useful skills and knowledge. Also, if you are looking for a new job, it might be that the HFI Certificate is the only thing that separates you from other candidates. As for other alternatives, there are now ...


1

To me, the advantage of the balloon tooltip is that the small triangle points directly to the element that it relates to, which reduces ambiguity in a crowded user interface You can argue the user knows where his mouse/finger is pointing, but one scenario it's actually useful for is disseminating screenshots that don't show the mouse pointer or supply ...



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