Loading...
Answers
MenuI've been hearing a lot of buzz around card based UIs lately. Has anyone implemented something similar in their product recently. Pros and cons?
This question has no further details.
Answers
One of our clients went with a card-based approach (http://purelyapp.com). The reasons were:
- People understand them. The separation and spacing lead to very little cognitive overhead.
- Perfect for responsive layouts, and translate easily to native mobile devices.
- Forces you to discriminate - you can't cram too much information in a card (at some point it ceases being a card), so it provides a nice constraint and keeps your product simpler.
- Easier to A/B test. Cards are a great example of what Andrew Chen has called an 'open system'. Many layouts are just loops of cards, which means making changes to a card object is trivial vs. changing the layout of a less modular, more structured page.
Hope that helps!
Yes, I've implemented the card based UI in a mobile app. In our particular case, cards work very well as we want the user to be forced to make a decision in the information we're presenting them but that kind of cognitive load is not something that all apps can or should be able to justify.
Implementing cards as a UX does force a lot of constraints if you're going to do it well but without knowing more about what you're designing, it's hard to give a helpful answer.
Happy to talk to you in a brief call and provide you some more contextually-relevant feedback.
What does a card really do?
- It helps clearly group information
- It helps group information with relevant tasks
- It can help to show quantity of information according to need
- It can help show other aspects of information normally not seen upfront
There are several ways to group information as per the need of the users and brand. Graphic designers and user experience designers have been grouping information as a part of their job.
In the recent times, a lot of people needed to group and categorise information. However, without the knowledge of Gestalt's Laws and training in graphic design, it is a guessing game for anyone. At that time, card based UIs came to rescue - they did the job perfectly - and looked good too!
So, if you and your designers have zero training in graphic design, and you have an information heavy website/application, card based UIs can be good.
And, one word of caution, group information that makes sense to users together (even if it comes from different database tables). Do not naturally group information that are columns in the same table in the database!
Related Questions
-
When people sign up to my online marketplace, should I ask for their phone number in the application form so I can get feedback from them?
I have designed a few of these online marketplaces and I can tell you from experience that in this day and age, phone numbers are a deterrent on a signup form. I advise against it and agree more with the cons. However, that does not mean that you cannot get feedback from students. Form the past websites that I have built with student demographics, I have found that they like to interact with each other, so a better way to get feedback is to set up a forum in your online marketplace. Also, just adding a comment thread like blogs have is a very good way to get feedback, even more effective than phone numbers. Also, one reliable method that I found works is an incentive based feedback survey when students can earn pennies on the dollar to take surveys. If you go this route, you could offer 25 cents or $1 or even $5 to the first 20 or 100 students that fill out the survey answering all your questions that you would normally have asked over the phone. I hope my suggestions are helpful to you. I can always assist you in building your online marketplace. I have more suggestions for you as well. BruceBC
-
How does the dating app Hinge market and acquire interest before they enter a new city?
They are getting interest through their traction in other cities. Since they are already in 20 cities and have approximately half a million users if you look at their Android app (https://play.google.com/store/apps/details?id=co.hinge.mobile.android), they can simply wait until one city "tips". This might also just be a strategy to artificially use scarcity since it works sometimes, such as with Mailbox(http://www.nirandfar.com/2013/07/psychology-of-scarcity.html). I think it doesn't really matter if they launch city after city, as they have $8M in funding and can just spend $5,000 on Facebook Ads and get 1,000 user in one city within a day. The effect of scarcity makes sense, if you are new and if you're a hyped startup such as Mailbox used to be. On the other hand, it makes sense if you don't have the resources to launch in many cities such as Uber, because they need the drivers first. I can also schedule a call, where I can tell you more about this as I've done a lot of apps and have a social network myself with Tennis Buddy.MK
-
How can i find a really good UI/UX designer to create my web application ?
Go onto https://dribbble.com and scour the place for quality design work. Once you've found some great pieces, look at what else those designers have done. If their portfolio fits well with your requirements, contact those designers and tell them about your project. Avoid sites like 99designs.com and oDesk in my opinion.DH
-
How should the dynamic between a ux designer and a developer who are working together look like?
It depends a lot of in the skill sets and experience of both people but in most cases the ux designer should be controlling the developer pretty heavily in order to make sure his ideas come through properly. The UX designer may just need to work on his approach so people don't feel bossed around and more like they are working together. In an ideal world, there would be a project manager who makes sure everything is communicated well and keeps the dynamic feeling great.JM
-
We are trying to reach students across US/Int'l universities. Any thoughts on how to best reach them to test a product idea outside of email spamming?
The best thing to do is to do physical, on-the-ground outreach. Part of the success of Tinder as well as many other apps before it were that they threw great parties and events on or near college campuses. The promise of free booze, free food, or really free anything will draw a crowd. Start in your own backyard and then recruit "college ambassadors" and pay them a small flat fee to host the parties and provide them a small incentive structure to hit a certain number of registered attendees. Happy to talk through this with you as I've had some success with college and high school outreach initiatives in the past.TW
the startups.com platform
Copyright © 2025 Startups.com. All rights reserved.