Challenge Microsoft Surface: Herausforderung bei Gestaltung und Entwicklung 04.03.2010 UID CeBIT 2010 Seite 1 Heiko Lewandowski
04.03.2010 UID CeBIT 2010 Seite 2 Explore.
04.03.2010 UID CeBIT 2010 Seite 3
STATION KONZEPT Konzept erstellen Informationsarchitektur erstellen Wireframes erstellen Rahmenbedingungen für die Konzeptentwicklung recherchieren Vorgehen nach User Centered Design (UCD) 04.03.2010 UID CeBIT 2010 Seite 4
KONZEPT PHASE UCD Kompetenzübergreifendes Team aus Konzept, Design, Softwareentwicklung. Endnutzer steht immer im Mittelpunkt. Entwicklung eines auf die Bedürfnisse des Endnutzers optimiertes Bedienkonzepts. Evaluation der Konzepte und der Multitouch-Gesten durch den Endnutzer. 04.03.2010 UID CeBIT 2010 Seite 5
KONZEPT PHASE RAHMENSBEDINGUNGEN FÜR DIE KONZEPTENTWICKLUNG keine Maus Taps kein Rechtsklick kein Mouse-Over Gesten 360 Mehrere gleichzeitige Nutzer 04.03.2010 UID CeBIT 2010 Seite 6
KONZEPT PHASE INFORMATIONSARCHITEKTUR 04.03.2010 UID CeBIT 2010 Seite 7
KONZEPT PHASE EVALUATIONSPROZESS Anforderungen Diskussion Visuelle Recherche (Inspiration) Export nach XAML Test auf Surface Test auf Surface Formen Recherche Visuelle Effekte colors, glows, gradients, shadows 04.03.2010 UID CeBIT 2010 Seite 8
STATION DESIGN Farben Animationen Fonts Formen Icons 04.03.2010 UID CeBIT 2010 Seite 9
DESIGN PHASE FONTS Welche Schriftarten und Schriftgrößen funktionieren auf Surface? Mindestgröße Schriftart 10pt Auswahl des richtigen Fonts 04.03.2010 UID CeBIT 2010 Seite 10
DESIGN PHASE FORMEN Steine vs. Bubbles Steine als Platzhalter für Referenzprojekte? Technisch aufwändig umzusetzen Passt nicht zur innovativen, modernen und technikorientierten Anmutung von Microsoft Surface und UID. Sci-Fi anmutende runde Kreise die sich bewegen und miteinander interagieren. 04.03.2010 UID CeBIT 2010 Seite 11
DESIGN PHASE ICONS Projektkarten mit Icons Benutzer wissen nicht, mit welchen Bereichen interagiert werden kann. Projektkarten mit Icons und Visualisierung der sensiblen Bereiche. 04.03.2010 UID CeBIT 2010 Seite 12
STATION IMPLEMENTIERUNG Softwareentwicklungsprozess Scrum Tools Microsoft Windows Vista / Windows 7 Microsoft Surface SDK 1.0 / 1.1 Microsoft Visual Studio 2008 Microsoft Expression Blend 3.0 04.03.2010 UID CeBIT 2010 Seite 13
IMPLEMENTIERUNG BUBBLES Ausgestaltung Bubbles mit Schatten. Bubbles prallen voneinander ab Reibungsverlust wird simuliert. Implementierung von Algorithmen zur Berechnung dieses physikalischen Modells. 04.03.2010 UID CeBIT 2010 Seite 14
IMPLEMENTIERUNG PROJEKTKARTEN Keine rechteckigen Karten sondern abgerundete Formen mit Elipsen. Implementierung der Karten über einen Style und GeometryBuilder auf Basis des ScatterView Controls. Konzept sieht viele Karten auf einmal vor. Karten verschwinden nach einer bestimmten Zeit. 04.03.2010 UID CeBIT 2010 Seite 15
IMPLEMENTIERUNG PROJEKTKARTEN Minimale Größe für berührungssensible Bereiche px = (mm x dpi) / 25.4 75.6 px = 20mm 04.03.2010 UID CeBIT 2010 Seite 16
IMPLEMENTIERUNG UCD KREIS Kreisförmig angeordnete Schrift. Aufgrund Internationalisierung kein Bild. Custom Control abgeleitet von ScatterView. Textrendering an Vectorpfad ausgerichtet. 04.03.2010 UID CeBIT 2010 Seite 17
IMPLEMENTIERUNG GESTEN SPRACHE Implementierung von Gesten. Richtungsunabhängigkeit in den Gesten. Analyse der initialen Richtung, Richtungswechsel und Anzahl von Tap Events und wie sie sich relativ zueinander bewegen. 04.03.2010 UID CeBIT 2010 Seite 18
IMPLEMENTIERUNG GESTEN RECHERCHE MOVIE: Recherche zu Gesten! 04.03.2010 UID CeBIT 2010 Seite 19
STATION OPTIMIERUNGSPHASE Platzmangel Filterung Performance/Rendering Glow Effekte Bitmap Effekte Collision Detection 04.03.2010 UID CeBIT 2010 Seite 20
OPTIMIERUNGSPHASE PLATZMANGEL Zu viele Karten auf dem Tisch Kombinierbare Filter über Tags 04.03.2010 UID CeBIT 2010 Seite 21
OPTIMIERUNGSPHASE RENDERING GLOW EFFEKTE Karten und Bubbles sollen shiny sein. Performance der Bitmap Effekte Rendering von Glow Effekten teilweise fehlerhaft in Microsoft Surface SDK 1.0. Simulation des Glow Effekts durch Einsatz mehrerer Controls mit Hintergrundfarbe und abnehmender Deckkraft. 04.03.2010 UID CeBIT 2010 Seite 22
STATION ZIELEINLAUF Gesten nutzen! Spaß und Spieltrieb unterstützen Platzsparend konzipieren und designen Auf Performance achten Tags in schwarz/weiß mit Rahmen Auf eine gutes Verhältnis von Funktionalität pro Pixel achten (Projektkarten) 04.03.2010 UID CeBIT 2010 Seite 23
04.03.2010 UID CeBIT 2010 Seite 24 Vielen Dank für Ihre Aufmerksamkeit! www.uid.com info@uid.com