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
1
vote
1answer
65 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, ...
1
vote
1answer
50 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
56 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
94 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
111 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
41 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
56 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 ...
2
votes
1answer
105 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
29 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
77 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
50 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
195 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
85 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 ...
0
votes
1answer
565 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
62 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
153 views

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

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
268 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
175 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
86 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 ...
23
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 ...
3
votes
3answers
2k 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
198 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
291 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
871 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
285 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
83 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
390 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
374 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
81 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
310 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
188 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
207 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 ...
15
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
709 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
300 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
209 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
89 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
114 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 ...
2
votes
1answer
89 views

If a tab has the same name as a card, should the card heading be removed?

I am using material design concept. I have tabs and within each tab are cards with headings and content. Sometimes there are 4+ cards inside each tab, sometimes there is only 1 card. I understand ...
2
votes
1answer
2k views

White colored card on top of a white background

I'm building an iOS only app that helps users understand their Twitter data. I'm not sure what is the best practice in terms of User Experience and User Exception. I'm using white pressable cards, ...
2
votes
1answer
336 views

Are there best practices regarding card details horizontal or vertical layout?

What are the best practices for having a product card laid out horizontally or vertically? Can a product card be laid out both ways? If so, my concern is breaking user's mental map of how they're ...
0
votes
2answers
143 views

How do you present countries on your name card except from using text?

I'm updating my company's name card, as we are expanding to other countries, we want to reflect those countries on our name card, but the problem I encounter is the map appeared very ugly, and we ...
1
vote
2answers
227 views

Ecommerce Mobile - List of products: should I show them in cards or divided by lines? [closed]

In a list of products one underneath the other, showing them in cards is the better solution? Imagine there are a lot of situations: a list with one specific category of items; a list with products ...
1
vote
2answers
366 views

Why are card layouts with dark background not frequent?

Most of the card layouts on popular sites or social media sites use white (or light) background and dark text. For example, Google plus, instagram, facebook, Pinterest, dribble, etc. Rarely (or less ...
5
votes
2answers
282 views

Best way to denote duration of course on cards for hours and minutes

I am working on in house LMS. It displays a list of courses in a card view. Essentially it shows thumbnail of course Title of course Version of course Duration of course in hours Now as per a new ...