Find the right design methods for your design challenge!

As designers (for UX, UI, Business, Service, whatever) we have to solve a problem. That’s our job. But how do we tackle this challenge? We apply design methods. Throughout the project. Often we always use the same ones that have proven themselves.

But there are a lot more. Similar to the ones we know, maybe even more exciting, purposeful or efficient. Some that provide comparable results but in a different way and with a different process. Finding such methods is often an additional challenge.


Have you already heard of Blizz, the new Online Meeting and Collaboration Companion by TeamViewer.

I have been working for this project for about 16 months now. My main focus has been the new Meeting User Interface which has been available for about two months. It works on any desktop and mobile device and every major platform! There’s also a Web Client (no download, no installation, no plug-in needed).

Of course, there are already other tools available and in general all these tools are quite similar. The difference is in the details, and cannot be found via pure feature comparison. During my time so far we have tried to identify and address real user needs, and their jobs (to be done) instead of just focusing on features or copying other tools. We have developed a framework which I call a “user focused decision process” (see image below / more details on that in a separate article) and modified some existing design methods so that they fit into our company setting, the stakeholders involved and our decision culture. …


… or at least I try to solve them in a strategic and methodical way. 😊

I am a Senior User Experience Designer, UI Architect and Concept Developer at TeamViewer. 💻↔💻 I am responsible for conception and design in close collaboration with product owners, product managers, front-end and back-end developers.

My goal is to solve users’ problems, consider and address strategic and economic goals, and to help developers to implement potential solutions in a pragmatic and feasible way.

Image for post
Image for post
My focus is on Multiscreen UX Design and Content Design

📘 I wrote an English book on Multiscreen UX Design. …


How to deal with content to output it independently on any UI

We live in a multiscreen world. Nowadays content has to be outputted on various interfaces. When you have to deal with both content and user interfaces (and UI components) it’s easier when you do this in a structured manner. When you have to (gather, manage and) publish content and display it independently on any target channel a “Content and UI Mapping” approach can help.

Content and user interfaces can be planned and assembled modularly and structured in a similar manner — comparable to bricks in a building block system. Content basically runs through three steps until it reaches its recipient: Gathering, management and output. …


Gather, manage, publish and “display” content independently on any UI

When you want to gather, manage and publish content and display it independently on any target channel you need a system that supports “Content and UI Mapping”.

Content and user interfaces can be planned and assembled structured and modularly in a similar manner — comparable to bricks in a building block system. Content basically runs through three steps until it reaches its recipient: Gathering, management and output. A mapping has to occure at the intersections of these three steps.

Here’s my approach and the status quo of my thoughts on this challenge. I’m always open for feedback. :-)

Image for post
Image for post
Correlation and systematic mapping of Content and UI

Accompanying and summarizing slides on the…


Methoden und Regelwerke für die Konzeption, Gestaltung und Umsetzung von Layout, Inhalt und Workflows im Baukasten-Prinzip

Digitale Inhalte können heute überall erscheinen. Wir nutzen täglich digitale Services auf verschiedensten Geräten und Medien. Informationen fließen in alle Kanäle. Multiscreen ist inzwischen digitale Realität geworden. Um ein einheitliches Nutzungserlebnis zu erschaffen, benötigt es einen durchgängigen Informationsfluss. Voraussetzung dafür sind ein zentraler Knotenpunkt für Inhalte, ein System zur Definition von UI Elementen und Regeln wann welche Inhalte in welcher Kombination wo und wie angezeigt werden. Damit dies technisch gelöst werden kann, ist es erforderlich Inhalte, User Interfaces und Workflows nach einem jeweils ähnlichen Muster modular und strukturiert zu planen und aufzubauen — vergleichbar mit den Bausteinen in einem Baukastensystem.

Image for post
Image for post
Content Modeling und Atomic Design sind vergleichbar mit dem LEGO-System. Inhalte und User Interfaces lassen sich flexibel aus einzelnen Bausteinen zu unterschiedlichen Objekten zusammensetzen.

Anmerkung: Dieser Text ist ursprünglich 2015 entstanden und bildet die Basis für den Folgetext und einen Vortrag zum Thema “Content und UI Mapping”. …


Wie funktioniert ein System zur Erfassung, Verwaltung, regelbasierten Ausgabe und Darstellung von Informationen in unterschiedlichsten Zielkanälen?

Image for post
Image for post
Korrelation und regelbasiertes Mapping von Content und UI

Inhalte und User Interfaces lassen sich nach einem jeweils ähnlichen Muster modular und strukturiert planen und zusammenbauen — vergleichbar mit den Bausteinen in einem Baukastensystem. Inhalt durchläuft von der Entstehung bis zur Rezeption in verschiedensten Kanälen grundsätzlich drei Stufen: Erfassung, Verwaltung und Ausgabe. An den Übergängen muss jeweils ein Mapping stattfinden. Inhalte müssen zur definierten Inhaltsstruktur passen (Inhalt Struktur Mapping). Die einzelnen Bausteine der strukturierten Inhalte müssen auf die Ausgabe-Bausteine zur Darstellung in verschiedenen Zielkanälen gemappt werden (UI Mapping). Das Baukasten-Prinzip und die methodische Herangehensweise lassen sich mit Hilfe von intelligenter Software unterstützen.

Wer möchte kann vor dem Lesen oder parallel dazu die Slides…


We live in a Multiscreen-World. Everything needs to work across devices. This requires a holistic strategy.

Increasing device fragmentation leads to a change in how devices are being used. This is one of the greatest challenges we’re facing today when developing concepts and strategies for digital services.

📘 Find more about this topic on the book’s web page.

Image for post
Image for post
Source: “Multiscreen UX Design — Developing For A Multitude Of Devices”

A holistic approach will increase your chances to cater for your customers in a way they naturally expect. …


Image for post
Image for post

Wie gehen wir als Ersteller, Verwalter und Nutzer zukünftig mit Inhalten, Informationen und Wissen um?

Dieser Artikel ist ursprünglich und im Original erschienen im Tagungsband der Usability Professionals UP14, ergänzend zu meinem Vortrag auf der Konferenz im September 2014.

Abstract

Digitale Informationen und Services müssen zukünftig aus unterschiedlichsten Quellen zum Abruf auf verschiedenen Geräten, in unterschiedlichsten Medien, für mehrere Screens und Ausgabekanäle zur Verfügung stehen. Der Beitrag beschäftigt sich mit zukünftigen „Content-Szenarien“, den potentiellen Anforderungen von Nutzern und den Herausforderungen für Content-Ersteller und -anbieter, Website-Betreiber, Publisher, Journalisten und Medienunternehmen. …


Image for post
Image for post

Here’s the 6th topic you should consider when developing strategies for digital services across multiple screens

More and more people are using more and more screens. Users expect to access information on all relevant screens. Thus digital services require a holistic strategy.

Together with Pascal Raabe, from the UI/UX studio ustwo™ I’m going to introduce six practical tips (in an article series) that can help you improve your own digital products and services by employing an effective multiscreen strategy.

  1. Think multiscreen
  2. Know your screens
  3. Put the user at the centre
  4. Context is King
  5. Multiscreen-ready layout and content
  6. Challenges are chances

This is the last article of my series.

6) Challenges are chances

Internet, synchronisation, and cloud computing are fundamental pillars of a functioning multiscreen strategy. Think about fallback solutions for poor connection speed, for example in areas with no reception. Watch out for project specific challenges and chances of cross-device and cross-platform concepts in regards to information, interaction, communication and collaboration. …

About

Wolfram Nagel

Senior UX Designer (@TeamViewer), UI Architect, Multiscreen Evangelist, JTBD Thinker, Author of @msxbook, Initiator of @dmfndr. I love the web, my 👪 and ⚽️🚵‍.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store