UI animations are a hotspot for the design of interactive and modern web interfaces. For a positive user experience, context-based UI animations can offer real added value. This can concern individual elements or even entire applications. The talk answers which concept and design decisions are to be made for an interactive interface. How can simple and, above all, complex animations be implemented in the frontend? The process for designing a context-sensitive and interactive interface differs from conventional and classical workings. If you are designing complex animations, you go into the field of motion design. In addition to an inspiring UI animation journey, the process is displayed step by step.
Responsive Experience und das Continuum of ScreensPeter Rozek
Responsive Webdesign hat den Anspruch das komplette „Continuum of screens“ mit einer einzigen Plattform abzudecken. Für eine Cross-Device Experience sind die Ansprüche an das strategisch-konzeptionelle „What“ und dass visuelle „How“ sehr hoch. Das denken und designen in Silos von Mobile, Tablet und Desktop versperrt dabei den Blick auf das wesentliche, den Content. Bei der Konzeption steht der Content im Zentrum und welche Handlungsrelevanz hat der Inhalt für den Nutzer. Dabei sind auch die sequenziellen Verhaltensmuster der Nutzer im Umgang mit den Endgeräten zu berücksichtigen. Eine nachhaltige Multi-Device Experience adressiert Coherence, Fluidity und Adaptability. Der Talk gibt Einblicke welche Vorgehensweisen und Entscheidungen uns helfen Komplexität zu minimieren und dem Prinzip von Device Agnostic zu folgen. Um eine gute Website zu erstellen ist es nicht notwendig zu Wissen auf welchem Gerät die Seite angezeigt wird.
Cross Device Experience with HTML PrototypingPeter Rozek
Users use different devices at different times of the day. Typical sequential screening activities are, for example, when the user starts on one device and continues his activity on another. The content takes a central position. A sustainable cross-device experience in the context of responsive web design addresses coherence, fluidity and adaptability. The content should adapt to the respective terminal and address the usage context. How can concept, design and development effectively test users' behavioral patterns and meet the device agnostic approach? The talk shows the benefits of HTML prototypes and how they can be effectively combined with other prototyping techniques.
Die Grenzen zwischen mobiler und Desktopnutzung sind nicht mehr klar zu unterscheiden. Zentraler Ort der Interaktion ist das Web und nicht das Gerät. Menschen greifen über unterschiedliche Touchpoints auf Produkte und Dienstleistungen zu. Konsistenz und Klarheit unterstützen den Nutzer innerhalb eines Multiscreen-Experience-Umfelds. Das Denken und Designen in den Silos Mobile, Tablet und Desktop versperrt dabei den Blick auf das Wesentliche – auf eine nachhaltige User Experience, die Coherence, Fluidity und Adaptability adressiert. Content First, Breakpoints in Abhängigkeit einer fluiden Content Experience, frühzeitiges Prototyping und schnelles Iterieren führen zum Ziel. Klassische Designprozesse werden oder sind dagegen strategisch bedeutungslos. Der Vortag beleuchtet die Vorteile einer kontextsensitiven Experience und formuliert Empfehlungen für den Workflow und die Kommunikation mit den Stakeholdern.
The first step in every user centered design process is to build Personas as a base of every communication strategy to other team members and stakeholders. Build up a vision of the Product with personas, sketches and persona driven user stories. Optimizing the process of iteratively adapting at the big picture. Personas give the user a face and sketches of the context of use. A persona helps to empathize with the user, understand user behavior and deeper needs. The integration of personas with the individual user behavior makes the product bulletproof. In the beginning for each user centered agile development process three important elements have to be defined, the functions, the utilization context and the user behavior with the product. The talk demonstrate how necessary personas are for the user centered agile approach. Why personas are the foundation for each usability tests and explains step by step how they create a persona. Developers learn to get a better understanding for the user and their needs. Scrum describes how to organize an agile development process but neither exactly defines how to go on nor the needed tools to make the process user-centered.
Device Agnostic: Geräteunabhängiges Design als UX GrundlagePeter Rozek
Brauchen wir noch starre Designs aus Photoshop für die Gestaltung von Websites? Ignorieren wie damit nicht seit langem die Flexibilität des Webs. Der eigentliche Grundgedanke des Webs ist Informationen unabhängig von Formfaktoren, Bandbreiten und Latenzen zugänglich zu machen. Das denken und designen in Silos von Mobile, Tablet und Desktop hat ausgedient. Content First, Breakpoints in Abhängigkeit einer fluiden Content Experience zu setzten, frühzeitiges Prototyping und schnelles iterieren sollten unser Vorgehen bestimmen. Für eine nachhaltige User Experience sind Coherence, Fluidity und Adaptability entscheidend geworden. Wie können wir Stakeholder davon überzeugen den klassischen visuellen Pfad zu verlassen? Der Vortag beleuchtet die Vorteile einer kontextsensitiven Experience auf und formuliert Empfehlungen für die Kommunikation mit den Stakeholdern.
M-Days 2012
Responsive Web Design - Apps, HTML oder etwas dazwischen?
Pixelpark
Das Blog der Messe Frankfurt zur Digitalisierung des Geschäftslebens:
http://connected.messefrankfurt.com/de/
In diesem Kurzvortrag gibt Markus Dermietzel (Senior User Experience Designer bei curtis newton gmbh, vor 2013 bekannt als dw capital gmbh) Einblicke in das Responsive Web Design des Social News Aggregators virato.de. Dazu erschien im Juli 2012 ein Online-Artikel auf WEAVE.de: http://www.weave.de/weblog/interview-mit-markus-dermietzel-zu-responsive-design-beim-relaunch-von-virato.
Bei Fragen melden Sie sich bei press@curtis-newton.com (Chérine De Bruijn).
Responsive Experience und das Continuum of ScreensPeter Rozek
Responsive Webdesign hat den Anspruch das komplette „Continuum of screens“ mit einer einzigen Plattform abzudecken. Für eine Cross-Device Experience sind die Ansprüche an das strategisch-konzeptionelle „What“ und dass visuelle „How“ sehr hoch. Das denken und designen in Silos von Mobile, Tablet und Desktop versperrt dabei den Blick auf das wesentliche, den Content. Bei der Konzeption steht der Content im Zentrum und welche Handlungsrelevanz hat der Inhalt für den Nutzer. Dabei sind auch die sequenziellen Verhaltensmuster der Nutzer im Umgang mit den Endgeräten zu berücksichtigen. Eine nachhaltige Multi-Device Experience adressiert Coherence, Fluidity und Adaptability. Der Talk gibt Einblicke welche Vorgehensweisen und Entscheidungen uns helfen Komplexität zu minimieren und dem Prinzip von Device Agnostic zu folgen. Um eine gute Website zu erstellen ist es nicht notwendig zu Wissen auf welchem Gerät die Seite angezeigt wird.
Cross Device Experience with HTML PrototypingPeter Rozek
Users use different devices at different times of the day. Typical sequential screening activities are, for example, when the user starts on one device and continues his activity on another. The content takes a central position. A sustainable cross-device experience in the context of responsive web design addresses coherence, fluidity and adaptability. The content should adapt to the respective terminal and address the usage context. How can concept, design and development effectively test users' behavioral patterns and meet the device agnostic approach? The talk shows the benefits of HTML prototypes and how they can be effectively combined with other prototyping techniques.
Die Grenzen zwischen mobiler und Desktopnutzung sind nicht mehr klar zu unterscheiden. Zentraler Ort der Interaktion ist das Web und nicht das Gerät. Menschen greifen über unterschiedliche Touchpoints auf Produkte und Dienstleistungen zu. Konsistenz und Klarheit unterstützen den Nutzer innerhalb eines Multiscreen-Experience-Umfelds. Das Denken und Designen in den Silos Mobile, Tablet und Desktop versperrt dabei den Blick auf das Wesentliche – auf eine nachhaltige User Experience, die Coherence, Fluidity und Adaptability adressiert. Content First, Breakpoints in Abhängigkeit einer fluiden Content Experience, frühzeitiges Prototyping und schnelles Iterieren führen zum Ziel. Klassische Designprozesse werden oder sind dagegen strategisch bedeutungslos. Der Vortag beleuchtet die Vorteile einer kontextsensitiven Experience und formuliert Empfehlungen für den Workflow und die Kommunikation mit den Stakeholdern.
The first step in every user centered design process is to build Personas as a base of every communication strategy to other team members and stakeholders. Build up a vision of the Product with personas, sketches and persona driven user stories. Optimizing the process of iteratively adapting at the big picture. Personas give the user a face and sketches of the context of use. A persona helps to empathize with the user, understand user behavior and deeper needs. The integration of personas with the individual user behavior makes the product bulletproof. In the beginning for each user centered agile development process three important elements have to be defined, the functions, the utilization context and the user behavior with the product. The talk demonstrate how necessary personas are for the user centered agile approach. Why personas are the foundation for each usability tests and explains step by step how they create a persona. Developers learn to get a better understanding for the user and their needs. Scrum describes how to organize an agile development process but neither exactly defines how to go on nor the needed tools to make the process user-centered.
Device Agnostic: Geräteunabhängiges Design als UX GrundlagePeter Rozek
Brauchen wir noch starre Designs aus Photoshop für die Gestaltung von Websites? Ignorieren wie damit nicht seit langem die Flexibilität des Webs. Der eigentliche Grundgedanke des Webs ist Informationen unabhängig von Formfaktoren, Bandbreiten und Latenzen zugänglich zu machen. Das denken und designen in Silos von Mobile, Tablet und Desktop hat ausgedient. Content First, Breakpoints in Abhängigkeit einer fluiden Content Experience zu setzten, frühzeitiges Prototyping und schnelles iterieren sollten unser Vorgehen bestimmen. Für eine nachhaltige User Experience sind Coherence, Fluidity und Adaptability entscheidend geworden. Wie können wir Stakeholder davon überzeugen den klassischen visuellen Pfad zu verlassen? Der Vortag beleuchtet die Vorteile einer kontextsensitiven Experience auf und formuliert Empfehlungen für die Kommunikation mit den Stakeholdern.
M-Days 2012
Responsive Web Design - Apps, HTML oder etwas dazwischen?
Pixelpark
Das Blog der Messe Frankfurt zur Digitalisierung des Geschäftslebens:
http://connected.messefrankfurt.com/de/
In diesem Kurzvortrag gibt Markus Dermietzel (Senior User Experience Designer bei curtis newton gmbh, vor 2013 bekannt als dw capital gmbh) Einblicke in das Responsive Web Design des Social News Aggregators virato.de. Dazu erschien im Juli 2012 ein Online-Artikel auf WEAVE.de: http://www.weave.de/weblog/interview-mit-markus-dermietzel-zu-responsive-design-beim-relaunch-von-virato.
Bei Fragen melden Sie sich bei press@curtis-newton.com (Chérine De Bruijn).
Crossing [Digital] Borders
Grenzen wie analog und digital, beruflich und privat oder künstlich und real verschwimmen immer mehr. Doch was heißt das für zukünftige Lösungen und Services? Welche Rolle spielen dabei eine positive User Experience (UX) und Customer Experience (CX)? Was können Unternehmen aus den Trends lernen?
Der VDC Newsletter ist der monatliche Informationsdienst des Virtual Dimension Centers (VDC) Fellbach mit Neuigkeiten aus dem Netzwerk sowie Nachrichten und Terminen rund um das Thema Virtual Engineering. Tagesaktuelle Nachrichten sind auf http://www.vdc-fellbach.de verfügbar. Der VDC Newsletter wird derzeit von rund 4000 Personen gelesen. Besuchen Sie uns auch auf Facebook unter: http://www.facebook.com/vdc.fellbach
Der VDC-Newsletter ist der monatliche Informationsdienst des Virtual Dimension Centers (VDC) Fellbach mit Neuigkeiten aus dem Netzwerk sowie Nachrichten und Terminen rund um die Themen Virtuelles Engineering, Virtuelle Realität, 3D-Visualisierung und 3D-Simulation. Alle Newsletter stehen zum Download auf http://www.vdc-fellbach.de/downloads/newsletterarchiv bereit. Unter http://www.vdc-fellbach.de/newsletter können Sie sich für den Newsletter anmelden.
NINC! - Presentation Papers 3D 2008
Die dritte Dimension ist der Schritt in die Wirklichkeit.
3D Visualisierungen bringen Konzepte, Produkte und Ideen zum Leben.
Mit 3-dimensionalen CGI (Computer Generated Imagery) werden Objekte, Licht,
Materialien und Szenen gebaut und von Computern berechnet, die Bandbreite der
grafischen Qualität geht hier von einfachen Konzeptbildern bis hin zu der
photorealistischen Wiedergabe...
Als Oldenburger IT-Dienstleister hat worldiety sich auf die Beratung sowie Implementierung von Softwarelösungen spezialisiert und entwickelt seit mittlerweile 10 Jahren erfolgreich mobile Applikationen, Web-Anwendungen, Cloud Lösungen sowie E-Commerce Systeme.
Der VDC Newsletter ist der monatliche Informationsdienst des Virtual Dimension Centers (VDC) Fellbach mit Neuigkeiten aus dem Netzwerk sowie Nachrichten und Terminen rund um das Thema Virtual Engineering. Tagesaktuelle Nachrichten sind auf http://www.vdc-fellbach.de verfügbar. Der VDC Newsletter wird derzeit von rund 4000 Personen gelesen. Besuchen Sie uns auch auf Facebook unter: http://www.facebook.com/vdc.fellbach
Der VDC-Newsletter ist der monatliche Informationsdienst des Virtual Dimension Centers (VDC) Fellbach mit Neuigkeiten aus dem Netzwerk sowie Nachrichten und Terminen rund um die Themen Virtuelles Engineering, Virtuelle Realität, 3D-Visualisierung und 3D-Simulation. Alle Newsletter stehen zum Download auf http://www.vdc-fellbach.de/downloads/newsletterarchiv bereit. Unter http://www.vdc-fellbach.de/newsletter können Sie sich für den Newsletter anmelden.
Fast jedes Softwaresystem wird mit guten Vorsätzen aber unter schwierigen Bedingungen entwickelt: Knappe Zeitvorgaben zwingen uns, schnelle Lösungen – Hacks – zu programmieren. Unterschiedliche Qualifikationen im Entwicklungsteam führen zu Code in ebenso unterschiedlicher Güte. Alter Code, den keiner mehr kennt, muss angepasst werden und vieles mehr. All das führt zu schlechtem, verknäultem Code, dem sogenannten Monolithen, der die Entwicklungskosten in Zukunft in die Höhe treibt und den Entwicklungsteams schlaflose Nächte bereitet. Mit Domain-Driven Design haben wir ein Werkzeug an der Hand, um solche Monolithen Schritt für Schritt zu zerlegen und wieder in den Bereich der beherrschbaren Wartungskosten zu bringen.
Der VDC Newsletter ist der monatliche Informationsdienst des Virtual Dimension Centers (VDC) Fellbach mit Neuigkeiten aus dem Netzwerk sowie Nachrichten und Terminen rund um das Thema Virtual Engineering. Tagesaktuelle Nachrichten sind auf http://www.vdc-fellbach.de verfügbar. Der VDC Newsletter wird derzeit von rund 4000 Personen gelesen. Besuchen Sie uns auch auf Facebook unter: http://www.facebook.com/vdc.fellbach
To Be or Not to Be - Die Digitalisierung und ihre FolgenMartin Runde
Laut einer Bitkom Studie aus dem Jahre 2016 sehen gerade einmal 50% der deutschen Unternehmen Digitalisierung als ein wichtiges Ziel.
Dabei sind Industrie 4.0 und kognitive Technologien aus der Cloud im Augenblick dabei, ganze Industriezweige und Dienstleistungsbereiche in ihren Grundzügen zu verändern.
Wir sind der Überzeugung: Unternehmen die sich nicht bewusst mit den Möglichkeiten der Digitalisierung auseinandersetzen riskieren ihre Wettbewerbs- und Zukunftsfähigkeit.
Vortrag von Yasser Eissa, Vice President IBM Cloud & Cognitive, Europe, IDC Hybrid Cloud Summit, 09. Februar 2017 in Frankfurt
Der VDC-Newsletter ist der monatliche Informationsdienst des Virtual Dimension Centers (VDC) Fellbach mit Neuigkeiten aus dem Netzwerk sowie Nachrichten und Terminen rund um die Themen Virtuelles Engineering, Virtuelle Realität, 3D-Visualisierung und 3D-Simulation. Alle Newsletter stehen zum Download auf http://www.vdc-fellbach.de/downloads/newsletterarchiv bereit.
Der VDC Newsletter ist der monatliche Informationsdienst des Virtual Dimension Centers (VDC) Fellbach mit Neuigkeiten aus dem Netzwerk sowie Nachrichten und Terminen rund um das Thema Virtual Engineering. Tagesaktuelle Nachrichten sind auf http://www.vdc-fellbach.de verfügbar. Der VDC Newsletter wird derzeit von rund 4000 Personen gelesen. Besuchen Sie uns auch auf Facebook unter: http://www.facebook.com/vdc.fellbach
Der VDC Newsletter ist der monatliche Informationsdienst des Virtual Dimension Centers (VDC) Fellbach mit Neuigkeiten aus dem Netzwerk sowie Nachrichten und Terminen rund um das Thema Virtual Engineering. Tagesaktuelle Nachrichten sind auf http://www.vdc-fellbach.de verfügbar. Der VDC Newsletter wird derzeit von rund 4000 Personen gelesen. Besuchen Sie uns auch auf Facebook unter: http://www.facebook.com/vdc.fellbach
Talk zur Webinale mit André Scharf und Peter Rozek.
Wenn uns Googles Updates und Algorithmusanpassungen in den letzten Jahres eines gelehrt haben, dann dass es für eine optimale Sichtbarkeit in den Suchergebnissen nicht mehr genügt, die Rankingfaktoren und Lücken der Suchmaschinen richtig auszunutzen. Vielmehr ist aus der Optimierung für Suchmaschinen eine Optimierung für den Nutzer geworden, um diesem die besten Ergebnisse für seine Suchanfrage zu liefern. Doch woher wissen wir, was Nutzer wirklich wollen, und wie schaffen wir es, dass sich die Nutzer auf unserer Website wohlfühlen? Diese Aufgabe erfordert mehr als technisches Verständnis, schließt Design-, Usability- und UX-Elemente ein und darf auch die Vermarktung nicht außer Acht lassen. Wie können wir also die gewohnten Silos durchbrechen, um Nutzer besser abzuholen und glücklich zu machen?
Crossing [Digital] Borders
Grenzen wie analog und digital, beruflich und privat oder künstlich und real verschwimmen immer mehr. Doch was heißt das für zukünftige Lösungen und Services? Welche Rolle spielen dabei eine positive User Experience (UX) und Customer Experience (CX)? Was können Unternehmen aus den Trends lernen?
Der VDC Newsletter ist der monatliche Informationsdienst des Virtual Dimension Centers (VDC) Fellbach mit Neuigkeiten aus dem Netzwerk sowie Nachrichten und Terminen rund um das Thema Virtual Engineering. Tagesaktuelle Nachrichten sind auf http://www.vdc-fellbach.de verfügbar. Der VDC Newsletter wird derzeit von rund 4000 Personen gelesen. Besuchen Sie uns auch auf Facebook unter: http://www.facebook.com/vdc.fellbach
Der VDC-Newsletter ist der monatliche Informationsdienst des Virtual Dimension Centers (VDC) Fellbach mit Neuigkeiten aus dem Netzwerk sowie Nachrichten und Terminen rund um die Themen Virtuelles Engineering, Virtuelle Realität, 3D-Visualisierung und 3D-Simulation. Alle Newsletter stehen zum Download auf http://www.vdc-fellbach.de/downloads/newsletterarchiv bereit. Unter http://www.vdc-fellbach.de/newsletter können Sie sich für den Newsletter anmelden.
NINC! - Presentation Papers 3D 2008
Die dritte Dimension ist der Schritt in die Wirklichkeit.
3D Visualisierungen bringen Konzepte, Produkte und Ideen zum Leben.
Mit 3-dimensionalen CGI (Computer Generated Imagery) werden Objekte, Licht,
Materialien und Szenen gebaut und von Computern berechnet, die Bandbreite der
grafischen Qualität geht hier von einfachen Konzeptbildern bis hin zu der
photorealistischen Wiedergabe...
Als Oldenburger IT-Dienstleister hat worldiety sich auf die Beratung sowie Implementierung von Softwarelösungen spezialisiert und entwickelt seit mittlerweile 10 Jahren erfolgreich mobile Applikationen, Web-Anwendungen, Cloud Lösungen sowie E-Commerce Systeme.
Der VDC Newsletter ist der monatliche Informationsdienst des Virtual Dimension Centers (VDC) Fellbach mit Neuigkeiten aus dem Netzwerk sowie Nachrichten und Terminen rund um das Thema Virtual Engineering. Tagesaktuelle Nachrichten sind auf http://www.vdc-fellbach.de verfügbar. Der VDC Newsletter wird derzeit von rund 4000 Personen gelesen. Besuchen Sie uns auch auf Facebook unter: http://www.facebook.com/vdc.fellbach
Der VDC-Newsletter ist der monatliche Informationsdienst des Virtual Dimension Centers (VDC) Fellbach mit Neuigkeiten aus dem Netzwerk sowie Nachrichten und Terminen rund um die Themen Virtuelles Engineering, Virtuelle Realität, 3D-Visualisierung und 3D-Simulation. Alle Newsletter stehen zum Download auf http://www.vdc-fellbach.de/downloads/newsletterarchiv bereit. Unter http://www.vdc-fellbach.de/newsletter können Sie sich für den Newsletter anmelden.
Fast jedes Softwaresystem wird mit guten Vorsätzen aber unter schwierigen Bedingungen entwickelt: Knappe Zeitvorgaben zwingen uns, schnelle Lösungen – Hacks – zu programmieren. Unterschiedliche Qualifikationen im Entwicklungsteam führen zu Code in ebenso unterschiedlicher Güte. Alter Code, den keiner mehr kennt, muss angepasst werden und vieles mehr. All das führt zu schlechtem, verknäultem Code, dem sogenannten Monolithen, der die Entwicklungskosten in Zukunft in die Höhe treibt und den Entwicklungsteams schlaflose Nächte bereitet. Mit Domain-Driven Design haben wir ein Werkzeug an der Hand, um solche Monolithen Schritt für Schritt zu zerlegen und wieder in den Bereich der beherrschbaren Wartungskosten zu bringen.
Der VDC Newsletter ist der monatliche Informationsdienst des Virtual Dimension Centers (VDC) Fellbach mit Neuigkeiten aus dem Netzwerk sowie Nachrichten und Terminen rund um das Thema Virtual Engineering. Tagesaktuelle Nachrichten sind auf http://www.vdc-fellbach.de verfügbar. Der VDC Newsletter wird derzeit von rund 4000 Personen gelesen. Besuchen Sie uns auch auf Facebook unter: http://www.facebook.com/vdc.fellbach
To Be or Not to Be - Die Digitalisierung und ihre FolgenMartin Runde
Laut einer Bitkom Studie aus dem Jahre 2016 sehen gerade einmal 50% der deutschen Unternehmen Digitalisierung als ein wichtiges Ziel.
Dabei sind Industrie 4.0 und kognitive Technologien aus der Cloud im Augenblick dabei, ganze Industriezweige und Dienstleistungsbereiche in ihren Grundzügen zu verändern.
Wir sind der Überzeugung: Unternehmen die sich nicht bewusst mit den Möglichkeiten der Digitalisierung auseinandersetzen riskieren ihre Wettbewerbs- und Zukunftsfähigkeit.
Vortrag von Yasser Eissa, Vice President IBM Cloud & Cognitive, Europe, IDC Hybrid Cloud Summit, 09. Februar 2017 in Frankfurt
Der VDC-Newsletter ist der monatliche Informationsdienst des Virtual Dimension Centers (VDC) Fellbach mit Neuigkeiten aus dem Netzwerk sowie Nachrichten und Terminen rund um die Themen Virtuelles Engineering, Virtuelle Realität, 3D-Visualisierung und 3D-Simulation. Alle Newsletter stehen zum Download auf http://www.vdc-fellbach.de/downloads/newsletterarchiv bereit.
Der VDC Newsletter ist der monatliche Informationsdienst des Virtual Dimension Centers (VDC) Fellbach mit Neuigkeiten aus dem Netzwerk sowie Nachrichten und Terminen rund um das Thema Virtual Engineering. Tagesaktuelle Nachrichten sind auf http://www.vdc-fellbach.de verfügbar. Der VDC Newsletter wird derzeit von rund 4000 Personen gelesen. Besuchen Sie uns auch auf Facebook unter: http://www.facebook.com/vdc.fellbach
Der VDC Newsletter ist der monatliche Informationsdienst des Virtual Dimension Centers (VDC) Fellbach mit Neuigkeiten aus dem Netzwerk sowie Nachrichten und Terminen rund um das Thema Virtual Engineering. Tagesaktuelle Nachrichten sind auf http://www.vdc-fellbach.de verfügbar. Der VDC Newsletter wird derzeit von rund 4000 Personen gelesen. Besuchen Sie uns auch auf Facebook unter: http://www.facebook.com/vdc.fellbach
Talk zur Webinale mit André Scharf und Peter Rozek.
Wenn uns Googles Updates und Algorithmusanpassungen in den letzten Jahres eines gelehrt haben, dann dass es für eine optimale Sichtbarkeit in den Suchergebnissen nicht mehr genügt, die Rankingfaktoren und Lücken der Suchmaschinen richtig auszunutzen. Vielmehr ist aus der Optimierung für Suchmaschinen eine Optimierung für den Nutzer geworden, um diesem die besten Ergebnisse für seine Suchanfrage zu liefern. Doch woher wissen wir, was Nutzer wirklich wollen, und wie schaffen wir es, dass sich die Nutzer auf unserer Website wohlfühlen? Diese Aufgabe erfordert mehr als technisches Verständnis, schließt Design-, Usability- und UX-Elemente ein und darf auch die Vermarktung nicht außer Acht lassen. Wie können wir also die gewohnten Silos durchbrechen, um Nutzer besser abzuholen und glücklich zu machen?
Hassliebe Onlineformulare, Enhance your Form for better UXPeter Rozek
Formulare und das Internet verbindet eine ewige Hassliebe. Zum einen sind sie notwendig und zum anderen scheitert die Conversion Rate nicht selten an einer schlechten Usability. Responsive Webdesign hat die Situation nicht einfacher gemacht. Verschiedene Formfaktoren und Interaktionsmechaniken sind zu berücksichtigen. Einzelne Formulare oder Formularstrecken müssen für den Nutzer verständlich bleiben und bei falschen Eingaben muss das System eine gewisse Fehlertoleranz erkenn und Kontextbezogene Hilfen anbieten. Zusätzlich gilt für unterschiedliche Touchpoints das Formulare scalable und usable sind. Der Vortrag zeigt mit welchen HTML5 und CSS3 Elementen Formulare technisch Robust werden und eine positive User Experience adressieren. Neben grundlegenden Usability Guidelines wird auch ein besonderes Augenmerk auf den Anwendungsfall gelegt. Zielgruppenorientierte Formulargestaltung braucht mehr als die Einbeziehung grundlegender Usability Richtlinien. Valide Use Cases auf Basis von Customer Journey Maps oder Touchpoint Matrix helfen den Fokus auf wesentliche Aspekte zu lenken.
DESIGN THE PRIORITY, PERFORMANCE AND UXPeter Rozek
Page speed is increasingly important for websites. Performance is User Experience and not only a Development Issue. Performance is a process and starts in conception and design.
Responsive Navigation Patterns, UX and GuidelinesPeter Rozek
User have a goal and are on a mission. Navigation is one of the core elements of a responsive website. Which navigation principle is the best for the information architecture, usability and user experience? In addition to the scalability for different screen sizes, it is the major challenge to find the balance between completeness and clarity. The presentation explores these questions and formulated guidelines.
The Future is now! Flexbox und fancy Stuff im Responsive WebdesignPeter Rozek
Seit dem Artikel von Ethan Marcotte hat Responsive Webdesign richtig Fahrt aufgenommen. Responsive Webdesign ist ein zentrales Buzzword, wenn es um Webentwicklung, E-Commerce, UX, SEO und Marketing geht. Seit 2010 hat sich viel verändert. Browser und Techniken haben sich weiterentwickelt. Das Nutzerverhalten hat sich stark verändert, heute sind Nutzer immer und überall online. Aber was ist mit uns, wo bleiben unsere Innovationsstärke und der Mut für neues? Wir, die Websites verkaufen, konzipieren, designen und entwickeln. Entrepreneurship und Innovation erfordern Mut und einen Schritt weiterzugehen als alle anderen - where no man has gone before. Der Vortrag zeigt, dass jetzt der Zeitpunkt ist, innovative HTML- und CSS-Techniken einzusetzen. Der Vortrag richtet sich in erster Linie an Frontend Entwickler und User Experience Designer/Consultants die mehr als Grundkenntnisse in HTML, CSS und JavaScript mitbringen.
The Future is now! Flexbox und fancy Stuff im Responsive WebdesignPeter Rozek
Seit dem Artikel von Ethan Marcotte hat Responsive Webdesign richtig Fahrt aufgenommen. Responsive Webdesign ist ein zentrales Buzzword, wenn es um Webentwicklung, E-Commerce, UX, SEO und Marketing geht. Seit 2010 hat sich viel verändert. Browser und Techniken haben sich weiterentwickelt. Das Nutzerverhalten hat sich stark verändert, heute sind Nutzer immer und überall online. Aber was ist mit uns, wo bleiben unsere Innovationsstärke und der Mut für Neues? Wir, die Websites verkaufen, konzipieren, designen und entwickeln. Entrepreneurship und Innovation erfordern Mut und einen Schritt weiterzugehen als alle anderen - where no man has gone before. Der Vortrag zeigt, dass jetzt der Zeitpunkt ist, innovative HTML- und CSS-Techniken einzusetzen.
Hightway to Hell - Responsive Webdesign TestenPeter Rozek
Unzählige Browser und Versionen, eine unübersehbare Anzahl an Bildschirmauflösungen und unterschiedliche Geräte machen die Entwicklung und das Testen von responsiven Webseiten nicht einfach. Wie kann man welche Browser verlässlich testen? Das sind Fragen, die sich jeder am Projekt Beteiligte stellen muss. Grundlagen und Strategien für das Testing kann man bereits in der Konzeptions- und Designphase legen. Frühe Tests können an HTML-Mockups oder Prototypen erfolgen. Der Vorteil liegt klar auf der Hand, Funktionen und Verhalten können in unterschiedlichen Browsern und Geräten getestet werden. HTML-Mockups und Prototypen können im Laufe der Entwicklung als Basis für die Finalisierung der Webseite dienen. Regelmäßige Testintervalle steigern die Qualität und helfen Designern, die Machbarkeit von Interaktionskonzepten in HTML und CSS besser zu verstehen.
Responsive Navigation Patterns - UX und GuidelinesPeter Rozek
Navigation ist nicht mehr auf ein Content, Context oder Component bezogen.
Die Navigation ist eines der Kernelemente einer responsiven Website. Welches Navigationsprinzip ist für die Informationsarchitektur, Bedienbarkeit und User Experience am besten geeignet? Neben der Skalierbarkeit für unterschiedliche Bildschirmgrößen ist die größte Herausforderung, die Balance zwischen Vollständigkeit und Klarheit zu finden. Content First und Mobile First impliziert, die Navigation zu überdenken. User Research und authentische User Journeys liefern valide Entscheidungsgrundlagen für die Priorisierung des Navigationsmodells. Je nach Komplexität sind Navigation Patterns erprobte Modelle, die man einsetzen kann. Ob Off-Canvas, Slidedown oder Hamburger-Icon, welche Vor- und Nachteile diese haben, muss sorgfältig evaluiert werden. Der Vortrag geht diesen Fragen nach und formuliert Guidelines für die Praxis.
6. KPS digital GmbH, ein Unternehmen der KPS AG
ANIMATION IS POWERFUL,
BECAUSE IT CAN CREATE
THE ILLUSION OF LIFE.
7. KPS digital GmbH, ein Unternehmen der KPS AG
YOU HAVE TO CREATE
SOMETHING THAT FEELS
HUMAN AND
ACCOMPLISHES A TASK.
8. @Jeeyun Oh, assistant professor of communications
at Robert Morris University
“Interactivity persuades people by
making users think more deeply
about the message.“
http://trentwalton.com/2012/02/02/redefined/
35. KPS digital GmbH, ein Unternehmen der KPS AG
ESSENTIAL FUNCTIONS OF
MICROINTERACTIONS
36. KPS digital GmbH, ein Unternehmen der KPS AG
Communicate feedback or the result of an
action.
Accomplish an individual task.
Enhance the sense of direct manipulation.
Help users visualize the results of their actions
and prevent errors.
41. WALT DISNAY: THE TWELVE BASIS
PRINCIPLES OF ANIMATION
http://the12principles.tumblr.com/
42. Squash and Stretch
Anticipation
Staging
Straight Ahead Action and Pose to Pose
Follow Through and Overlapping Action
Slow In and Slow Out
Arc
Secondary Action
Timing
Exaggeration
Solid drawing
Appeal
43. KPS digital GmbH, ein Unternehmen der KPS AG
FIVE PRINCIPLES WILL
ALWAYS DETERMINE HOW
INTERACTION DESIGN
44. KPS digital GmbH, ein Unternehmen der KPS AG
1. Goal-driven design (Personas and
Experience Map)
2. Usability
3. Affordance and signifiers
4. Learnability
5. Feedback and response time
45. KPS digital GmbH, ein Unternehmen der KPS AG
STORY-DRIVEN DESIGN
Develop concepts from the user's point of view
and his context.
46.
47.
48. KPS digital GmbH, ein Unternehmen der KPS AG
START BY DESIGNING
INDIVIDUAL COMPONENTS
AND THINKING ABOUT HOW
THEY CHANGE AND MOVE
IN DIFFERENT CONTEXTS.
49. KPS digital GmbH, ein Unternehmen der KPS AG
DO AND DON'T
What makes a good transition?
61. @keyframes meine-animation {
from {
/* Properties at the beginning of the animation */
}
to {
/* Properties at the end of the animation */
}
}
.mein-selektor {
animation-name: meine-animation;
animation-duration: 2s;
animation-iteration-count: infinite;
/* More animation Properties */
}
62. @keyframes meine-animation {
0% {
/* Properties at the beginning of the animation */
}
50% {
/* Properties after half of the animation */
}
100% {
/* Properties at the end of the animation */
}
}
63. @keyframes meine-animation {
0% {
/* Properties at the beginning of the animation */
}
25%, 75% {
/* Properties from 1/4 to 3/4 of the animation */
}
100% {
/* Properties at the end of the animation */
}
}
69. KPS digital GmbH, ein Unternehmen der KPS AG
1. Reduces cognitive load
2. Provide clear feedback in response to
user’s actions
3. Provide system status to the user
4. Guide and teach the user how to interact
with the interface