View
835
Download
0
Category
Preview:
Citation preview
CARD BASED DESIGNS
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
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
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
VISUALLY PLEASING USER INTERFACES
• Represent Information Heavy On Visuals• Visuals Is The Strength Of Cards • The Elaborate Graphics Elevate Site Or App Design
DIGESTIBLE AND CONCISE
• Cards Are Design Containers • Placing Content Wisely Makes them Digestible And More Comprehendible• Easy And Pleasing For The User
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
DESIGN WITH THE THUMB IN MIND
• Cards Are Made For A Thumb • Easy & Comfortable For Users Preferring Thumb Gestures• Simple & Intuitive
USING CARDS
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
DISCOVERY
• Cards allow control to the users• Content of interest naturally reveals itself• Promotes the content view as preferred
DIALOGS
• Cards Are Content Containers Appropriate To Represent Actions• They Replace Dialog Boxes Tactfully
WORKFLOW
• Cards Are Easily Grouped Into Tasks & Derive logical Workflows
WHERE NOT TO USE CARDS
SPECIFIC CONTENT
• Homogeneous Content With Less Actions • Image Galleries Do Not Require Cards
LARGE SCREEN SIZE
• Mobile Design For Apps Are Not For Larger Screens• Cards Lack Comprehension And Aesthetics On A Large Screen
Visit http://www.spec-india.com/
&
Request a FREE POC to
Test Drive our Services
Recommended