Multiscreen Patterns
Patterns to help understand and define strategies for the multiscreen world.
This post has originally been published as a guest post on the MobileBehaviour blog.
During the last years, our design studio has been involved in many different projects – from designing mainly websites and desktop software in our early days, to smartphone apps, prototypes for TV interfaces and more recently, applications for tablet devices.
Working for all those devices was interesting and challenging. Not just because of the diverse screen sizes and input methods, but because we learned in our user research how different the contexts are in which these gadgets are used.
Even more interesting, however, is the question how those devices relate to each other. What does it mean for the digital products and services we are designing, when PCs, smartphones, TVs and other electronic devices are connected? What implications does it have on the interfaces, if people are interacting in an ecosystem of screens?
We looked at many projects and studies that involved experiences across multiple screens – from biblical stories laid out on multiple cathedral windows and the first computer-based multiscreen installations, to current examples, which are popping up everywhere. We also closely observed ourselves and others using and shifting between different devices.
To make these scenarios more tangible for ourselves and to communicate them better to our clients, we started documenting patterns we noticed. These patterns and associated examples were the core of many workshops we did in various constellations: with brand managers, advertising professionals and design students.
Today we like to share this part of our research work: patterns for multiscreen strategies. It’s been a handy reference when discussing solutions for digital products and services. We hope you’ll find them useful too.
We would love to get your feedback – please tell us what you think. If you know more examples or spotted additional patterns, we’re very happy to hear from you.
Oh, there are 12 comments so far
-
Weeknote 287 | precious, strategic design & visual language on 28. May 2011
[...] we had a few hours to do things that been on our mind for quite some time. Like publishing our “Patterns for Multiscreen Strategies”. We wanted to do this for months. It wasn’t actually that much work to finish the slides and [...]
-
Multiscreen Patterns | Inventing Interactive on 1. June 2011
[...] for multiple screens brings a wide range of design issues. Take a look at this collection of Multiscreen Patterns from the German design Studio Precious. The slideshare presents six different screen ecosystems. [...]
-
Multiscreen patterns [Stolle] on 1. June 2011
[...] transmedia, trends, usability, user experience, user interface design, by Daniel Christian Multiscreen Patterns — from Precious-Forever.com by Christophe Stolle Patterns to help understand and define [...]
-
Post PC and the disappearance of the GUI | precious, strategic design & visual language on 7. June 2011
[...] This is something we’ve been preaching to our clients for the last years – and our multiscreen patterns reflect this notion – but thanks to last night’s keynote, we have another weighty argument [...]
-
My most important Twitter Messages #10 | der hess on 9. June 2011
[...] RT Must Read: @preciousforever: precious presents: Patterns for Multiscreen Strategies [...]
-
Confluence: Product Management @ XING on 5. August 2011
Interesting Product Topics…
MultiScreen Design…
-
Обзор свежих материалов, июнь 2011 « Юрий Ветров. Проектирование интерфейсов и управление проектами on 8. August 2011
[...] Multiscreen Patterns (A presentation by Studio Precious) Презентация немецкий компании Studio Precious, в которой они описывают различные подходы к адаптации интерфейса к экраном различного формата и разрешения. Авторы предлагают 6 основных паттернов — согласованность, синхронизация, расшаривание экрана, переход между устройствами, взаимодополняемость, одновременность. View more presentations from precious [...]
-
Weeknote 304 | precious, strategic design & visual language on 25. September 2011
[...] to read the thinking that’s behind it and check out the resources they’re offering (our Multiscreen Patterns are part of this list and we feel downright flattered and honored about that – thank [...]
-
Smoke Signals « Tribal DDB on 29. September 2011
[...] For those looking to get started, there are already emerging patterns. Precious Design recently published a report on multiscreen strategies, where they present thought-starters for understanding and designing within an ecosystem of [...]
-
Hybrid interactions | precious, strategic design & visual language on 1. October 2011
[...] sometimes had a hidden track during our talks around Multiscreen Patterns. All six Multiscreen Patterns are about relationships between digital devices, but we always loved [...]
-
Rudolf von Geramb on 4. October 2011
A master thesis Multiscreen you can find under:
www.multiscreen-experience.com/ (In german only) -
Comparing Products Part 4 – Important Problems | The Agile Radar on 7. December 2011
[...] [image from Precious article] [...]
Write a comment
precious design studio
precious is a design consultancy for strategic design & visual languages. Our output ranges from user interfaces to record sleeves, from websites to visual identities – for small businesses, multinational brands, public administrations and rockbands.
→ More info & selected work
→ Get in touchMore from us
2nd rec: Our record label, established in 2001. As of today we have released over 30 records, from electronica to hiphop to indierock and in-between.
Future Audio Workshop: When some Irish and French fellows came to our offices and asked if we wanted to start a new audio software company with them, how could we say no? Until today, we released Circle, a software synthesizer for Mac and Windows and Touch Mix for iPhone and iPod Touch.
Mailinglist
Not very often, but once in a while we'll send out an email to inform about new projects, special offers, contests etc. Just enter your email address to subscribe.
You can easily unsubscribe at any time by just clicking a link in the email you get from us. We won't give away your address, promised.
Social knick-knack
→ Facebook page
→ @preciousforever