The tag has no usage guidance.

learn more… | top users | synonyms

144
votes
13answers
15k views

Why is this design considered cluttered or overwhelming?

I'm developing a web app for Desktop and Tablet browsers. All of my UX knowledge stems from personal experience and iteration - I've never been formally trained. I took great care in presenting the ...
12
votes
3answers
1k views

Design pattern for sorting / ordering items in card view

In a table design pattern there is usually a 'primary' key value which all the other values can be sorted by, and it is easy to sort or order the rest of the attributes associated with the item. ...
11
votes
6answers
3k views

How to indicate that a card is expandable?

Currently I'm working on an app which uses a vertical 'list' of cards, somewhat like Google Now. These cards can contain static text, (small) images and some control elements (buttons etc.), or a ...
11
votes
1answer
347 views

What is a great way to display a user's email address in a small amount of horizontal space (in a user card)?

I'm designing an area of an app that needs to display users in a certain group. To save space while providing larger (more recognizable photos), I've decided to use a "card" style with photo above ...
9
votes
4answers
3k views

Difference between Tiles and Cards?

We are developing a platform and we need to show a visual way the most relevant information from different sources to the users. The user need to interact with this "pieces of information" and this ...
7
votes
3answers
1k views

What's the difference between cards, panels, and tiles?

It seems as if with some of the modern front-end development frameworks there is a blur between the different types of 'container' elements. Whether this is an attempt to abstract the design from ...
7
votes
5answers
484 views

Any value to gathering qualitative data from card sorts?

One of the best tools I've found for card sort experiments seems to be websort, mainly because you can just send out a link for participants to go through the exercise at their own convenience. ...
7
votes
2answers
878 views

dynamic credit card forms design

I am looking at the design of credit card entry forms. I have the option of validating the card number to determine the additional information fields on the form like start date and issue number. ...
6
votes
3answers
613 views

Flipping cards, good or bad idea?

I want to implement flipping cards on my website because they look awesome and they allow the user to see more information on hover. However I started to think it was a bad idea because instead of ...
4
votes
2answers
170 views

What is the best way to display empty fields in a user card?

I'm creating a user widget for dashboard. What is the best way to fill the empty fields here? I can't hide the labels here if they are empty. And if I use "No information available" does it seems ...
4
votes
1answer
442 views

Material for inspirational workshop

I've been searching around for the last few days looking for resources for a inspirational workshop. What I have in mind—and haven't been able to find—in a set of "cards" with different ...
3
votes
3answers
252 views

How to make cards distinguishable without using colour

Given a card based material design styled interface presenting cards representing people in a system, what visual techniques can be used to distinguish different states those cards may be in? We need ...
3
votes
4answers
1k views

Expandable Card Interaction

I'm trying to create a card with some text/images inside, which can expand down and expose more content if a user clicks on the expand button (a huge down arrow). The natural way to do this obviously ...
3
votes
1answer
85 views

Select maximum of two options to display summary info cards

I am trying to devise a mechanism whereby a user can select only two options at a time in order to display summary information for their selections. It looks like this at present (actual content ...
3
votes
1answer
158 views

Cards: single column or multiple columns

I'm working a card-based UI concept which allows grouping. As an example I look at a person and see his tasks and documents (and there could be many more categories): So far so good. Now if I only ...
2
votes
2answers
151 views

Spacing between two tiles for good readability?

Are there any studies that having some space between two tiles would improve readability in an app experience? I've included two wireframes that give an idea of what I mean, which is better spacing ...
2
votes
1answer
357 views

What is the optimal width of a card? And responsive?

First, I know it depends on the content. And after reading through ux.se, blogs and observing websites; the results are quite less. What I've found so far: Text is readable at best ~100 characters ...
2
votes
1answer
91 views

What is the sorting order for displaying tiles on a multi-column layout

The use of a tile or card design pattern to present information as a replacement for the conventional list and table view presents a rather interesting challenge for programmers when they have to ...
2
votes
2answers
510 views

Using card UI where should a set of actions go? (Share, details, info)

I'm using card UI for a project and while some cards maybe we in a row or a column many make up a grid. The issue is some cards have one action like "share" while others have 2 or 3 actions. I want a ...
1
vote
2answers
44 views

How can I indicate that an area is swipable? [duplicate]

I have a mobile timeline with cards, each card can be swiped to the right to display interaction options. We feel that it's not evident to the user that there's anything there, the 3 dots we've added ...
1
vote
3answers
157 views

Scroll of the main content when the modal window is open

Should the main content of the screen (a layout of cards) be scrollable, when a modal window is open (without any overlay)? What about the solution like this: when the modal window is open, the main ...
1
vote
1answer
99 views

Card-based design for singular content

How can I create a card-based design for an Android app that displays questions, in a way that allows the user to focus on one question at a time—without making the cards or the screen look empty? ...
1
vote
1answer
71 views

Optimal number of interactions or complexity on a card/tile element

The use of card/tile UI elements in responsive website design is becoming a very influential trend. However, the complexity of the products or services being provided is such that basic click and ...
0
votes
3answers
53 views

Does mixing actions in a card feed confuse users?

Imagine a card-style feed where users can only see one card at a time. Each card has at least two calls to action. Most cards are presented in a y/n format where swiping right means "yes" and swiping ...
0
votes
1answer
132 views

card stack ui for creating new items

I am creating a card stack ui for selecting items and creating a new item. Right now the page looks like this: I'm not sure if the ui for creating a new item should be a card itself or a separate ...
0
votes
3answers
60 views

Show items added by user [duplicate]

I'm working on a Inventory System where users make orders using a form. The user will fill a couple of fields and then he will choose the products that he wants. I'm wondering on how to show the ...
0
votes
1answer
55 views

In a card style layout, do pin/unpin have the same meaning to the user as hide/unhide?

I'm working on a card layout, where the user should have activities, such as pin / unpin a card, and hide / unhide a card. The first action can be done on a catalog page, where the user can choose ...
0
votes
1answer
34 views

Actions position on cards

Is there a best practice or a guideline saying that actions on cards should be located on the bottom of the card for touchable screens ? Are there actions types that should be located on the top of ...