Why People Love Card-Based UI

[email protected] @LiveTilesUI www.livetiles.nyc

Why People Love Card-Based UIPRESENTER CHIEF PRODUCT OFFICER

[email protected] @LiveTilesUI www.livetiles.nyc 1


Covering Today • Content on the web is now more divided,

smaller, rectangular boxes containing easily

digestible information.

• Striking resemblance to playing cards.

• New design trend called “card-based design”


DIGITAL WORKPLACES IN THE MODERN ERA

Appeal to UI designers is the versatility between desktop and mobile platforms. Format is simple, intuitive, and easy to understand. Make for great quick interaction.

Photo Credit: www.webdesignledger.com/card-based-design

[email protected] @LiveTilesUI www.livetiles.nyc [email protected] @LiveTilesUI www.livetiles.nyc

How it began…

UI card design arguably originated in 2006 with Microsofts Metro design language. The collection, seen with the Windows startup screen, used the card format as a sort of catalog. It featured a grid of colored squares each representing a function on the computer. The simple click of a card would take you to its corresponding place with ease and efficiency. Since then, these card-inspired interfaces have shifted from large, generalized options to a sharper, more myopic focus on larger cards at a time.

4

Photo Credit: www.pinterest.com

[email protected] @LiveTilesUI www.livetiles.nyc [email protected] @LiveTilesUI www.livetiles.nyc

One of the most notable examples of this shift in card-based design is Tinder. The popular dating app has gained a large following (and inspired lots of competitors) because of the way it successfully implements card-based shapes into user interaction. The UX is intended to feel like sorting through cards in a deck, making it a quicker, more entertaining experience than dating apps of the past. Inspired by the success of this method, popular dating sites OkCupid and Match.com have followed suit and implemented similar card-based designs for their mobile apps. Even broader social media titans Facebook and Twitter now feature post-it type cards for information as well.

5

How is it being used?

Photo Credit: www.itsmakeable.com

https://www.gotinder.com/

http://okcupid.com/

https://match.com/

[email protected] @LiveTilesUI www.livetiles.nyc [email protected] @LiveTilesUI www.livetiles.nyc 6

Programs like LiveTiles are ideal for card-based designs. The many rectangular tiles function in much the same way as the interfaces of Tinder or Pinterest. But now, setting them up on your page requires no coding knowledge—simply drag and drop to create a layout that's simple, compact and beautiful. And just like flipping through a deck of cards, LiveTiles makes it seamless to switch between pages as well, helping keep content straightforward and separate.

Jerry Cao of tech trend site TheNextWeb.com claims that “cards are far from a trend, they’re a practical method for design whose usefulness is just now being understood.” Based on the way new popular sites continue to employ this style, this may just be true.

What about LiveTiles?

LiveTiles Design

http://thenextweb.com/dd/2015/06/16/how-cards-are-taking-over-web-design/#gref


Live Tiles is a digital workplace platform that brings all your organizational content into an engaging common user experience, and them empowers the every day user to evolve the experience as the business changes

MAJOR BENEFITS • Rapid delivery of business solutions • Users can evolve the experiences as required • Design experiences is drag-and-drop • Content can be pulled from essentially anywhere • Mobile, responsive and engaging • Updates released every 2 weeks • Custom tiles can be built

CUSTOMERS ARE SAYING

“You’d probably rather not spent your time on the phone. But when you have to, it’s nice to put a face to a name and voice. Skype, the original video-conferencing software, is still the perfect utility for small and growing businesses. With long roots in the industry, and millions of users, Skype remains free to call for other users and you’re able to buy credits to cheaply call landlines and mobiles (even internationally !)”.

613

What Is Live Tiles?

OTHER EXAMPLES


Live Tiles is a digital workplace platform that brings all your organizational content into an engaging common user experience, and them empowers the every day user to evolve the experience as the business changes Try Live Tile here www.livetiles.nyc/14dayfreetrial

CONTACT

Chief Product Officer [email protected]

@LiveTlesUI

www.livetiles.nyc

714

In SummaryIN SUMMARY


LiveTiles is a global technology company headquartered in Times Square, New York, and Melbourne, Australia. We offer modern, user experience-focused technology solutions to the enterprise, education and SMB markets and are an award-winning Microsoft Partner. Our solutions include LiveTiles Design for SharePoint and Office 365, LiveTiles Build, LiveTiles Push Notifications App and LiveTiles Mosaic for Office 365 Education.

815

ABOUT US

Our customers represent a diverse range of global sectors and are

spread throughout the United States, United Kingdom, Asia Pacific and

Latin America. Since being launched as a standalone products

company in 2014, LiveTiles solutions have been deployed for some of

the world’s most iconic brands across the Retail, Manufacturing,

Finance and Education industries. We are also very proud to have

many leading Microsoft service providers as members of our LiveTiles

Partner Program globally.

Contact us at [email protected] or for general sales

enquiries [email protected]


HEADQUARTERS NEW YORK CITY UNITED STATES 11 Times Square, Level 15 New York, 10036 +1 646 329 6640 SYDNEY AUSTRALIA Level 5, 137-139 Bathurst Street, Sydney NSW 2000

MELBOURNEAUSTRALIA Level 6, 60 City Road,Southbank, VIC Australia 3006

916

CONTACT US

[email protected]

Stock ticker: LVT


THANK YOU

Organize scattered business applications and design beautiful dashboards and sites on Microsoft SharePoint,Office 365 and Azure. Give teams the freedom to spend

time collaborating, not coding.

Technology

Why People Love Card-Based UI