The document discusses card-based user interfaces and how they have become increasingly popular. It describes how card-based designs originated with Microsoft's Metro design and have been adopted by many websites and apps. Examples mentioned include Tinder, Pinterest, Facebook, and Twitter. The document then discusses LiveTiles, a platform that allows users to easily create card-based designs without coding by dragging and dropping tiles. LiveTiles brings all organizational content into a common experience that empowers users to evolve it.
2. info@livetiles.nyc @LiveTilesUI www.livetiles.nyc
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”
info@livetiles.nyc @LiveTilesUI www.livetiles.nyc
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
3. info@livetiles.nyc @LiveTilesUI www.livetiles.nyc 3info@livetiles.nyc @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
4. info@livetiles.nyc @LiveTilesUI www.livetiles.nyc 4info@livetiles.nyc @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
5. info@livetiles.nyc @LiveTilesUI www.livetiles.nyc 5info@livetiles.nyc @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
6. info@livetiles.nyc @LiveTilesUI www.livetiles.nyc
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
7. info@livetiles.nyc @LiveTilesUI www.livetiles.nyc
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 info@livetiles.nyc
@LiveTlesUI
www.livetiles.nyc
714
In Summary
IN SUMMARY
8. info@livetiles.nyc @LiveTilesUI www.livetiles.nyc
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 info@livetiles.nyc or for general sales
enquiries sales@livetiles.nyc
9. info@livetiles.nyc @LiveTilesUI www.livetiles.nyc
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
MELBOURNE
AUSTRALIA
Level 6,
60 City Road,
Southbank, VIC Australia 3006
916
CONTACT US
info@livetiles.nyc
Stock ticker: LVT
10. info@livetiles.nyc @LiveTilesUI www.livetiles.nyc
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.