1 / 17

Card Based Designs to Amplify UI Development

Cards Changing the Expectations from UI/UX Development. <br>Cards are the little rectangles full of images and text all over the screens with varying sizes. Cards become a practical design option today to balance user interface aesthetics with good usability displaying content composed of different elements. Read More at: http://blog.spec-india.com/card-based-designs-to-enhance-user-interface-development/<br>

AnkitJKumar
Download Presentation

Card Based Designs to Amplify UI Development

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Card Based Designs

  2. A Pack of Cards ? • Little Rectangles Full Of Images And Text • With Varying Sizes • Balance User Interface Aesthetics With Good Usability • Cards Completely Change The User Experience • Add An Interesting UI Element

  3. Excellent Metaphors • We Have Seen Them Before • The Business Cards Or The Visiting Cards • They Look Like Real-World Tangible Cards • Cards Are An Interaction Model • Intuitive & Represent Content Like Real Life • Great Concept To Communicate Quick Stories

  4. Make Content Organization Simple • Divide Content Into Meaningful Sections • Group Sentences To Form One Piece Of Content • Distinct Sections • Gather Various Pieces Of Information • Delivers This Amazingly Fresh User Experience

  5. Visually Pleasing User Interfaces • Represent Information Heavy On Visuals • Visuals Is The Strength Of Cards • The Elaborate Graphics Elevate Site Or App Design

  6. Digestible and Concise • Cards Are Design Containers • Placing Content Wisely Makes them Digestible And More Comprehendible • Easy And Pleasing For The User

  7. Responsive and Mobile Design • Card-style Design Works Well Both For • Desktops And Mobile Devices • Offers Content In More Flexible Chunks • Good Choice For Responsive Design • Easily Scalable • Easier To Create • A Single Aesthetic Across Multiple Devices • Create Consistent Experience

  8. Design with the Thumb in Mind • Cards Are Made For A Thumb • Easy & Comfortable For Users Preferring Thumb Gestures • Simple & Intuitive

  9. Using Cards

  10. Stream • Cards Are In A Continuous Stream & are best for Creating A Natural Timeline Of Events • They Break Infinite Stream Into Small Packets Making Them Sharable

  11. Discovery • Cards allow control to the users • Content of interest naturally reveals itself • Promotes the content view as preferred

  12. Dialogs • Cards Are Content Containers Appropriate To Represent Actions • They Replace Dialog Boxes Tactfully

  13. Workflow • Cards Are Easily Grouped Into Tasks & Derive logical Workflows

  14. Where Not to Use Cards

  15. Specific Content • Homogeneous Content With Less Actions • Image Galleries Do Not Require Cards

  16. Large Screen Size • Mobile Design For Apps Are Not For Larger Screens • Cards Lack Comprehension And Aesthetics On A Large Screen

  17. Visit http://www.spec-india.com/ & Request a FREE POC to Test Drive our Services

More Related