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
2
votes
3answers
140 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 ...
2
votes
1answer
37 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 ...
2
votes
1answer
44 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 ...
2
votes
2answers
61 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 ...
3
votes
4answers
319 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 ...
0
votes
3answers
83 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 ...
1
vote
1answer
71 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 ...
-1
votes
1answer
47 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, ...
2
votes
1answer
963 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 ...
1
vote
1answer
54 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 ...
0
votes
1answer
75 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 ...
0
votes
1answer
31 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, ...
2
votes
1answer
132 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 ...
2
votes
3answers
114 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; ...
0
votes
0answers
45 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 ...
1
vote
1answer
63 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 ...
3
votes
1answer
167 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 ...
1
vote
0answers
32 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....
1
vote
2answers
82 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 ...
1
vote
1answer
53 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 ...
1
vote
1answer
235 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 ...
1
vote
2answers
103 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 ...
1
vote
1answer
2k views

Managing different sized contents in a card

How to manage different size of contents in a card, keeping the card size same?
1
vote
1answer
67 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 ...
1
vote
1answer
200 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 ...
0
votes
4answers
336 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 ...
1
vote
2answers
299 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 ...
1
vote
2answers
93 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 ...
24
votes
4answers
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 ...
10
votes
3answers
2k 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 "...
0
votes
2answers
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 ...
4
votes
3answers
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 ...
2
votes
1answer
218 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-...
0
votes
2answers
306 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 ...
0
votes
2answers
1k 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" ...
1
vote
1answer
362 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,...
-1
votes
2answers
89 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 ...
1
vote
3answers
552 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 ...
1
vote
4answers
520 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 ...
1
vote
3answers
84 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 ...
0
votes
1answer
329 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 ...
2
votes
1answer
191 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 ...
2
votes
4answers
246 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 ...
16
votes
7answers
3k views

Representation of Timer in "Deal Expires in MM SS"

UI cards in my application expire after 3 days of creation. I indicate this in a badge as shown in the image. The different states of the element are:- The live countdown timer starts once it ...
1
vote
2answers
863 views

Make Cards more clickable

I'm creating a flat-ish responsive website, which let's you vote 4 certain topics. I'm displaying songs (but it could be whatever) in a flexbox grid system with 4 different colours. Each song is ...
2
votes
2answers
314 views

Best pattern for an image link on a card

I am using cards with images in a project. Ideally, I would like to have the images to be clickable and link to additional information on the topic presented on the card. On desktop, this works ...
2
votes
2answers
276 views

Ways of organizing a lot of cards

For an intranet application we've developed a way for users to create dashboards. Each dashboard is named and then displayed as a card. In the beginning this was very easy to work with. Now we have ...
0
votes
1answer
90 views

What would I call this element? [closed]

I am trying to create a card that has a position absolute show more div option. I need it to not move any other elements and be responsive. I don't know how to do a search for it because I don't know ...
5
votes
3answers
1k views

Cards with margins VS Edge to Edge container

Is there any logic behind when to use cards with margins in design VS edge to edge containers. I've gone through material design guidelines as well as iOS guidelines, which does not give any clear ...
0
votes
2answers
116 views

Improving the UX of my "Hire Me" card [closed]

I've created a "Hire Me" card to display on my website and am looking for some feedback. Live Demo What I want to know: Is this a place where I can use a 'ghost button'? Is the font readable ...