Last call to make your voice heard! Our 2022 Developer Survey closes in less than a week. Take survey.

Questions tagged [cards]

A bounded, self-contained element within the UI that signifies a tightly related set of information and actions.

Filter by
Sorted by
Tagged with
0 votes
1 answer
61 views

Actions as icons on card

I'm looking for a way to properly display actions on my application's card without cluttering the interface too much, while still correctly emphasizing them. My application allows teachers of a school ...
user avatar
1 vote
3 answers
64 views

Presenting missing information on card

I have a multi-step form that requires filling in relevant details in each step. On each step we save the data. If a user leaves the form at any time, the draft will be saved and can be accessed from ...
user avatar
2 votes
2 answers
111 views

How to avoid the use of nested cards

I am developing a school web app and trying to follow material design guidelines. There's a functionality that allows teacher to create homework and in-class test models, wherein they can input a list ...
user avatar
0 votes
1 answer
67 views

How should I design this, not sure if it's a container or card

I'm currently in charge of the design system and we have this component which I'm not sure if I can consider it a card, or should I just use the general term 'container'. I tried googling and results ...
user avatar
1 vote
1 answer
120 views

Form with multiple rows of selectable options displayed on material UI cards, need help with adjusting the design

I have a form that has around 3 rows with selectable cards (only about 3 to 4 options each row). We do not have a UI/UX designer and I want to adjust the UI design but do not have a good idea about ...
user avatar
2 votes
1 answer
132 views

How can I make it more obvious that a card view needs to be clicked?

We have a booking platform where users choose different types of activities to do in their area, But when users go to search page only 52.9% of them continue to activity page which made me think that ...
user avatar
0 votes
2 answers
122 views

Horizontal scrolling or show more?

I'm working for a company and I have to make a section of a webpage that includes projects. They have 72 active projects and they want to show all of them in cards. The functionalities that include ...
user avatar
2 votes
3 answers
166 views

How to concisely represent a set of statistics on a dashboard?

I'm designing a dashboard for a web app representing statistics related to a quiz/test. I'm using visual aids like charts, icons and other cards displaying a small piece of information. Each such card ...
user avatar
  • 123
2 votes
1 answer
65 views

Hover on a card with clickable links

I am working on card which has a clickable link/ clickable options but the card itself is not clickable. I want to add a shadow to the card when someone is hovering on/ clicking on the link. I have ...
user avatar
1 vote
1 answer
58 views

Scroll time on SaaS

As is the case with most SaaS, there is sometimes simply too much data to fit on one section of a page. On the desktop app, we use a standard table view of data. On the mobile app, we use cards in ...
user avatar
  • 25
2 votes
2 answers
157 views

For a list of 10+ cards, Should I use a CTA button on each card for a better conversion rate?

Should I use a CTA button on each card for a shortcut knowing that I have cards feed layout pagination for more than 10 cards? For example if I have a projects feed inside a freelancing app here're ...
user avatar
3 votes
4 answers
735 views

Make it clear that a card is clickable

I am currently working on a Mobile Application, mainly using Material Design, with some client-specific adaptation. On our project, we display a list of cards, each card having a varying number of ...
user avatar
  • 33
0 votes
3 answers
93 views

Benefits of displaying information in a grid of cards over a table list?

I can appreciate that using a grid of cards is useful when there are pictures or graphical information to display. However, are there any other pros/cons of using one over the other to display a large ...
user avatar
  • 33
1 vote
1 answer
74 views

Redesign of a resultpage card [closed]

I am wondering about a redesign I have been doing. It is about a resultpage in which we have home insurance cards.. the current setup was not flexible enough to show a longer text for the usps. My ...
user avatar
-1 votes
1 answer
48 views

is it better to keep the layout of the lists?

I have an application that manages several entities, each entity has a list page, each entity can have a child entity with its own list page. Are you using different types of lists? table, cards, ...
user avatar
2 votes
1 answer
2k views

Card with Button or Completely Clickable Card

If a card has a button, the CTA will be clearer but it'll be more useful from usability point of view if the card completely clickable. So in mobile, will a card with button or a completely clickable ...
user avatar
1 vote
1 answer
66 views

How to decide what information should I place on the item card? [closed]

Imagine you have to design an app that will help users in ordering food from the restaurants. You make an order and go to "My orders" where you can see a list of your orders from different ...
user avatar
  • 11
0 votes
1 answer
97 views

What is the best way to combine a dismissible card with a collapsible panel?

I'm working on a checkout flow where a cart summary panel appears on the right hand side of the checkout form. We want the user to be able to remove a product, but due to legal and compliance reasons ...
user avatar
  • 31
0 votes
1 answer
34 views

Cross-platform mobile pattern for navigating among, editing, and creating cards

I'm a backend dev (mostly), very new to UX. I'm building a mobile-friendly Progressive Web App that allows users to view and edit cards with a few attributes (discussions: title, image, description, ...
user avatar
2 votes
1 answer
175 views

Nested Cards on mobile

I've come across many good nested/hierarchical data on mobile, problem is they often only include one line of information. I'm looking to include more information than just a card title, so I'm ...
user avatar
  • 85
2 votes
3 answers
117 views

What is the terminology, UI name for readonly field value?

What is the terminology of the following UI elements in this screenshot? John Doe https://www.facebook.com/john.doe Principal: john.doe@gmail.com ... These UI elements are readonly field values; ...
user avatar
0 votes
0 answers
49 views

Is there a name for a "Card with window/cutout" UI element

I have an app with a lot of card UI elements, they work great to organise data in categories. However, I am running into issues when I have a lot of data that I want to arrange in multiple columns. I ...
user avatar
1 vote
1 answer
69 views

Display large chart inside a card in a Dashboard

I'm going to design a Dashboard, I know how to show the information but my client said to me that a cohort chart is going to have a lot of information. I wonder if it's ok to add to the card that ...
user avatar
3 votes
1 answer
251 views

Mobile card carousel navigation

Background We are currently using a standard mobile pattern to showcase 3 cards where users can compare different plans. Problem The cards are very text heavy and contain alot of content below the ...
user avatar
  • 31
1 vote
0 answers
33 views

Layout for many independent navigation in a section of a webapp

There are many sub section in my project and I am not able to find right pattern for the layout the user navigates into the section from side navigation bar and then there are close to 25 sub sections....
user avatar
1 vote
2 answers
86 views

What is the best practice to apply the card design in webpage? [closed]

I have a question in terms of the card design style as I was designing the website for a company. Basically, I noticed that other company's websites apply card design on their website. Like to ...
user avatar
1 vote
1 answer
59 views

How can we change Call to actions on a card without making user learning process harder and longer?

We are designing a new dashboard for our platform which user request on some service and our providers submit offers for user requests. when a request submitted by a user, He should wait until service ...
user avatar
1 vote
1 answer
267 views

Using cards as navigation to other cards

I am trying to become good at web design, but feel I am missing that 'visual eye' that so many of you have. The general flow of what I'm trying to make is a top-level subject (ex. Math), will bring ...
user avatar
1 vote
2 answers
129 views

Userflow for questions based on answers on inspection app

I'm working on a mobile application to help technician to make inspections. They have a lot of question for each task, each question is about an item inspection. When the answer is positive no ...
user avatar
  • 13
1 vote
1 answer
3k views

Managing different sized contents in a card

How to manage different size of contents in a card, keeping the card size same?
user avatar
  • 111
1 vote
1 answer
68 views

Should allow upload file in the same page or a new page?

I am building a web site where students have to do their homework online. I have a page that shows a list of cards , every card represent a homework. On every homework the students have to upload ...
user avatar
1 vote
1 answer
247 views

How to display summary of user permissions from a data table into a row [closed]

I have a summary card for a web-based application which expands into an interactive table that consists of different users and permissions from Custom to Read, Write, Deploy, etc. There will be ...
user avatar
  • 11
0 votes
4 answers
386 views

How to utilise empty space in card list design?

My website's main page displays summaries of users' profiles. Each profile summary is encapsulated in a "card". Take a look at an example here (using dummy data). For reference, the card width is ...
user avatar
  • 103
1 vote
2 answers
441 views

Button placement in the footer of card layout?

Should the button be placed on the bottom left corner or bottom right corner in the card layout? I was referring to Google's material design I found out that action buttons are placed on the bottom ...
user avatar
  • 2,391
1 vote
2 answers
102 views

Adjusting information inside a card visually

Context Currently, I'm working on Product Listing page of a web-store. Products shown on the web-store can basically be rented out and we have defined rental prices for different time duration such ...
user avatar
  • 1,819
24 votes
4 answers
5k views

Will users know a CardView is clickable?

I am working on a personal project to sharpen my mobile development and UX skills and ran into a small UX dilemma. Each CardView contains some data and a start button that, when pressed, will take ...
user avatar
10 votes
3 answers
3k views

How to deal with an excess of white-space in a CRM UI?

I'm designing a CRM-style interface for nurses to help them manage their workflow, and I'm running into a UI issue where, in most use cases, there's kind of an awkward excess of white-space in the "...
user avatar
  • 533
0 votes
2 answers
2k views

What is the best native iOS solution for a Radio Button with just two options?

The challenge I'm faced with is that I have a horizontally scrolling series of cards that have two common questions for each item, say, Did you perform activity x? and Did you perform activity y?, and ...
user avatar
  • 572
4 votes
3 answers
3k views

Improving UX for multi-selectable cards

I'm designing a screen where the user should be able to: 1. Select b/w multiple options (displayed in cards) 2. Search for other cards and be able to select those as well. Here's a picture for better ...
user avatar
2 votes
1 answer
232 views

Bulk-populate a grid and, cards UI

I'd like to enable user to bulk-populate the grid, in 2 columns. Each of the 2 columns has one the same answer. So I want the user to paste into the top body row (header is the title), and the UI auto-...
user avatar
  • 173
0 votes
2 answers
328 views

Card Design - Layout

My mobile application has 6 cards. At any given time the user would view only one card. However, the user has an option to swipe left/right and view a different card. I am having a hard time deciding ...
user avatar
  • 148
0 votes
2 answers
2k views

Accept/Reject CTA buttons on cards

I have to design a dashboard to help sellers to manage invoices addressed to them during the month. The invoices will arrive in "To do" tab. For each invoice we have two choices : "Accept" or "Reject" ...
user avatar
  • 13
1 vote
1 answer
419 views

Conceptual Model of Contactless Cards

Contactless card is a card for limited value transactions that one doesn't need to add a PIN on a POS, just tap on it, that's why they are also known as "tap-and-go" cards. (More info) On my research,...
user avatar
-1 votes
2 answers
92 views

Too many cards in one list possible? [closed]

I want to setup an app with some cards. I want also to filter this cards. Do you think there is a limit of cards if I have the possibility to reach all cards fast via a e.g. timeline? So do you think ...
user avatar
1 vote
3 answers
770 views

On a card UI with less than usual text, should I leave the card size as is, or make the card smaller?

I'm making a timeline with multiple card UI elements, and I'm curious as to what I should do with the card size (in particular height) when the subheader text is only a single line long as opposed to ...
user avatar
  • 533
1 vote
4 answers
667 views

Should icons always be the same color as the accompanying text?

I'm designing a timeline in which certain "event cards" are interactive while others are not. I'm running into a problem where the icons on the non-interactive cards look very dark, and therefore ...
user avatar
  • 533
1 vote
3 answers
86 views

Will a user be able to identify the relative "meanings" of separate cards on a timeline if the icons are located opposite from the card's title?

I'm designing a vertical responsive timeline for a health-tech company, and the timeline is supposed to show different "events" throughout a patient's physical rehab program, each being represented by ...
user avatar
  • 533
0 votes
1 answer
353 views

Can a card have lozenges? [closed]

Desktop app. Filters on top. Lozenges in filters. Search results display in cards. Now, can these cards have lozenges? No right? Cause I need to show which one of the filters each particular card ...
user avatar
  • 173
2 votes
1 answer
199 views

Is a CardView-based UI the best approach to section rich content? [closed]

Im working on a "smart-home section" that is beeing redesigned at the momment and i'm not quite sure about the approach of our designers. My question is: Is a CardView based UI the best ...
user avatar
2 votes
4 answers
289 views

Where to place icon on a card with only text and an icon?

I have a list of cards where each card has a text content, an optional title, and one or more optional icon indicators. The exact use-case is not important but as an example, the user has a list of ...
user avatar
  • 159