The document discusses multiscreen experiences and user experience (UX) design topics. It provides an overview of the speaker's areas of expertise, which include UX design, user interface architecture, research, and content design. It also shares examples of multiscreen strategies like device shifting and smart content. Personas and jobs-to-be-done are discussed as frameworks for understanding user needs. Lastly, contact information is provided for following up.
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Multiscreen and Beyond – Topics and Focus Areas (Wolfram Nagel)
1. Multiscreen and beyond
My Topics and focus areas
UX Thinking Kaminabend,artop
15.September 2018
Wolfram Nagel / UX Designer
All rights reserved.
2. Wolfram Nagel
Senior UX Designer (TeamViewer)
UI Architecture
UX Design and Resarch
Author „Multiscreen UX Design“
CMS and Content Design
Design Methods Finder
Jobs to be Done
Twitter:@wolframnagel#Multiscreen #UX@msxbook
@dmfndr
3. Remote Access
Remote Support
Remote Maintenance
Home Office
Online Meetings
Online Meetings
Online Collaboration
Screen Sharing
Video calls (with up to 300 people)
Free for up to 5 participants
www.blizz.com
16. With Apple AirPlay (and Apple TV) you can change devices in the middle of a film and continue obtaining information on another screen.
The film is shifted from one (e.g., the iPhone) to another device (e.g., the TV). → http://www.youtube.com/watch?v=sPuAiA4O344
17. With the TeamViewer QuickSupport smartphone app you can remotely control, monitor, and maintain other computers or mobile devices.
18. Flight booking on the laptop, flight information and boarding pass via smartphone, notifications and status updates on the smartwatch.
19. AllRecipes: Search for recipes and add ingredients to the shopping list. Cook- and user-friendly iPad app with big fonts and buttons.
21. With the slot car racing game »Racer« you can use several screens
to expand the race track. (http://g.co/racer).
22. »Llévalos a la escuela« (ING DIRECT / UNICEF). Hold smartphone over the orange area. One by one the children come off the website
and jump into the phone in order to go to school. → http://www.llevalosalaescuela.com/en
23. Applications (e.g., smartphone apps) should generally offer the same functionality across various platforms. That was previously not the
case with the Facebook apps for the iPhone and Android due to the different smartphones and operating systems (Workman, 2011).
24. Zeebox (since 2014 beamly): Interactive social networking and social TV service for mobile devices
26. Microjoyment (Micro UX) example. With the mytaxi app you can find and order a nearbby taxi. Reduced interface for the watch screen.
At the end of the taxi ride the passenger can easily rate the taxi driver and pay by one tap on his watch (cf. mytaxi, 2015).
27. Hybrid media example PhoneBook: Combination of a digitale und analogue medium. For every page, there is a suitable
little background film. (http://www.creativeapplications.net/iphone/phonebook-ride-ride-iphone).
28. Information is
translatet into speech.
Apple CarPlay and Siri
Courtesy of Zac Hall (9to5mac) and Ted Kritsonis (mobilesyrup)
https://9to5mac.com/2015/09/22/ios-9-carplay-walkthrough / http://mobilesyrup.com/2015/10/19/apple-carplay-review/
29. HOME PRODUKTE SERVICE KONTAKT Suchbegriff
SEITE DURCHSUCHEN
Suchen
More about coherent interfaces and smart content via www.msxbook.com/CDUIM and www.msxbook.com/CDUIMtxt
30. Selection of target channels, devices and touchpoints
Example „New York Times“ article
31.
32.
33.
34. Content Design and UI Mapping in a nutshell:https://medium.com/@wolframnagel/content-design-and-ui-mapping-in-a-nutshell-7dce5634afff
35. 1 2 4 53
brickLEGO bumper bar truck fire truckdriving cab
CONTENT
USER
INTERFACE
ELEMENT COMPONENT TYPE INSTANCE /
OBJECT
SEGMENT
generic / strukture
(MADE from)
concret / specific
(IS)
atomAtomic Design molecule template pageorganism
real content
information object
incl. tone of voice
real page
instance of the template
incl. visual design
content wireframe
article, recipe,
application for leave,
product specification
(semantic structure)
UI template (+IxD)
touchpoint-dependent
and preview-relevant
module group
text section,
paragraph, chapter,
rubric
layout area
(e.g. header with
search form, logo,
navigation)
brick group
(combination of smallest possible elements)
content module
image + caption
quote + author
teaser with headline,
image and description
search form
(consisting of label,
input field and button)
smallest possible
unit / brick
title, subtitle,
description,
reference, date,
image, caption,
metainfo, author
label, input field,
button
Building block principle
brick type
target system
brick group
36. Article:Content Design and UI Mapping in a nutshell
https://medium.com/@wolframnagel/content-design-and-ui-mapping-in-a-nutshell-7dce5634afff
38. Content flow
UI MAPPING
Structured content is mapped
for presentation in various target
channels.
content structure mapping
Content from any source is mapped to
defined content structure.
1 2 3
Input manage Output
various sources various channelsContent Hub
The future of content management (2014) / https://medium.com/@wolframnagel/next-generation-information-experience-trends-und-herausforderungen-von-morgen-9929b17d8b5e
43. Taken from: Martin Pattera, Managing Partner at STRATEGYN
Source: https://de.slideshare.net/coliquio/coliquio-summit-the-path-to-market-leadership-turn-customer-input-into-innovation
44. Via Quantify Your Customer’s Unmet Needs
https://jobs-to-be-done.com/quantify-your-customers-unmet-needs-fda5b20fce54
45. Bringing Together Personas, Jobs To Be Done, and Customer Journey Maps
https://www.cooper.com/journal/2017/1/bringing-together-personas-jobs-to-be-done-and-customer-journey-maps
46. Content structure of a persona template with a Jobs-to-be-Done focus. Specific context and usage related traits are needed to understand
the user‘s specific needs and to be sure to ask the right users. Test users and interviewees are selected based on this information.
47. via »Replacing The User Story With The Job Story«
https://jtbd.info/replacing-the-user-story-with-the-job-story-af7cdee10c27
48. Focus areas
Three main aspects are relevant: User, Journey and Job Story
(inspired by Cooper »Bringing Together Personas, Jobs To Be Done, and Customer Journey Maps«)
49. User Focussed Decision Process (draft)
via https://medium.com/@wolframnagel/reworking-the-meeting-user-interface-of-blizz-6441292e1408