Questions tagged [cards]
A bounded, self-contained element within the UI that signifies a tightly related set of information and actions.
106
questions
1
vote
1
answer
35
views
Conveying that a card linked to a gallery has multiple photos instead of one
I'm creating a card view in which each card is linked to a separate view which contains either one photo or multiple photos. The resulting view is not necessarily a gallery, but more of an asset type ...
- 23
0
votes
1
answer
83
views
Visually distinguish cards in a list
I made an LMS webapp which, in the main page, shows a list of courses.
The page looks like this:
The goal of the app, from a graphical interface standpoint, is to keep an elegant material design look....
- 63
0
votes
1
answer
88
views
The Card Height Problem
You have a horizontal row of three cards on a page. There's an image, a header, descriptive text and a button.
How do you ensure all of the cards stay the same height if the content in each card isn't ...
- 1
0
votes
1
answer
91
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 ...
- 63
1
vote
3
answers
185
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 ...
- 146
2
votes
2
answers
280
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 ...
- 63
0
votes
1
answer
137
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 ...
- 53
1
vote
1
answer
253
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 ...
- 11
2
votes
1
answer
144
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 ...
- 335
0
votes
2
answers
317
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 ...
2
votes
3
answers
217
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 ...
- 123
2
votes
1
answer
181
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 ...
- 985
1
vote
1
answer
66
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 ...
- 25
2
votes
2
answers
451
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
4
answers
2k
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 ...
- 33
0
votes
3
answers
160
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 ...
- 33
1
vote
1
answer
77
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
1
answer
52
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
1
answer
3k
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 ...
- 196
1
vote
1
answer
70
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 ...
- 11
1
vote
1
answer
131
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 ...
- 41
0
votes
1
answer
48
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, ...
- 469
2
votes
1
answer
250
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 ...
- 95
2
votes
3
answers
128
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; ...
- 123
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 ...
- 101
1
vote
1
answer
74
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 ...
- 11
3
votes
1
answer
349
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 ...
- 41
1
vote
0
answers
37
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....
- 570
1
vote
2
answers
97
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 ...
- 56
1
vote
1
answer
62
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
1
answer
295
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 ...
- 11
1
vote
2
answers
156
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 ...
- 13
1
vote
1
answer
5k
views
Managing different sized contents in a card
How to manage different size of contents in a card, keeping the card size same?
- 111
1
vote
1
answer
72
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 ...
- 111
1
vote
1
answer
323
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 ...
- 11
0
votes
4
answers
471
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 ...
- 103
2
votes
2
answers
612
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 ...
- 2,461
1
vote
2
answers
109
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 ...
- 1,809
24
votes
4
answers
6k
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 ...
- 351
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 "...
- 533
0
votes
2
answers
3k
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 ...
- 592
4
votes
3
answers
4k
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 ...
- 483
2
votes
1
answer
272
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-...
- 183
0
votes
2
answers
349
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 ...
- 138
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" ...
- 13
1
vote
1
answer
456
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,...
- 121
-1
votes
2
answers
98
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
3
answers
1k
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 ...
- 533
1
vote
4
answers
925
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 ...
- 533
1
vote
3
answers
87
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 ...
- 533