Christian Noss
FH Köln // Klickmeister GmbH
Mockup // Markup // Mashup
oder
Hat jemand ne Idee, wie man das hier am schlau...
Christian Noss
FH Köln // Klickmeister GmbH
Disclaimer
Dieser kleine Vortrag basiert überwiegend auf Erfahrungen
des Autor...
Christian Noss
FH Köln // Klickmeister GmbH
?
Christian Noss
FH Köln // Klickmeister GmbH
DesignerEntwickler
Christian Noss
FH Köln // Klickmeister GmbH
A B
Christian Noss
FH Köln // Klickmeister GmbH
http://www.simplesquare.com/blog/infographics/a-web-site-designed/
http://blog.mediaman.de/
visueller Prototyp
http://bypassengineering.businesscatalyst.com/img/web-site-development-
workflow.gif
http://www.firegroup.com/images/own/firegroup-workflow-illustration.jpg
visueller Prototyp
http://die-netzialisten.de/wp-content/uploads/2012/12/workflow-responsive-
design1.jpg
visueller Prototyp
Christian Noss
FH Köln // Klickmeister GmbH
http://www.publicgarden.de/blog/wp-content/uploads/blog_headerbild2.jpg
visuel...
http://blog.kulturbanause.de/2013/06/workflow-responsive-web-design-prototyping/
graphic-recording-responsive-workflow/
visu...
http://blog.kulturbanause.de/2013/06/workflow-responsive-web-design-prototyping/
graphic-recording-responsive-workflow/
visu...
Christian Noss
FH Köln // Klickmeister GmbH
nebulöses
Irgendwas
visueller Prototyp
Idee Web(site|application)
Christian Noss
FH Köln // Klickmeister GmbH
Wofür brauchen wir
visuelle Prototypen?
Christian Noss
FH Köln // Klickmeister GmbH
Was kann ein guter,
visueller Prototyp?
Christian Noss
FH Köln // Klickmeister GmbH
Christian Noss
FH Köln // Klickmeister GmbH
Suchwort: Accessibility
Christian Noss
FH Köln // Klickmeister GmbH
Suchwort: CMS
Christian Noss
FH Köln // Klickmeister GmbH
Suchwort: SEO
Christian Noss
FH Köln // Klickmeister GmbH
Suchwort: ResponsiveWeb Design
Christian Noss
FH Köln // Klickmeister GmbH
jetzt mal alle zusammen
Sehen, Riechen, Schmecken, Fühlen, Hören: Der Mensch ist ein Wesen mit fünf ausgeprägten und
überaus feinfühligen Sinnen. ...
Christian Noss
FH Köln // Klickmeister GmbH
Ich mag den Input und die
Naivität von, aus dem Print
gedachten, Gestaltungs-
...
Sehen, Riechen, Schmecken, Fühlen, Hören: Der Mensch ist ein Wesen mit fünf ausgeprägten und
überaus feinfühligen Sinnen. ...
WHAT
is
Web
science?
WHo cAn
sTudy
Web
science?
WHAT
is
THe
objecTive?
WHy
Here
in
cologne?
WHAT
is
THe
conTenT?
WHo
is
Te...
Christian Noss
FH Köln // Klickmeister GmbH
Ich suche
Layout- & Markup Beispiele Tools und deren Einbindung
Christian Noss
FH Köln // Klickmeister GmbH
markright
Ich suche
Christian Noss
FH Köln // Klickmeister GmbH
christian.noss@fh-koeln.de
Mockup Markup Mashup
Mockup Markup Mashup
Nächste SlideShare
Wird geladen in …5
×

Mockup Markup Mashup

552 Aufrufe

Veröffentlicht am

Talk@InteractiveCologne

Veröffentlicht in: Design
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
552
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
8
Aktionen
Geteilt
0
Downloads
3
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Mockup Markup Mashup

  1. 1. Christian Noss FH Köln // Klickmeister GmbH Mockup // Markup // Mashup oder Hat jemand ne Idee, wie man das hier am schlausten macht?
  2. 2. Christian Noss FH Köln // Klickmeister GmbH Disclaimer Dieser kleine Vortrag basiert überwiegend auf Erfahrungen des Autors und spiegelt zumeist dessen Meinung wider. Die Anwendbarkeit auf eigene Fragen und Problemstellungen erfolgt auf eigenes Risiko und sollte vorab ein wenig durchdacht werden. Die hier gezeigten Aussagen und Beispiele sind zum größten Teil nicht wissenschaftlich belegt. Der Autor agiert nicht in offiziellem Auftrag und agiert weder in seine Rolle als Hochschuldozent noch als Prüfer. Etwaige, von ihm gestellte Fragen, können daher spontan und ohne mittel- oder langfristige Folgen beantwortet werden. Die, in der Präsentation verwendeten Bilder, wurden nach bestem Wissen und Gewissen vom Autor mit entsprechendem Quellenvermerk ausgezeichnet. Gezeigter Beispiel-Code stammt in der Regel nicht aus der Feder des Autors sondern wurde eigens für diesen Vortrag kopiert. Der gezeigte Code erhebt keinen Anspruch auf extreme Sauberkeit und Effizient, noch auf semantische Reichhaltigkeit oder andere Qualitäten, die man von Quellcode, der innerhalb von Präsentationen gezeigt wird vielleicht erwarten könnte.
  3. 3. Christian Noss FH Köln // Klickmeister GmbH ?
  4. 4. Christian Noss FH Köln // Klickmeister GmbH DesignerEntwickler
  5. 5. Christian Noss FH Köln // Klickmeister GmbH A B
  6. 6. Christian Noss FH Köln // Klickmeister GmbH
  7. 7. http://www.simplesquare.com/blog/infographics/a-web-site-designed/
  8. 8. http://blog.mediaman.de/ visueller Prototyp
  9. 9. http://bypassengineering.businesscatalyst.com/img/web-site-development- workflow.gif
  10. 10. http://www.firegroup.com/images/own/firegroup-workflow-illustration.jpg visueller Prototyp
  11. 11. http://die-netzialisten.de/wp-content/uploads/2012/12/workflow-responsive- design1.jpg visueller Prototyp
  12. 12. Christian Noss FH Köln // Klickmeister GmbH http://www.publicgarden.de/blog/wp-content/uploads/blog_headerbild2.jpg visueller Prototyp
  13. 13. http://blog.kulturbanause.de/2013/06/workflow-responsive-web-design-prototyping/ graphic-recording-responsive-workflow/ visueller Prototyp
  14. 14. http://blog.kulturbanause.de/2013/06/workflow-responsive-web-design-prototyping/ graphic-recording-responsive-workflow/ visueller Prototyp
  15. 15. Christian Noss FH Köln // Klickmeister GmbH nebulöses Irgendwas visueller Prototyp Idee Web(site|application)
  16. 16. Christian Noss FH Köln // Klickmeister GmbH Wofür brauchen wir visuelle Prototypen?
  17. 17. Christian Noss FH Köln // Klickmeister GmbH Was kann ein guter, visueller Prototyp?
  18. 18. Christian Noss FH Köln // Klickmeister GmbH
  19. 19. Christian Noss FH Köln // Klickmeister GmbH Suchwort: Accessibility
  20. 20. Christian Noss FH Köln // Klickmeister GmbH Suchwort: CMS
  21. 21. Christian Noss FH Köln // Klickmeister GmbH Suchwort: SEO
  22. 22. Christian Noss FH Köln // Klickmeister GmbH Suchwort: ResponsiveWeb Design
  23. 23. Christian Noss FH Köln // Klickmeister GmbH jetzt mal alle zusammen
  24. 24. Sehen, Riechen, Schmecken, Fühlen, Hören: Der Mensch ist ein Wesen mit fünf ausgeprägten und überaus feinfühligen Sinnen. Dennoch steht heute – von Architektur über Design bis hin zu Neu- en Medien – vor allem die Optik im Fokus der Aufmerksamkeit. Wie viel größer und interessanter die Welt jedoch sein kann, wenn sie all unsere Sinne anspricht, erkennen neben Marketing- Experten auch zunehmend Architekten. Schließlich beschränkt sich die Wahrnehmung eines Raumes nicht nur auf das Sehen. Auch der Geruch, die Haptik und die Akustik bestimmen maß- geblich, wie ein Raum empfunden wird. Und tatsächlich sind es vor allem die nicht sichtbaren Faktoren, die uns auf der unbewussten, emotionalen Ebene maßgeblich beeinflussen, weiß Rainer Diersche. Der Designer und Wirtschaftsingenieur gründete 2001 das Unternehmen „Linari“, das auf hochwertige, exklusiv kreierte Raumparfüms spezialisiert ist. Als es darum ging, sein eigenes Synästhetische Architektur Die Ansprache aller fünf menschlichen Sinne ermöglicht eine Wahrnehmung auf emotionaler Ebene, die derzeit vorwiegend im Bereich des Marketings genutzt wird. Doch auch die Architektur öffnet sich zunehmend dem Einsatz multisenso- rischer Mittel, um ganzheitliche Raumerlebnisse zu erzeugen, wie das Beispiel der „Villa Linari“ in Hamburg zeigt, bei der Architektur, Licht und Duft eine geradezu symbiotische Einheit bilden. ReportageLicht entdecken / Fokus / Durchleuchtet Villa Linari, Hamburg Architekt: Thomas Dibelius, Dibelius Architekten, Hamburg Licht- und Elektroplanung: Manfred Necker, Ralph Kolbinger, Sineplan, Hamburg Lichtsteuerung: Dirk Beyer, Ingenieurbüro Beyer, Neumünster Fotos: Frieder Blickle, Hamburg www.linari.com
  25. 25. Christian Noss FH Köln // Klickmeister GmbH Ich mag den Input und die Naivität von, aus dem Print gedachten, Gestaltungs- vorschlägen.
  26. 26. Sehen, Riechen, Schmecken, Fühlen, Hören: Der Mensch ist ein Wesen mit fünf ausgeprägten und überaus feinfühligen Sinnen. Dennoch steht heute – von Architektur über Design bis hin zu Neu- en Medien – vor allem die Optik im Fokus der Aufmerksamkeit. Wie viel größer und interessanter die Welt jedoch sein kann, wenn sie all unsere Sinne anspricht, erkennen neben Marketing- Experten auch zunehmend Architekten. Schließlich beschränkt sich die Wahrnehmung eines Raumes nicht nur auf das Sehen. Auch der Geruch, die Haptik und die Akustik bestimmen maß- geblich, wie ein Raum empfunden wird. Und tatsächlich sind es vor allem die nicht sichtbaren Faktoren, die uns auf der unbewussten, emotionalen Ebene maßgeblich beeinflussen, weiß Rainer Diersche. Der Designer und Wirtschaftsingenieur gründete 2001 das Unternehmen „Linari“, das auf hochwertige, exklusiv kreierte Raumparfüms spezialisiert ist. Als es darum ging, sein eigenes Synästhetische Architektur Die Ansprache aller fünf menschlichen Sinne ermöglicht eine Wahrnehmung auf emotionaler Ebene, die derzeit vorwiegend im Bereich des Marketings genutzt wird. Doch auch die Architektur öffnet sich zunehmend dem Einsatz multisenso- rischer Mittel, um ganzheitliche Raumerlebnisse zu erzeugen, wie das Beispiel der „Villa Linari“ in Hamburg zeigt, bei der Architektur, Licht und Duft eine geradezu symbiotische Einheit bilden. ReportageLicht entdecken / Fokus / Durchleuchtet Villa Linari, Hamburg Architekt: Thomas Dibelius, Dibelius Architekten, Hamburg Licht- und Elektroplanung: Manfred Necker, Ralph Kolbinger, Sineplan, Hamburg Lichtsteuerung: Dirk Beyer, Ingenieurbüro Beyer, Neumünster Fotos: Frieder Blickle, Hamburg www.linari.com
  27. 27. WHAT is Web science? WHo cAn sTudy Web science? WHAT is THe objecTive? WHy Here in cologne? WHAT is THe conTenT? WHo is TeAcHing Here? WHAT is A verbund- sTudium? HoW mucH Are THe fees? HoW And WHen cAn i Apply? 1 2 3 4 5 6 7 8 9 A i m A t l e A d e r s h i p i n W e b p r o j e c t s W i t h t h e m A s t e r p r o g r A m m e W e b s c i e n c e A t t h e c o l o g n e U n i v e r s i t y o f A p p l i e d s c i e n c e s .
  28. 28. Christian Noss FH Köln // Klickmeister GmbH Ich suche Layout- & Markup Beispiele Tools und deren Einbindung
  29. 29. Christian Noss FH Köln // Klickmeister GmbH markright Ich suche
  30. 30. Christian Noss FH Köln // Klickmeister GmbH christian.noss@fh-koeln.de

×