BACHELORARBEIT // THOMAS SOYTER Ein interaktiver Prototyp ...

Weitere Magazine

Empfehlungen

Info

3.1.2. Grundlegendes Prototypkonzept Ausgehend von den in dieser Arbeit gewonnenen Erkenntnissen wird nachfolgend das für den interaktiven Prototyp erarbeitete Konzept dargestellt. Die in Kapitel 2.2.1 und Kapitel 2.2.2 bereits aufgezeigten möglichen Funktionen und Features zur Überarbeitung und Bewertung von Zeichnungen sind dabei teilweise eingeflossen bzw. wurden erweitert oder modifiziert. Das Konzept von SketchCoLab gliedert sich in vier Bereiche, die neben der geplanten Funktionalität, auch Aspekte zur Kollaboration und Kooperation sowie die gewählten Ansätze zur Bewertung und Überarbeitung aufzeigen. Abbildung 47 zeigt das Grobkonzept im Überblick, während Abbildung 48 das Funktionslayout der Anwendung darstellt. Überarbeiten Ein zentraler Aspekt der Anwendung ist das Überarbeiten von Zeichnungen. Es sind jedoch auch andere visuelle Darstellungen wie Bilder, Fotos oder Interfaces denkbar. Die Überarbeitung erfolgt durch Möglichkeiten der Annotation. Nutzer können eine Zeichnung annotieren und mit Hinweisen, Markierungen, Texten, Pfeilen durch das Stift- und Text- Werkzeug versehen. Ebenfalls möglich ist die Erstellung einer neuen Zeichnung in Bezug auf das Basisbild. Um die Übersicht während der Zusammenarbeit zu wahren, ist die gleichzeitige Annotation von mehreren Nutzern zwar möglich, erfolgt jedoch nicht innerhalb einer gemeinsamen Arbeitsfläche bzw. an einer für alle gleichzeitig sichtbaren Zeichnung. Die Überarbeitungen anderer Nutzer können wahlweise eingeblendet, sowie überarbeitet und als Basis neuer Annotationsversionen genutzt werden. So entsteht eine Vielzahl neuer Gestaltungsansätze, die durch die kollaborative und kooperative Zusammenarbeit unterstützt werden. Bewerten Ein weiterer wichtiger Punkt ist die Bewertung von Zeichnungen. Durch die Überarbeitung in Form von Annotation wird bereits eine Möglichkeit der Bewertung berücksichtigt. Nutzer können durch „handschriftliche“ Worte oder Symbole (z. B. Smiley) ihre Meinung und Wertung ausdrücken. Als zusätzliche Bewertungsmöglichkeit sollten im ursprünglichen Konzept „Tags“ dienen. Diese hätten jeweils für positive oder negative Aspekte der Zeichnung vergeben werden können und erlauben somit eine „bewertende Verschlagwortung“. Im Laufe der Konzeption hat sich jedoch herausgestellt, dass die Einbindung von „Tags“ die Übersichtlichkeit der Anwendung verringert und gerade für nicht geübte Nutzer eine weitere kognitive Belastung darstellt. Damit wäre dem Anspruch einer möglichst einfachen und transparenten Bedienung entgegengewirkt worden. Darüber hinaus würde der zeitliche Aufwand zur Bewertung von Zeichnungen vergrößert werden, was gerade bei einer hohen Anzahl zu bewertender Elemente ein störender Faktor ist. Weitere Formen der Bewertung sind durch Kommentare und Textboxen möglich. Textboxen können innerhalb von SketchCoLab auf der Zeichnung platziert werden und dienen sowohl als Annotationshinweise, als auch als Bewertungsinstrument. Durch die Möglichkeit der freien Platzierung können sich die Informationen auf konkrete Details innerhalb der Zeichnung beziehen, was die Transparenz Grobkonzept SketchCoLab ••• 73
74 ••• SketchCoLab Technologien HTML5 / CSS / JavaScript PHP / MySQL Datenbasis = bestehende Zeichnungen von Icons, etc. Datenbasis = bestehende Zeichnungen von Icons, etc. Auf Details der Zeichnung Auf die gesamte Zeichnung Überarbeiten • Freiform-Stift • Radiergummi • Textwerkzeug Sharing • Server • Speichern • Individuell Abbildung 47: Grobkonzept SketchCoLab Eigene Darstellung Kollaboration und Kooperation Arbeitsbereich Awareness Workflow • Kommentare • Chat • Rückgängig / Wiederholen • Speichern • Arbeitsfläche löschen Konzeption und praktische Umsetzung Kommunikation • User-Awareness: durch Namen, durch Ansicht der verschiedenen Versionen der einzelnen Nutzer • Workspace-Awareness: wer hat welche Aktivitäten gemacht z. B. wer hat welche Kommentare bzw. Bewertungen abgegeben Bewerten • Rating • Bewertungs- Kommentar Interaktion (Multi)Touch (Finger, Stift), Maus, Texteingabe (Hardwaretastatur)
Seite 1 und 2:
BACHELORARBEIT // THOMAS SOYTER Ein
Seite 3 und 4:
Hochschule der Medien Stuttgart Fac
Seite 5 und 6:
••• Schlagwörter Kollaborati
Seite 8 und 9:
INHALTSVERZEICHNIS 1 EINFÜHRUNG 1
Seite 10 und 11:
ABBILDUNGSVERZEICHNIS Abbildung 1:
Seite 12 und 13:
Abbildung 43: Historische Meilenste
Seite 14:
Abbildung 87: Mockup #8 - Textwerkz
Seite 18:
ABKÜRZUNGSVERZEICHNIS CSS Cascadin
Seite 22:
1 EINFÜHRUNG Kollaboration und Koo
Seite 26 und 27:
2 THEORIE UND GRUNDLAGEN Die nachfo
Seite 28 und 29:
Die Motivation für eine Kooperatio
Seite 30 und 31:
Dort ist der Informations- und Komm
Seite 32 und 33:
Kollaboration und Kooperation vs. E
Seite 34 und 35:
„Groupware are computer-based sys
Seite 36 und 37:
tion von Nutzern. Neben dem zeitlic
Seite 38 und 39:
das den Einsatz von Groupware notwe
Seite 40 und 41:
Die gemeinsamen Informationsräume
Seite 42 und 43:
genannten Dimensionen Aufmerksamkei
Seite 44 und 45: 2.2. Computergestütztes kollaborat
Seite 46 und 47: und Ideen oft zu konkret dargestell
Seite 48 und 49: 2.2.2. Praktische Ansätze zum geme
Seite 50 und 51: dern können. iAnnotate ist eine Me
Seite 52 und 53: TheCommentor (Abbildung 15) Die Web
Seite 54 und 55: Dokumente mit anderen Personen z. B
Seite 56 und 57: ger Aspekt der Kollaboration und Ko
Seite 58 und 59: Kernfunktionen Erweiterte Features
Seite 60 und 61: nutzter Inhalte durch mehrere Nutze
Seite 62 und 63: war es innerhalb kurzer Zeit den ri
Seite 64 und 65: Flickr (Abbildung 25) Die Foto-Comm
Seite 66: aber durch Textauszeichnungsoptione
Seite 69 und 70: 48 ••• Abbildung 26: Beispiel
Seite 71 und 72: 50 ••• Abbildung 28: UMPC mit
Seite 73 und 74: 52 ••• Abbildung 32: Apple Ne
Seite 75 und 76: 54 ••• Taktiles Interface Ein
Seite 77 und 78: 56 ••• Abbildung 39: PLATO IV
Seite 79 und 80: 58 ••• der Technologie der To
Seite 81 und 82: 60 ••• Abbildung 45: ASUS Eee
Seite 84: 03 PRAKTISCHE UMSETZUNG
Seite 87 und 88: 66 ••• 3.1. Grobkonzept 3.1.1
Seite 89 und 90: 68 ••• Nutzungskontextanalyse
Seite 91 und 92: 70 ••• Scenario-Based-Design
Seite 93: 72 ••• Für das Konzept des i
Seite 97 und 98: 76 ••• Zentrales Bewertungsto
Seite 99 und 100: 78 ••• Versionsmanagement Ein
Seite 101 und 102: 80 ••• 3.2. Feinkonzept Vorne
Seite 103 und 104: 82 ••• Informationsarchitektu
Seite 105 und 106: 84 ••• Wireframe Mit Wirefram
Seite 107 und 108: 86 ••• Wireframe #1 - Grundau
Seite 109 und 110: 88 ••• Wireframe #3 - Projekt
Seite 111 und 112: 90 ••• Wireframe #5 - Werkzeu
Seite 113 und 114: 92 ••• Wireframe #7 - Werkzeu
Seite 115 und 116: 94 ••• Wireframe #9 - Workflo
Seite 117 und 118: 96 ••• Wireframe #11 - Workfl
Seite 119 und 120: 98 ••• Wireframe #13 - Aktivi
Seite 121 und 122: 100 ••• Wireframe #15 - Ansic
Seite 123 und 124: 102 ••• Wireframe #17 - „Ta
Seite 125 und 126: 104 ••• onen bereitzustellen.
Seite 127 und 128: 106 ••• SketchCoLab In Sketch
Seite 129 und 130: 108 ••• Auflösung (72 oder 9
Seite 131 und 132: 110 ••• Unbunt-Farbe: Blau-Gr
Seite 133 und 134: 112 ••• macht die Verwendung
Seite 135 und 136: 114 ••• keiten verfügen •
Seite 137 und 138: 116 ••• Mockup #1 - Splashscr
Seite 139 und 140: 118 ••• » 1: Werkzeuge zur A
Seite 141 und 142: 120 ••• Mockup #5 - Aktivitä
Seite 143 und 144: 122 ••• Mockup #7 - Chat-Werk
Seite 145 und 146:
124 ••• Mockup #9 - Strichst
Seite 147 und 148:
126 ••• Mockup #11 - Ansicht
Seite 149 und 150:
128 ••• Mockup #13 - Bewertun
Seite 151 und 152:
130 ••• Mockup #15 - Kommenta
Seite 153 und 154:
132 ••• da die stark reduzier
Seite 156:
4 SCHLUSSBEMERKUNG Ziel war es, im
Seite 159 und 160:
138 ••• CRAFT, B., & CAIRNS,
Seite 161 und 162:
140 ••• HEBECKER, R., & EBBER
Seite 163 und 164:
142 ••• action. London: Acade
Seite 166 und 167:
6 ANHANG Die im Anhang befindlichen
Seite 168 und 169:
KOLLABORATIVES ZEICHNEN BRAINSTORMI
Seite 170 und 171:
KOLLABORATIVES ZEICHNEN 2 BRAINSTOR
Seite 172 und 173:
KOLLABORATIVES ZEICHNEN FRAGEN Konz
Seite 174 und 175:
Veränderungen Präsenz Aktivitäte
Seite 176 und 177:
Anhang SketchCoLab ••• 155
Seite 178 und 179:
Seite 180 und 181:
Seite 182 und 183:
Seite 184:
Alle anzeigen

BACHELORARBEIT // THOMAS SOYTER Ein interaktiver Prototyp ...

Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.

Template löschen?

Als Template speichern?