Folien zum Vortrag "Geräteübergreifendes Interaktionsdesign" von Prof. Wolfgang Henseler (SENSORY-MINDS) auf der Webinale 2011 am 31. Mai 2011 in Berlin.
Thorsten Blöcker, Head of Consulting, netnomics GmbH
Das Blog der Messe Frankfurt zur Digitalisierung des Geschäftslebens:
http://connected.messefrankfurt.com/de/
VOI - Trendcheck Elektronische Signatur 2012Joerg Lenz
Ein (im wahrsten Sinne des Wortes) wegweisender Vortrag wo man auf der CeBIT 2012 Geräte und Verfahren rund um das elektronische Signieren sehen kann
- iPad 3 und Smartphones mit Stiften - wie lässt sich mit den CeBIT-Neuheiten elektronisch signieren
- Neuer Personalausweis: Warum die Identitätsfunktion in vielen Fällen Signaturen ersetzen kann
- Wofür man sich einen Komfort-Kartenleser zulegen sollte (oder auch nicht)
- Wie es doch noch was werden könnte mit der qual el Signatur und dem Personalausweis
VOI - Trendcheck Elektronische Signatur 2012/13Joerg Lenz
Ein (im wahrsten Sinne des Wortes) wegweisender Vortrag, wo man auf der DMS EXPO 2012 Geräte und Verfahren rund um das elektronische Signieren sehen kann – u.a. zu diesen Themen:
Tablets & Smartphones
- BYOD oder Geräte die das Unternehmen zur Verfügung stellt?
- Unterschreiben mit Finger, Fingerersatz oder Spezialstiften?
Neuer Personalausweis
- Identitätsfunktion als Signaturersatz?
- Wozu noch qualifizierte elektronische Signatur mit nPA womit (Komfort-Kartenleser, Anbieter von Zertifikaten) ?
Folien zum Vortrag "Geräteübergreifendes Interaktionsdesign" von Prof. Wolfgang Henseler (SENSORY-MINDS) auf der Webinale 2011 am 31. Mai 2011 in Berlin.
Thorsten Blöcker, Head of Consulting, netnomics GmbH
Das Blog der Messe Frankfurt zur Digitalisierung des Geschäftslebens:
http://connected.messefrankfurt.com/de/
VOI - Trendcheck Elektronische Signatur 2012Joerg Lenz
Ein (im wahrsten Sinne des Wortes) wegweisender Vortrag wo man auf der CeBIT 2012 Geräte und Verfahren rund um das elektronische Signieren sehen kann
- iPad 3 und Smartphones mit Stiften - wie lässt sich mit den CeBIT-Neuheiten elektronisch signieren
- Neuer Personalausweis: Warum die Identitätsfunktion in vielen Fällen Signaturen ersetzen kann
- Wofür man sich einen Komfort-Kartenleser zulegen sollte (oder auch nicht)
- Wie es doch noch was werden könnte mit der qual el Signatur und dem Personalausweis
VOI - Trendcheck Elektronische Signatur 2012/13Joerg Lenz
Ein (im wahrsten Sinne des Wortes) wegweisender Vortrag, wo man auf der DMS EXPO 2012 Geräte und Verfahren rund um das elektronische Signieren sehen kann – u.a. zu diesen Themen:
Tablets & Smartphones
- BYOD oder Geräte die das Unternehmen zur Verfügung stellt?
- Unterschreiben mit Finger, Fingerersatz oder Spezialstiften?
Neuer Personalausweis
- Identitätsfunktion als Signaturersatz?
- Wozu noch qualifizierte elektronische Signatur mit nPA womit (Komfort-Kartenleser, Anbieter von Zertifikaten) ?
Graphical User Interface (GUI) is a visual way for users to interact with a computer program using graphical elements like windows, icons, menus, etc. rather than text-based commands. A GUI makes programs easier to use by presenting commands visually and allowing users to perform actions by clicking on screen elements rather than memorizing commands. Well-designed GUIs help users avoid complex text commands by providing intuitive graphical layouts and controls.
Intuitive User Interfaces - Situationsangepasste UnterstützungConnected-Blog
Thomas Bendig, Intuitive User Interfaces - Situationsangepasste Unterstützung, Fraunhofer-Verbund luK-Technologie
Das Blog der Messe Frankfurt zur Digitalisierung des Geschäftslebens:
http://connected.messefrankfurt.com/de/
Schnittstellen zwischen Mensch und Maschine sind selten technologieabhängig. Welchen Sinn sie auch ansprechen, sie haben alle die gleiche Zielgruppe: den Menschen, egal in welcher Sprache sie geschrieben, oder mit welchem Werkzeug sie erstellt wurden.
Der Vortrag „Interface Design – Best Practices“ soll einen Überblick über Aspekte geben, die man bei der Gestaltung einer Mensch-Maschine-Schnittstelle beachten muss. An zahlreichen aktuellen Beispielen erläutert Stefan Nitzsche unterhaltsam die wichtigsten Richtlinien und haarsträubendsten Fehltritte.
The document discusses challenges and solutions for managing and disseminating agricultural knowledge in rural India. It outlines challenges like low literacy rates and a lack of information in local languages. The DEAL project aims to create a self-managed digital knowledge base in local languages with an ontology and metadata system. It will provide web services and tools to aggregate and deliver agricultural content to rural portals and support digital content management in local languages. The conceptual architecture presented establishes a self-managed ecosystem to standardize information collection and dissemination to rural citizens through various media like websites, mobile apps, radio, and television.
Anything, anytime, anywhere?
'In the twenty-first century the technology revolution will move into the everyday, the small and the invisible.' (Mark D. Weiser, XEROX)
Das 'Graphical User Interface' (GUI) dominiert immer noch unseren digitalen Alltag.
(Touch)Screen, Maus, Tastatur legen die Interaktion fest und sind die haptische Verbindung, aber auch Grenze zur Technologie. Diese Grenze kann durch neue Technologien wie ubiquitäres Computing (UC) jedoch unsichtbar werden, indem Alltagsgegenstände als Interaktionselemente genutzt werden.
Doch wie sieht eine Technik aus, die Menschen unterstützt ohne ihm dabei Aufmerksamkeit zu rauben, indem sie ihn zwingt, zuerst neue Dinge zu erlernen?
Wie sehen UIs im UC heute aus?
Welche Ein-und Ausgabe Alternativen gibt es?
Ist der Einsatz von von UC überall sinnvoll?
Welche Gefahren und Ängste verbergen sich?
Wir möchten mit dem Vortrag einen kleinen Einblick in die Vor - sowie Nachteile von No (G)UI/UC geben und etwas zum Nachdenken anregen.
Die Diversifizierung der Endgeräte, auf denen Inhalte im WWW angezeigt werden können, nimmt zu. Konzeptioner und Designer stehen vor der Aufgabe, für multiple Plattformen und "Devices" Inhalte bereit zu stellen.
Responsive Design stellt sich dieser Herausforderung.
Die Präsentation gibt einen ersten Einblick anhand einiger Beispiele. Der jeweils erste Screenshot eines Beispiels verlinkt dabei immer auf die entsprechende Webseite.
Kudos an Luke Wroblewski und Brad Frost für Ihre hochwertigen und unverzichtbaren Insights zu diesem Thema. Die beiden sollte man auf jeden Fall gelesen haben.
Kommentare und Feedback sind ausdrücklich erwünscht.
These are the slides from my talk at the Norwegian Developer conference in Oslo 2013 on why unit testing is not necessarily the best way to test our code.
Zukunftssichere Websites für alle Endgeräte entwickeln
Durch die drastische Veränderung der Medienlandschaft und die Vielfalt der Geräte mit denen heutzutage das Internet genutzt wird, ergeben sich neue Anforderungen an moderne Websites. Um diesen Anforderungen gerecht zu werden, reicht die Entwicklung einer klassischen Webpräsenz nicht mehr aus. Smartphones und Tablet-PCs müssen ebenso bedient werden wie Desktop- Rechner mit Widescreen-Monitoren und internetfähige TV-Geräte.
Responsive Design stellt einen neuen, zukunftssicheren Ansatz dar, bei dem verschiedene Endgeräte gleichermaßen berücksichtigt sowie Entwicklungs- und Pflegeaufwand der Website gering gehalten werden können.
Top 5 Javascript Frameworks for Web and Mobile App DevelopmentAjeet Singh
Why Frontend JavaScript Frameworks?
The process of web app development starts with the idea of how the app will look on screen. So far so good. Next, these images are HTMLised by a frontend designer which is then converted by the developer into a fully working webs development page. But hey! Here is the catch.
Hence came the need to standardize the web app designing so that the backend workflow injection part can be easily coded. And going by the example of HTML and CSS frameworks such as Bootstrap and Foundation, coders created JavaScript frontend frameworks to formulate web apps.
Complete JS Frameworks
There are many so called JavaScript frameworks in the market, but in reality not all are complete frameworks. That means that not every framework out there can be used to create every aspect of an app. Most of them can be categorized as a set of tools that can make your coding easier but you may have to rely on other tools as well to get the job done.
AngularJS
This is the framework that works on the concept of two-way data binding, and this was the framework that revolutionized the concept of model view controller architecture in web apps. Also, this is a comprehensive framework and reduces the need to introduce other JS libraries into the development process.
EmberJS
EmberJS is the framework for those who focus on conventions rather than configurations. EmberJS has a very robust routing framework and thus is a good candidate to go with when you have complex nested routes and templates within a page.
CanJS
CanJS is a relatively new framework so it lacks in terms of popularity. But we were greatly impressed by its ease-of-use and flexibility in our projects so I thought its prudent to include it in the list. CanJS also ranks higher than the other three in terms of performance, especially when you have to render lots of view binding.
JavaScript toolkits that can work as frameworks
KnockoutJS
KnockoutJS is a very popular toolkit among JS web app designers. It’s very lightweight, has every basic view rendering feature an app would need and it’s a perfect tool for those app projects for which you may have to develop your own framework.
BackBoneJS
BackboneJS is awesome if you want to define your templating or use jQuery-like event binding. However the framework Tool-kit is only for advanced developers and it has a steep learning curve. BackBoneJS is good at handling requests, module loading and request routing.
Conclusion
AngularJS is only stand alone framework that does not need help of any other library to work, and it is also the largest frontend JS framework out there. Ember and CanJS need support from additional libraries but are great in their own ways. BackboneJS and KnockoutJS are awesome for small app development projects or for those large app development projects in which you may have to build your own framework.
Application Architecture by Lars-Erik Kindblad, CapgeminiLars-Erik Kindblad
The document discusses application architecture principles for delivering good architecture. It covers foundational concepts like communicating with business stakeholders, understanding processes, and experience. It also discusses layered architecture, maintainable code, and testable code. Specific concepts covered in more depth include logical layers, physical tiers, 3-layer architecture, dependency injection, and inversion of control. The overall document provides guidance on designing applications using architectural best practices.
Dependency Injection vs Service Locator - Best PracticeLars-Erik Kindblad
This document discusses the differences between dependency injection and service locator patterns for inversion of control. It recommends that constructor injection generally be used except for facade classes, loops, base classes, and unknown types, where a service locator may be preferable. An inversion of control container can also automatically manage object creation and dependencies.
The document introduces FluentData, a micro ORM for .NET that makes querying relational databases simple. It was created because existing ORM tools like Entity Framework were too complex, forced particular designs, and generated inefficient SQL. FluentData uses a fluent API and SQL to provide a simple, efficient alternative with features like auto mapping, support for multiple databases, and builders for CRUD operations. Sample code demonstrates basic CRUD operations and transactions using FluentData's fluent interface. The roadmap includes support for more databases and performance improvements.
The Fluent Interface Pattern makes code easier to read and use by allowing method chaining and a more readable API. It consists of two principles: method chaining which allows multiple commands per line, and a more readable API that reads like a sentence. Popular frameworks like Moq and FluentData use this pattern. The pattern is useful anywhere code readability can be improved, especially for frequently called methods. It can be used with the Gateway Pattern to hide complex code.
This document discusses best practices for application architecture, including:
- Using inversion of control and dependency injection to create loosely coupled and testable code
- Applying the single responsibility principle to have focused classes that are easier to maintain
- Employing patterns like extract method and execute around method to reduce code duplication
- Structuring applications using architectures like onion architecture or n-tier to organize code clearly
- Logging executed use cases/events for replay testing before releases to check for bugs
Wichtigste Neuerungen
PAVONE Project Management und der PAVONE ActivityManager haben mit der Version 9.5 eine vollständig neue Benutzeroberfläche erhalten, die sich im Design und Farben nach den Vorgaben einer modernen Web 2.0 Anwendung richtet. Größere und dynamisch anpassbare Arbeitsflächen sowie eine flexiblere Nutzung moderner Bildschirmformate erlauben einen konzentrierten Blick auf das Wesentliche. Mit dem Design wurde auch das Navigationskonzept überarbeitet. Die Reduzierung von Arbeitsschritten, Filterung nach Kategorien und Inhalten erhöhen die Produktivität erheblich. Von besonderem Nutzen sind übersichtliche Zusammenfassungen von strukturierten Inhalten und Orientierungshilfen, die es dem Anwender ermöglichen, die richtigen Informationen schnell und einfach zu finden. Auch die überarbeitete Welcome Page, das benutzerspezifische Portal, schafft mehr Platz auf der Arbeitsfläche. Eindeutige Symbole und klar strukturierte Informationen sorgen für einen schnellen Zugang zu Funktionen und Inhalten. Die Welcome Page wurde ebenfalls mit einem Web 2.0 Design aufgewertet und steigert die Benutzerfreundlichkeit wesentlich.
Talk "3 Gründe - Warum menschzentriertes Design die Apokalypse verhindert." from World Usability Day on November 12 2020 in Stuttgart.
Slides are only available in German!
---
GEHALTEN VON
Jan Groenefeld - Lead UX Designer, Solution Manager Industry, Ergosign
ABSTRACT
Erfahre in diesem Vortrag, warum menschzentriertes Design der Schlüssel zum selbstbestimmten Umgang mit modernen Technologien ist. Lerne, wie intuitives Design die Welt – oder wenigstens Dein eigenes Produkt – retten kann.
________
MEHR ZUM EVENT
https://wud-stuttgart.de/
Graphical User Interface (GUI) is a visual way for users to interact with a computer program using graphical elements like windows, icons, menus, etc. rather than text-based commands. A GUI makes programs easier to use by presenting commands visually and allowing users to perform actions by clicking on screen elements rather than memorizing commands. Well-designed GUIs help users avoid complex text commands by providing intuitive graphical layouts and controls.
Intuitive User Interfaces - Situationsangepasste UnterstützungConnected-Blog
Thomas Bendig, Intuitive User Interfaces - Situationsangepasste Unterstützung, Fraunhofer-Verbund luK-Technologie
Das Blog der Messe Frankfurt zur Digitalisierung des Geschäftslebens:
http://connected.messefrankfurt.com/de/
Schnittstellen zwischen Mensch und Maschine sind selten technologieabhängig. Welchen Sinn sie auch ansprechen, sie haben alle die gleiche Zielgruppe: den Menschen, egal in welcher Sprache sie geschrieben, oder mit welchem Werkzeug sie erstellt wurden.
Der Vortrag „Interface Design – Best Practices“ soll einen Überblick über Aspekte geben, die man bei der Gestaltung einer Mensch-Maschine-Schnittstelle beachten muss. An zahlreichen aktuellen Beispielen erläutert Stefan Nitzsche unterhaltsam die wichtigsten Richtlinien und haarsträubendsten Fehltritte.
The document discusses challenges and solutions for managing and disseminating agricultural knowledge in rural India. It outlines challenges like low literacy rates and a lack of information in local languages. The DEAL project aims to create a self-managed digital knowledge base in local languages with an ontology and metadata system. It will provide web services and tools to aggregate and deliver agricultural content to rural portals and support digital content management in local languages. The conceptual architecture presented establishes a self-managed ecosystem to standardize information collection and dissemination to rural citizens through various media like websites, mobile apps, radio, and television.
Anything, anytime, anywhere?
'In the twenty-first century the technology revolution will move into the everyday, the small and the invisible.' (Mark D. Weiser, XEROX)
Das 'Graphical User Interface' (GUI) dominiert immer noch unseren digitalen Alltag.
(Touch)Screen, Maus, Tastatur legen die Interaktion fest und sind die haptische Verbindung, aber auch Grenze zur Technologie. Diese Grenze kann durch neue Technologien wie ubiquitäres Computing (UC) jedoch unsichtbar werden, indem Alltagsgegenstände als Interaktionselemente genutzt werden.
Doch wie sieht eine Technik aus, die Menschen unterstützt ohne ihm dabei Aufmerksamkeit zu rauben, indem sie ihn zwingt, zuerst neue Dinge zu erlernen?
Wie sehen UIs im UC heute aus?
Welche Ein-und Ausgabe Alternativen gibt es?
Ist der Einsatz von von UC überall sinnvoll?
Welche Gefahren und Ängste verbergen sich?
Wir möchten mit dem Vortrag einen kleinen Einblick in die Vor - sowie Nachteile von No (G)UI/UC geben und etwas zum Nachdenken anregen.
Die Diversifizierung der Endgeräte, auf denen Inhalte im WWW angezeigt werden können, nimmt zu. Konzeptioner und Designer stehen vor der Aufgabe, für multiple Plattformen und "Devices" Inhalte bereit zu stellen.
Responsive Design stellt sich dieser Herausforderung.
Die Präsentation gibt einen ersten Einblick anhand einiger Beispiele. Der jeweils erste Screenshot eines Beispiels verlinkt dabei immer auf die entsprechende Webseite.
Kudos an Luke Wroblewski und Brad Frost für Ihre hochwertigen und unverzichtbaren Insights zu diesem Thema. Die beiden sollte man auf jeden Fall gelesen haben.
Kommentare und Feedback sind ausdrücklich erwünscht.
These are the slides from my talk at the Norwegian Developer conference in Oslo 2013 on why unit testing is not necessarily the best way to test our code.
Zukunftssichere Websites für alle Endgeräte entwickeln
Durch die drastische Veränderung der Medienlandschaft und die Vielfalt der Geräte mit denen heutzutage das Internet genutzt wird, ergeben sich neue Anforderungen an moderne Websites. Um diesen Anforderungen gerecht zu werden, reicht die Entwicklung einer klassischen Webpräsenz nicht mehr aus. Smartphones und Tablet-PCs müssen ebenso bedient werden wie Desktop- Rechner mit Widescreen-Monitoren und internetfähige TV-Geräte.
Responsive Design stellt einen neuen, zukunftssicheren Ansatz dar, bei dem verschiedene Endgeräte gleichermaßen berücksichtigt sowie Entwicklungs- und Pflegeaufwand der Website gering gehalten werden können.
Top 5 Javascript Frameworks for Web and Mobile App DevelopmentAjeet Singh
Why Frontend JavaScript Frameworks?
The process of web app development starts with the idea of how the app will look on screen. So far so good. Next, these images are HTMLised by a frontend designer which is then converted by the developer into a fully working webs development page. But hey! Here is the catch.
Hence came the need to standardize the web app designing so that the backend workflow injection part can be easily coded. And going by the example of HTML and CSS frameworks such as Bootstrap and Foundation, coders created JavaScript frontend frameworks to formulate web apps.
Complete JS Frameworks
There are many so called JavaScript frameworks in the market, but in reality not all are complete frameworks. That means that not every framework out there can be used to create every aspect of an app. Most of them can be categorized as a set of tools that can make your coding easier but you may have to rely on other tools as well to get the job done.
AngularJS
This is the framework that works on the concept of two-way data binding, and this was the framework that revolutionized the concept of model view controller architecture in web apps. Also, this is a comprehensive framework and reduces the need to introduce other JS libraries into the development process.
EmberJS
EmberJS is the framework for those who focus on conventions rather than configurations. EmberJS has a very robust routing framework and thus is a good candidate to go with when you have complex nested routes and templates within a page.
CanJS
CanJS is a relatively new framework so it lacks in terms of popularity. But we were greatly impressed by its ease-of-use and flexibility in our projects so I thought its prudent to include it in the list. CanJS also ranks higher than the other three in terms of performance, especially when you have to render lots of view binding.
JavaScript toolkits that can work as frameworks
KnockoutJS
KnockoutJS is a very popular toolkit among JS web app designers. It’s very lightweight, has every basic view rendering feature an app would need and it’s a perfect tool for those app projects for which you may have to develop your own framework.
BackBoneJS
BackboneJS is awesome if you want to define your templating or use jQuery-like event binding. However the framework Tool-kit is only for advanced developers and it has a steep learning curve. BackBoneJS is good at handling requests, module loading and request routing.
Conclusion
AngularJS is only stand alone framework that does not need help of any other library to work, and it is also the largest frontend JS framework out there. Ember and CanJS need support from additional libraries but are great in their own ways. BackboneJS and KnockoutJS are awesome for small app development projects or for those large app development projects in which you may have to build your own framework.
Application Architecture by Lars-Erik Kindblad, CapgeminiLars-Erik Kindblad
The document discusses application architecture principles for delivering good architecture. It covers foundational concepts like communicating with business stakeholders, understanding processes, and experience. It also discusses layered architecture, maintainable code, and testable code. Specific concepts covered in more depth include logical layers, physical tiers, 3-layer architecture, dependency injection, and inversion of control. The overall document provides guidance on designing applications using architectural best practices.
Dependency Injection vs Service Locator - Best PracticeLars-Erik Kindblad
This document discusses the differences between dependency injection and service locator patterns for inversion of control. It recommends that constructor injection generally be used except for facade classes, loops, base classes, and unknown types, where a service locator may be preferable. An inversion of control container can also automatically manage object creation and dependencies.
The document introduces FluentData, a micro ORM for .NET that makes querying relational databases simple. It was created because existing ORM tools like Entity Framework were too complex, forced particular designs, and generated inefficient SQL. FluentData uses a fluent API and SQL to provide a simple, efficient alternative with features like auto mapping, support for multiple databases, and builders for CRUD operations. Sample code demonstrates basic CRUD operations and transactions using FluentData's fluent interface. The roadmap includes support for more databases and performance improvements.
The Fluent Interface Pattern makes code easier to read and use by allowing method chaining and a more readable API. It consists of two principles: method chaining which allows multiple commands per line, and a more readable API that reads like a sentence. Popular frameworks like Moq and FluentData use this pattern. The pattern is useful anywhere code readability can be improved, especially for frequently called methods. It can be used with the Gateway Pattern to hide complex code.
This document discusses best practices for application architecture, including:
- Using inversion of control and dependency injection to create loosely coupled and testable code
- Applying the single responsibility principle to have focused classes that are easier to maintain
- Employing patterns like extract method and execute around method to reduce code duplication
- Structuring applications using architectures like onion architecture or n-tier to organize code clearly
- Logging executed use cases/events for replay testing before releases to check for bugs
Wichtigste Neuerungen
PAVONE Project Management und der PAVONE ActivityManager haben mit der Version 9.5 eine vollständig neue Benutzeroberfläche erhalten, die sich im Design und Farben nach den Vorgaben einer modernen Web 2.0 Anwendung richtet. Größere und dynamisch anpassbare Arbeitsflächen sowie eine flexiblere Nutzung moderner Bildschirmformate erlauben einen konzentrierten Blick auf das Wesentliche. Mit dem Design wurde auch das Navigationskonzept überarbeitet. Die Reduzierung von Arbeitsschritten, Filterung nach Kategorien und Inhalten erhöhen die Produktivität erheblich. Von besonderem Nutzen sind übersichtliche Zusammenfassungen von strukturierten Inhalten und Orientierungshilfen, die es dem Anwender ermöglichen, die richtigen Informationen schnell und einfach zu finden. Auch die überarbeitete Welcome Page, das benutzerspezifische Portal, schafft mehr Platz auf der Arbeitsfläche. Eindeutige Symbole und klar strukturierte Informationen sorgen für einen schnellen Zugang zu Funktionen und Inhalten. Die Welcome Page wurde ebenfalls mit einem Web 2.0 Design aufgewertet und steigert die Benutzerfreundlichkeit wesentlich.
Talk "3 Gründe - Warum menschzentriertes Design die Apokalypse verhindert." from World Usability Day on November 12 2020 in Stuttgart.
Slides are only available in German!
---
GEHALTEN VON
Jan Groenefeld - Lead UX Designer, Solution Manager Industry, Ergosign
ABSTRACT
Erfahre in diesem Vortrag, warum menschzentriertes Design der Schlüssel zum selbstbestimmten Umgang mit modernen Technologien ist. Lerne, wie intuitives Design die Welt – oder wenigstens Dein eigenes Produkt – retten kann.
________
MEHR ZUM EVENT
https://wud-stuttgart.de/
Marketing & Sales goes Mobile: Erfolgreiches mobiles Business am Beispiel von...Connected-Blog
Markus Hüßmann; Christoph Bühlen, Marketing & Sales goes Mobile: Erfolgreiches mobiles Business am Beispiel von Bosch Professional, conVISUAL AG & Robert Bosch GmbH
M-Days 2013
Das Blog der Messe Frankfurt zur Digitalisierung des Geschäftslebens:
http://connected.messefrankfurt.com/de/
Digitale Markenerlebnisse planen und gestaltenthink moto GmbH
Digitale Markenerlebnisse planen und gestalten ist der Untertitel des 2012 im Hermann Schmidt Verlag erscheinenden Buches Branded Interactions. Der Vortrag von Marco Spies auf der blickfang 2012 in Stuttgart stellt einige zentrale Thesend es Buches und die daraus erwachsenden Herausforderungen an Corporate- und Interactive Designer.
Über die Wertschöpfung hinaus ... Future EduTech im Dialog von Wirtschaft und...e-teaching.org
Podium vom 11.04.2011 mit Prof. Dr. Andreas Breiter (Univ. Bremen), PD Dr. Christoph Igel (CelTech), Rudolf Maly (Cisco GmbH), Dr. Volker Zimmermann (IMC AG)
Round Table-Gespräch der Zeitschrift DOK zu Geschäftsprozessen mit mobilen Endgeräten, Enterprise Content Management und Wissensmanagement.Teilnehmer u.a. Prof. Dr. Martin Michelson vom Mediencampus
Consumer Content Conference, 6. Juli 2011: "Arbeiten in der Cloud: Social Net...
Beyond GUI - Die Zukunft digitaler Interfaces
1. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
BEYOND GUI
DIE ZUKUNFT DIGITALER INTERFACES
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
2. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
PROFESSOR WOLFGANG HENSELER
PERSONAL INSIGHT
Emerging technologies New forms of Data Visualisation
Industrial designer
Human Computer Interface Design
Visioneering Human Computer Interaction
Natural User Interface Design
Master of Creative Direction
App economy
Professor Managing Creative Director
Intermedia Design + Digital Media SENSORY-MINDS
Emerging Technologies Social Media
Digital Design
Main purpose for being
Creating distinctive user
and customer experiences
Digital Customer Relationship Management Ease-of-Use
Software ergonomics
eCRM specialist Usability expert
Consumer psychology NUI + Multitouch Computing
Sales orientation
Problem area
I love cars
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
4. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
ENTMATERIALISIERUNG
Eniac Computor 1945 iPad 2010 Proteus 20XX
Wir im Computer Der Computer in uns
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 4
5. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
Anything
Anyme Anywhere
Nutzer 2.0
Anytime
Menschliches Verlangen
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 5
6. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
SCHRUMPFTECHNOLOGIEN
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 6
7. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
DISPLAY-TECHNOLOGIEN
Heute
CRT LCD 2D LED OLED 3D Goggles Lenses
1950 1990 2005 2010 ~2025 ~2050+
Flacher, hochauflösender, immaterieller
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 7
8. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 8
9. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
NEUE TECHNOLOGIEN - NEUE BEDIENKONZEPTE
Desktop PC Laptop PC Tablet PC Goggle PC
Command Line Interface Graphical User Interface Natural User Interface Personal User Interface
CLI GUI NUI UUI
Steigerung der Usability und wirtschaftlichen Effizienz
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 9
10. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
SCREEN EVOLUTION - HEUTE > MORGEN
Display Interface Goggle Interface
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 10
11. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
GOGGLE INTERFACE
Goggle Interface
2D Mixed Reality Mode
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 11
12. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
GOGGLE INTERFACE
Goggle Interface
2D Mixed Reality Mode
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 12
13. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 13
14. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
OFFLINE ONLINE ONAIR
Bücher Internet Cloud
Wissen wird allgegenwärtig
Die Ubiquität von Echtzeit-Information
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 14
15. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
PHÄNOMENE DER MOMENTANEN VERÄNDERUNG
Finger statt Maus
Natürliche Gesten zur Interaktion
Interaktionen werden immer multimodaler
Der Computer wird Multiuser-fähig
Intermedialität der Dinge
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
16. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
2 TREIBER
MENSCH WIRTSCHAFT
Hin zu mehr Erhöhte
Natürlichkeit. wirtschaftliche
Effizienz.
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
17. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
VON GUI ZU NUI - MOMENTANER PARADIGMENWECHSEL
XEROX STAR SURFACE
1980 2007
GUI NUI
WOCHEN MINUTEN
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
18. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
UNNATÜRLICH ZU NATÜRLICH
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 18
19. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
GUI = Metaphern Denken
Symbol Denken Application Denken
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
20. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
NUI = Objekt Denken
Das Objekt wird zum Objekt und ist nicht mehr eine
Metapher hin zum Objekt
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
21. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
The fundamental new
Sie interagieren mit dem Objekt selbst und
nicht mehr mit einem Symbol des Objekts.
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
22. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
Denken in Metaphern
MOUSE CURSOR APPLICATION ACTION
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 22
23. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
Cloud Computing
Applikationen konvertieren zu
kontext-sensitiven Diensten.
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
24. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
Applikationen werden zu Diensten
Functionalities appear in the context when they are needed.
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
25. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
DER GRÖSSTE WANDEL IN DER GESTALTUNG
Von der Gestaltung des
visuellen Aussehens
zur Gestaltung des
visuellen Verhaltens.
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 25
26. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
GRAPHICAL-USER-INTERFACE-DESIGN
Die Gestaltung von grafischen Objekten steht im Mittelpunkt
Interaction
Navigation
Interface Design
Verhalten
Brand Design LOOK FEEL
Dialogue
Corporate Design
Multimedia
Usability
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
27. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
NATURAL-USER-INTERFACE-DESIGN
Die Gestaltung von Verhalten steht im Mittelpunkt
Interaction
Orientation
Interface Design
Verhalten
Brand Design LOOK FEEL
Dialogue
Corporate Design
Multimedia
Usability
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
28. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
NUI Guideline 01
Reduktion auf das Wesentliche!
Kontext-sensitive Funktionen
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
29. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
NUI
Designing nothing than the interaction.
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
30. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
GOOD BYE CURSOR
GUI NUI
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
31. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
GOOD BYE WINDOW
GUI NUI
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
32. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
GOOD BYE SCROLLBAR
GUI NUI
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
33. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
GOOD BYE TOOLBAR
GUI NUI
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
34. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
THE REAL CLOUD COMPUTING
Jedes Objekt beinhaltet alles.
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 34
35. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
INTERNET EVOLUTION
?
i-jects Inbody Web
Agents Internet of Things
APPs
Web-Interfaces Semantic Web
Websites Mobile Web
Web 2.0
e-Mail World Wide Web
Internet
1968 1993 2005 2007 ~2016 ~2022 ~2030
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 35
36. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
INTERNET EVOLUTION
?
i-jects Inbody Web
Agents Internet of Things
APPs
Web-Interfaces Semantic Web
Websites Mobile Web
Web 2.0
e-Mail World Wide Web
Internet
1968 1993 2005 2007 ~2016 ~2022 ~2030
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 36
37. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
MOMENTANE UI-ENTWICKLUNGSSITUATION
Webseiten Apps
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 37
38. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
Mobile ,superapps‘ are the new websites.
Christian Lindholm
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 38
39. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
Wir APPen uns zu.
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 39
40. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
APPs
sind keine Programme!
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
41. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
APPs
sind Dienste!
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
42. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
Dienste,
die die Zeit, die jemand benötigt,
um ein bestimmtes Ziel zu erreichen,
sehr stark reduzieren.
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
43. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
APPs
reduce friction
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
44. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
45. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
Gutes Interface-Design
ist so wenig Design wie möglich.
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
46. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
And always remember
„Imagination is more important
than knowledge“
Albert Einstein 1954
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011
47. BEYOND TELLERRAND KÖLN
Beyond GUI 06. April 2011
DANKE FÜR EURE AUFMERKSAMKEIT
ZEIT FÜR EURE FRAGEN UND ANTWORTEN
SENSORY-MINDS GMBH
PROFESSOR WOLFGANG HENSELER
Managing Creative Director
Follow us on:
Ludwigstrasse 12
63067 Offenbach am Main http://www.twitter.com/sensoryminds
http://www.vimeo.com/sensoryminds
T +49. 69. 847 789 913
http://www.flickr.com/people/sensoryminds
M +49. 173. 702 6197
E w.henseler@sensory-minds.com http://www.facebook.com/sensoryminds
SENSORY-MINDS GMBH // PROFESSOR WOLFGANG HENSELER 2011 47