Challenge Microsoft Surface: Herausforderung bei Gestaltung und Entwicklung

Transkript

1 Challenge Microsoft Surface: Herausforderung bei Gestaltung und Entwicklung UID CeBIT 2010 Seite 1 Heiko Lewandowski

2 UID CeBIT 2010 Seite 2 Explore.

3 UID CeBIT 2010 Seite 3

4 STATION KONZEPT Konzept erstellen Informationsarchitektur erstellen Wireframes erstellen Rahmenbedingungen für die Konzeptentwicklung recherchieren Vorgehen nach User Centered Design (UCD) UID CeBIT 2010 Seite 4

5 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 UID CeBIT 2010 Seite 5

6 KONZEPT PHASE RAHMENSBEDINGUNGEN FÜR DIE KONZEPTENTWICKLUNG keine Maus Taps kein Rechtsklick kein Mouse-Over Gesten 360 Mehrere gleichzeitige Nutzer UID CeBIT 2010 Seite 6

7 KONZEPT PHASE INFORMATIONSARCHITEKTUR UID CeBIT 2010 Seite 7

8 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 UID CeBIT 2010 Seite 8

9 STATION DESIGN Farben Animationen Fonts Formen Icons UID CeBIT 2010 Seite 9

10 DESIGN PHASE FONTS Welche Schriftarten und Schriftgrößen funktionieren auf Surface? Mindestgröße Schriftart 10pt Auswahl des richtigen Fonts UID CeBIT 2010 Seite 10

11 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 UID CeBIT 2010 Seite 11

12 DESIGN PHASE ICONS Projektkarten mit Icons Benutzer wissen nicht, mit welchen Bereichen interagiert werden kann. Projektkarten mit Icons und Visualisierung der sensiblen Bereiche UID CeBIT 2010 Seite 12

13 STATION IMPLEMENTIERUNG Softwareentwicklungsprozess Scrum Tools Microsoft Windows Vista / Windows 7 Microsoft Surface SDK 1.0 / 1.1 Microsoft Visual Studio 2008 Microsoft Expression Blend UID CeBIT 2010 Seite 13

14 IMPLEMENTIERUNG BUBBLES Ausgestaltung Bubbles mit Schatten. Bubbles prallen voneinander ab Reibungsverlust wird simuliert. Implementierung von Algorithmen zur Berechnung dieses physikalischen Modells UID CeBIT 2010 Seite 14

15 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 UID CeBIT 2010 Seite 15

16 IMPLEMENTIERUNG PROJEKTKARTEN Minimale Größe für berührungssensible Bereiche px = (mm x dpi) / px = 20mm UID CeBIT 2010 Seite 16

17 IMPLEMENTIERUNG UCD KREIS Kreisförmig angeordnete Schrift. Aufgrund Internationalisierung kein Bild. Custom Control abgeleitet von ScatterView. Textrendering an Vectorpfad ausgerichtet UID CeBIT 2010 Seite 17

18 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 UID CeBIT 2010 Seite 18

19 IMPLEMENTIERUNG GESTEN RECHERCHE MOVIE: Recherche zu Gesten! UID CeBIT 2010 Seite 19

20 STATION OPTIMIERUNGSPHASE Platzmangel Filterung Performance/Rendering Glow Effekte Bitmap Effekte Collision Detection UID CeBIT 2010 Seite 20

21 OPTIMIERUNGSPHASE PLATZMANGEL Zu viele Karten auf dem Tisch Kombinierbare Filter über Tags UID CeBIT 2010 Seite 21

22 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 UID CeBIT 2010 Seite 22

23 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) UID CeBIT 2010 Seite 23

24 UID CeBIT 2010 Seite 24 Vielen Dank für Ihre Aufmerksamkeit!