How Card Based Interfaces Help Improve User Experience


Cards can con­tain a va­ri­ety of in­for­ma­tion such as a photo, link about a sub­ject or text and they serve as the point of en­try for more in depth in­for­ma­tion. They are an in­cred­i­bly use­ful and con­ve­nient way of con­vey­ing con­tent made up of a num­ber of dif­fer­ent el­e­ments. Their main ap­peal is the way in­for­ma­tion can be or­gan­ised, the sim­plic­ity they bring to users and the re­spon­sive­ness they cre­ate. Cards are a great tool for com­mu­ni­cat­ing quick sto­ries. They have the abil­ity to di­vide con­tent into stream­lined sec­tions that can be ex­panded to ac­cess ad­di­tional in­for­ma­tion. This method of or­gan­i­sa­tion re­quires less screen space and en­hances how users ac­cess mean­ing­ful in­for­ma­tion.

From a UX de­sign per­spec­tive, card-based de­sign usu­ally re­lies heav­ily on vi­su­als, which has proven to be a strength since im­ages cap­ture user’s eyes in an ef­fi­cient and ef­fec­tive man­ner. UX de­sign­ers use cards to im­prove the user ex­pe­ri­ence as­pects of an ap­pli­ca­tion by adding in­ter­est­ing UI (user in­ter­face) el­e­ments that are in­tu­itive to use. The other big pos­i­tive from a de­sign­er’s per­spec­tive is that cards are highly ma­nip­u­la­ble. It is not just de­sign­ers who ap­pre­ci­ate the ben­e­fits that cards bring to users. Growth hack­ers and mar­keters alike are al­ways look­ing at ways to make con­tent go vi­ral and what dif­fer­en­ti­ates cards is their share-abil­ity.

At WorkingMouse, every team mem­ber ben­e­fits from the in­tro­duc­tion of cards in the form of Trello boards. The way a Trello board pre­sents to users is a blank can­vas that users can fill with cards, each rep­re­sent­ing a dif­fer­ent task or re­minder. The flex­i­ble for­mat cre­ated by Trello means there is a seam­less and con­sis­tent ex­pe­ri­ence across the com­pany, which at the end of the day is the ul­ti­mate goal of a UX de­signer.

We love keep­ing on top of hot trends es­pe­cially when they are as easy to use as the card-based in­ter­ac­tion model. This more per­son­alised way of ex­pe­ri­enc­ing mo­bile and desk­top ap­pli­ca­tions has ac­tu­ally been around for a long time (by Internet stan­dards). However, ac­cord­ing to Forbes’ “Top Web Design Trends To Watch In 2017”, card de­sign and grid lay­outs are among those listed along­side VR and AI pow­ered chat­bots.

The way tech­nol­ogy has ad­vanced, even in re­cent years, has re­sulted in in­for­ma­tion be­ing read on screens of all shapes and sizes. Cards have evolved to make us­ing ap­pli­ca­tions an even smoother and more en­joy­able ex­pe­ri­ence for users. This is a trend that will def­i­nitely be stick­ing around. Check out an­tic­i­pa­tory de­sign if you are in­ter­ested in learn­ing more about cur­rent trends in UX.

Discover Software


Isaac Joekong

Get cu­rated con­tent on soft­ware de­vel­op­ment, straight to your in­box.

Your vi­sion,

our ex­per­tise

Book a con­sul­ta­tion