24. = +
Fragen was User wollen und brauchen5 Ebenen der UX
UX WERTE TESTING WERTE HINZUFÜGEN
Projekt
DNA
Projekt
DNA
Projekt
DNA
Kaizen - Das Prinzip stetiger Verbesserung
Jap. Kai = Veränderung, Wandel;
Zen = zum Besseren 改善;
„Veränderung zum Besseren“
39. Typ: Berufsnutzer
Des Users Kryptonit
Sinus Milieus
10% Etablierte
14% Konsum Materialisten
11% Hedonisten
9% Experimentalisten
15% Bürgerliche Mitte
14% Traditionsverwurzelte
5% Konservative
10% Moderner Performer
Neuorientierung
Mulit-Optionalität
Experimentierfreude
Leben in Paradoxien
Modernisierung
Individualisierung
Selbstverwirklichung
Genuss
Traditionelle Werte
Pflichterfüllung
Ordnung
UnterschichtMittelschichtOberschichtSozialeLage
Grundorientierung
4% DDR-Nostalgische
5% Konservative
Quelle:Sinus2009
Steckbrief
ALTER: 34
GESCHLECHT: männlich
NATIONALITÄT: deutsch
BESCHÄFTIGUNG:
DWS Investment GmbH
FACHKOMPETENZEN: Fachwissen in der
Altersvorsorge - Spezialwissen Riester
und Rürup - medizinische Risikoprüfung
in der Lebensversicherung - komplette
Bestandsbearbeitung in der Altersvor-
sorge - Grundkenntnisse in Investment-
fonds
OS: Windows (Desktop), iOS (Tablet),
Android (Mobile)
BROWSER: Desktop: IE/Firefox Tablet:-
Safari
DEVICES: iPad, Notebook, PC, Full HD
SOCIAL MEDIA: Xing, Facebook
WERTE: Das leben ist kein Ponnyhof
BEDARF: Immer auf dem neusten Stand
VERTRAUT WEM: Familie und engen Freunden
MOTIVATIONEN: „Sky is the limit“ --> nichts ist unerreichbar
LIEBLINGSBANDS: unterschiedlich --> Hip Hop, RnB
TV SENDUNGEN: Sport1, Sky, Pro Sieben
SPORT: Fussball, Joggen, Fitness
DEMOGRAFISCHE EIGENSCHAFTEN: neuste Technik, Sport etc.
Des Users Roboter
Multiscreen Use-Context
Sonstiges
Situation: Mobil + Stationär
Umfeld: Privat, Arbeits-
platz, öffentlicher Raum,
Unterwegs
Modus:
Lean Back (zuhause) , Lean
Forward( Zuhause + Arbeit)
Coherence
Synchronisation
Screen Sharing
Device Shifting
Complementarity
Simultaneity
· Keine Tablett optimierte Page
· langsame Ladezeit
· Unstrukturierter Aufbau
· Tablett optimiert
· Strukturiert & einfach
· Weniger ist mehr
X
X
X
86. Diese Beispiel Segmente listen verwandete Produkte und Reviews dazu, auf.
Diese können als eingeständige HTML Fragemente bei Bedarf hineingezogen
werden.
Demo: http://codepen.io/bradfrost/full/JsAKf
102. Its not about design and entertainment,
its about clarity
Mission: simply, clearer, faster
Paul Annett, Creative Lead
UK Government Digital Service
gov.uk
103.
104. = +
Fragen was User wollen und brauchen5 Ebenen der UX
UX WERTE TESTING WERTE HINZUFÜGEN
Projekt
DNA
Projekt
DNA
Projekt
DNA
„Einfachheit ist die größte Form der
Vollendung“.
124. <script type="text/javascript">
var mybox = new scroller();
mybox.scrollable_element = $('#swipeable');
mybox.scroller_elemets = $('.swipable-box');
mybox.fixed_stop_width = 1040;
mybox.max_stops = 1;
mybox.move_treshold = 0.15;
mybox.bind_events();
mybox.center_to_index(-1);
//Ipad click wird nicht immer erkannt daher touchstart
var ipadtouch = navigator.userAgent,
event = (ipadtouch.match(/iPad/i)) ? "touchstart" : "click";
$(".jcarousel-control-next").bind(event, function(){
mybox.next();
checkScrollerIndex();
});
$(".jcarousel-control-prev").bind(event, function(){
mybox.previous();
checkScrollerIndex();
});
}
</script>
Swipe Box
125. //The Click event is incorrectly interpreted
touchstart
var ipadtouch = navigator.userAgent,
event = (ipadtouch.match(/iPad/i)) ?
"touchstart" : "click";
The Click event is incorrectly interpreted by the iPad and not
converted to a touch event. By the script, the actual click
event is replaced by a touch event.
140. HTML5 - Geolocation.
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var latLng = new google.maps.LatLng(
position.coords.latitude, position.coords.longitude);
var marker = new google.maps.Marker({position: latLng, map: map});
map.setCenter(latLng);
}, errorHandler);
}
141.
142. HTML5 - Device Orientation.
window.addEventListener('deviceorientation', function(event) {
var a = event.alpha;
var b = event.beta;
var g = event.gamma;
}, false);
Quelle des Bildes: http://dev.w3.org/geo/api/spec-source-orientation.html
153. Tablet UX-Design:
Tablet-optimized websites should have the following characteristics:
★ Simplicity and reduction to the essentials (Simplicity)
★ White space: Bright spots promoting the visibility and reduce reflections in touch
★ Photos, graphics, and buttons optimized for Retina displays
★ Fewer images to allow even with low bandwidth good load times
★ The design of the navigation and functional elements (icons) is based on the current GUI of the operating system.
★ This provides a high recognition value for the user and better integration into the environment.
★ Direct feedback of navigation elements
★ Thumb-friendly navigation elements
★ Clear design principles for "touchable" items
★ Layout optimized for landscape and portrait mode
★ Content has the highest priority, flat information hierarchy
★ The content is optimized for its use in various environments
★ Minimum data required (forms)
★ Larger font sizes than with the desktop version
★ Scrolling and swiping in one direction only
★ There is provided a guide to using the gestures ready
★ Use of the content and offline (local storage, session storage)
★ "Almost no" advertising
★ Fast loading times
162. = +
Fragen was User wollen und brauchen5 Ebenen der UX
UX WERTE TESTING WERTE HINZUFÜGEN
Projekt
DNA
Projekt
DNA
Projekt
DNA
Immer wenn Du glaubst erleuchtet zu sein,
beginnst Du wieder am Anfang.
164. NUISOL entwickelt digitale Lösungen für Marketing und
Kommunikation. Der neuste Stand der Technologie ist
dabei Maßstab.
Das Wissen über Entwicklungen und Trends macht NUISOL
so praktisch nutzbar und bietet Orientierung in der rasanten
digitalen Evolution.
NUISOL. Agentur für digitale Aha-Erlebnisse.
165. Technical Writing, Talks, Workshops, Trainings
UX Design
Webdevelopment
Mobile
Tablet
E-Commerce
Digital Publishing
Live Streaming (HLS)
Social Media