Diese Präsentation wurde bei einem Vortrag beim netzwerk nordbayern bei der "Technischen Akademie Wuppertal" in Altdorf am 30.03.2011 von Mike Rohrmüller gehalten. Thema des Vortrags sind die aktuellen Anforderungen an moderne Webseiten aus Sicht von potenziellen und bestehenden Kunden, Social Media, Mobility und Suchmaschinen-optimierung. Zielgruppe des Vortrags waren mittelständische Unternehmer aus der Region Franken.

1. PIXELMECHANICS | Webproduktion [MR]
Anforderungen an moderne Webseiten
30.03.2011 - n2 Treff - TAW Weiterbildungszentrum Altdorf
PIXELMECHANICS | Webproduktion
Michael Rohrmüller
Am Spund 7
90427 Nürnberg
mr@pixelmechanics.de
1 Alle Bilder von flickr: Creative Commons-licensed content for commercial use
Samstag, 2. April 2011

2. PIXELMECHANICS | Webproduktion [MR]
Wir sind...
2 © Bernat Casero
Samstag, 2. April 2011

3. „Wir realisieren anspruchsvolle
Web-, eCommerce- und Social-Media-
Projekte.“
PIXELMECHANICS | Webproduktion [MR]
3 © Olly Newport
Samstag, 2. April 2011

4. [portfolio]
Vermarktung Gutachtertätigkeit
‣ Konzeption & Strategie ‣ Proof-of-Concept
PIXELMECHANICS | Webproduktion [MR]
‣ Social Media Marketing ‣ Projektleitung & -review
‣ Design ‣ Rechtsgutachten
‣ Texting ‣ Proof-of-Fullfillment
Webproduktion Multimedia
‣ Webdesign ‣ Social Media Kampagnen
‣ CMS - Joomla!, Drupal, Typo 3 ‣ virales Marketing
‣ eCommerce - Magento ‣ iphone, ipad, android
‣ Usability ‣ Online- & Social-Gaming
‣ SEO & SEM ‣ erlebbare Produkte
4 © Mike Baird
Samstag, 2. April 2011

5. [Michael Rohrmüller]
‣ Diplom Wirtschaftsinformatiker
(BA)
PIXELMECHANICS | Webproduktion [MR]
‣ Leidenschaft
‣ neueste Technologien im Web
& Mobile
‣ Social Media
‣ Lebensmotto
‣ „Es geht noch besser!“
‣ „Lass uns die neuen Sachen
probieren!“
5
Samstag, 2. April 2011

6. PIXELMECHANICS | Webproduktion [MR]
„Warum eigentlich SEO, Usability, Social
Media und ein moderner Webauftritt...?
6
Samstag, 2. April 2011

7. PIXELMECHANICS | Webproduktion [MR]
Profiling... die Nutzergruppen!
7 © ЕленАндреа
Samstag, 2. April 2011

8. PIXELMECHANICS | Webproduktion [MR]
Samstag, 2. April 2011
die Digital Natives!
8

9. PIXELMECHANICS | Webproduktion [MR]
Samstag, 2. April 2011
9
der Wecker

10. PIXELMECHANICS | Webproduktion [MR]
die morgendliche Zeitung
10
Samstag, 2. April 2011

11. PIXELMECHANICS | Webproduktion [MR]
Samstag, 2. April 2011
11
meine News

12. PIXELMECHANICS | Webproduktion [MR]
„Was ich gestern noch lesen wollte!“
12
Samstag, 2. April 2011

13. PIXELMECHANICS | Webproduktion [MR]
mein Netzwerk
13
Samstag, 2. April 2011

14. PIXELMECHANICS | Webproduktion [MR]
mein Unternehmen auf twitter
14
Samstag, 2. April 2011

15. PIXELMECHANICS | Webproduktion [MR]
mein „Know-how“ auf twitter
15
Samstag, 2. April 2011

16. PIXELMECHANICS | Webproduktion [MR]
mein privates Netzwerk
16
Samstag, 2. April 2011

17. PIXELMECHANICS | Webproduktion [MR]
mein nationales Netzwerk
17
Samstag, 2. April 2011

18. PIXELMECHANICS | Webproduktion [MR]
mein internationales Netzwerk
18
Samstag, 2. April 2011

19. PIXELMECHANICS | Webproduktion [MR]
mein Reisebüro
19
Samstag, 2. April 2011

20. PIXELMECHANICS | Webproduktion [MR]
wo ich bin..!
20
Samstag, 2. April 2011

21. PIXELMECHANICS | Webproduktion [MR]
was um mich herum geschieht
21
Samstag, 2. April 2011

22. PIXELMECHANICS | Webproduktion [MR]
weil es Spass macht!
22
Samstag, 2. April 2011

23. PIXELMECHANICS | Webproduktion [MR]
die virtuelle Visitenkarte mit Xing
23
Samstag, 2. April 2011

24. PIXELMECHANICS | Webproduktion [MR]
... und mit Linkedin
24
Samstag, 2. April 2011

25. PIXELMECHANICS | Webproduktion [MR]
Musik nach meiner Wunschrichtung!
25
Samstag, 2. April 2011

26. PIXELMECHANICS | Webproduktion [MR]
... per „UMTS-Anbindung“ auch im Auto!
26
Samstag, 2. April 2011

27. PIXELMECHANICS | Webproduktion [MR]
... mit weltweiten Sendern!
27
Samstag, 2. April 2011

28. PIXELMECHANICS | Webproduktion [MR]
meine Preisberatung...
28
Samstag, 2. April 2011

29. PIXELMECHANICS | Webproduktion [MR]
... die absolute Preistransparenz!
29
Samstag, 2. April 2011

30. PIXELMECHANICS | Webproduktion [MR]
meine Wissensdatenbank - immer & überall!
30
Samstag, 2. April 2011

31. PIXELMECHANICS | Webproduktion [MR]
Wissen über GPS zusammengeführt...
31
Samstag, 2. April 2011

32. PIXELMECHANICS | Webproduktion [MR]
immer erreichbar sein
32
Samstag, 2. April 2011

33. PIXELMECHANICS | Webproduktion [MR]
Warum schlecht Essen gehen?
33
Samstag, 2. April 2011

34. PIXELMECHANICS | Webproduktion [MR]
Gute Erfahrungen sind die beste Vermarktung!
34
Samstag, 2. April 2011

35. PIXELMECHANICS | Webproduktion [MR]
und dann entspannen...
35
Samstag, 2. April 2011

36. PIXELMECHANICS | Webproduktion [MR]
bekannte Spiele mit anderen Spielen!
36
Samstag, 2. April 2011

37. PIXELMECHANICS | Webproduktion [MR]
80% aller Internetstarts beginnen mit einer Suche!
37
Samstag, 2. April 2011

38. die Mehrzahl der Nutzer!
PIXELMECHANICS | Webproduktion [MR]
Skepsis als Urinstinkt!
38 © Ruj PahaBildquelle: flickr - Rui Palha
Samstag, 2. April 2011

39. Wo möchten Sie einkaufen... hier?
PIXELMECHANICS | Webproduktion [MR]
39 © Uncle Phooey - Uncle Phooey
Bildquelle: flickr
Samstag, 2. April 2011

40. ... oder hier?
PIXELMECHANICS | Webproduktion [MR]
40 © Laughing Squid - Laughing Squid
Bildquelle: flickr
Samstag, 2. April 2011

41. übrigens: Meister der Emotionen!
PIXELMECHANICS | Webproduktion [MR]
41
Samstag, 2. April 2011

42. und... viele tun sich sogar beim
Kopieren schwer...
PIXELMECHANICS | Webproduktion [MR]
42
Samstag, 2. April 2011

43. PIXELMECHANICS | Webproduktion [MR]
...letztlich gibt es aber nur einen Grund
für SEO, Usability und Social Media...
43
Samstag, 2. April 2011

44. ... weil wir Fans unserer Marke haben wollen (und auf
twitter, facebook...), oder!
PIXELMECHANICS | Webproduktion [MR]
44 © Mike Baird
Samstag, 2. April 2011

45. früher & heute
früher.... „first-point-of-contact“
PIXELMECHANICS | Webproduktion [MR]
‣ Werbung in Zeitschrift
‣ Wurfsendungen
‣ Telefonat
vor Ort
‣ Call Center
heute
‣ Google Suche (80% der Internetsessions beginnen mit Google!)
‣ Branchensuchmaschinen
im Internet
‣ mündliche Empfehlungen
‣ Social Media Empfehlungen
45
Samstag, 2. April 2011

46. Webseiten machen den ersten
Eindruck!
Kunden machen sich ein erstes Bild im Netz
PIXELMECHANICS | Webproduktion [MR]
‣ auf der Webseite des Kunden
‣ in Google
‣ auf Bewertungsportalen
‣ in Foren
‣ in Social Media Sites
und entscheiden somit ohne evtl. Rückfrage ausserhalb des
Wirkungskreises des Unternehmers.
46
Samstag, 2. April 2011

47. PIXELMECHANICS | Webproduktion [MR]
!
die Webseite als wichtigste Basis...
47 © squeaks2569
Samstag, 2. April 2011

48. Attraktiv sein...
PIXELMECHANICS | Webproduktion [MR]
48 © oneselfsacrifice
Samstag, 2. April 2011

49. Attraktiv sein...
PIXELMECHANICS | Webproduktion [MR]
[das ist übrigens die
kontroverseste Folie....]
48 © oneselfsacrifice
Samstag, 2. April 2011

50. Zielgruppen ansprechen...
PIXELMECHANICS | Webproduktion [MR]
‣ansprechendes Design
‣aktuelle Inhalte
‣Einblick in das Unternehmen geben
‣„Aktivität & Leben zeigen!“
‣schnelle Ladezeiten 49 © adria.richards
Samstag, 2. April 2011

51. zeitgemäss Programmiert!
PIXELMECHANICS | Webproduktion [MR]
50
Samstag, 2. April 2011

52. ... und das kann man auch auswerten!
PIXELMECHANICS | Webproduktion [MR]
51
Samstag, 2. April 2011

53. PIXELMECHANICS | Webproduktion [MR]
Usability...
...wo ist die
Klinke an der
Tür?
52 © politizer
Samstag, 2. April 2011

54. [KISS!]
PIXELMECHANICS | Webproduktion [MR]
53 © LaPrimaDonna
Samstag, 2. April 2011

55. [KISS!]
PIXELMECHANICS | Webproduktion [MR]
Keep It Simple & Stupid!
53 © LaPrimaDonna
Samstag, 2. April 2011

56. [KISS!]
PIXELMECHANICS | Webproduktion [MR]
;
Keep It Simple & Stupid!
53 © LaPrimaDonna
Samstag, 2. April 2011

57. KISS¡
PIXELMECHANICS | Webproduktion [MR]
Weblösungen müssen...
‣ ... intuitiv sein!
‣ ... Erklärungen und Tipps an den wichtigen Stellen
zeigen!
‣ ... Anwender durch Prozesse führen!
‣ ... in Benachrichtigungen die wichtigen Links enthalten!
‣ ... mit Automatismen sinnvoll umgehen!
54
Samstag, 2. April 2011

58. PIXELMECHANICS | Webproduktion [MR]
Barrierefreiheit...
55 © LeadBeyond
Samstag, 2. April 2011

59. PIXELMECHANICS | Webproduktion [MR]
Barrierefreiheit
bedeutet, dass Gegenstände, Medien und
Einrichtungen so gestaltet werden, dass sie von
jedem Menschen unabhängig von einer eventuell
vorhandenen Behinderung uneingeschränkt
benutzt werden können.
56
Samstag, 2. April 2011

60. Realistisch ist...
... barrierearm!
PIXELMECHANICS | Webproduktion [MR]
‣ Screenreader-orientiert
‣ lesbare Textauszeichnungen
‣ lesbare Bildauszeichnungen
‣ Schriftvergrösserung
‣ Navigation über Tastatur
‣ Flash sparen!
Leider sind diese Funktionen meist Opfer der Budgetstreichungen!
57
Samstag, 2. April 2011

61. PIXELMECHANICS | Webproduktion [MR]
[Social Media... Speed oder Testosteron?]
58
Samstag, 2. April 2011

62. PIXELMECHANICS | Webproduktion [MR]
Samstag, 2. April 2011
59

63. Das Dogma:
Social Media heißt...
PIXELMECHANICS | Webproduktion [MR]
en !
ier ind
niz n s
mu de
om un
... k ie K
d
wo
60 © Laughing Squid
Samstag, 2. April 2011

64. PIXELMECHANICS | Webproduktion [MR]
„Spread the word...!“
61 © Christine Salek
Samstag, 2. April 2011

65. PIXELMECHANICS | Webproduktion [MR]
Samstag, 2. April 2011
62

66. [Social Mediability]
Oftmals wird aber vergessen, dass die Inhalte der Webseite „Social
PIXELMECHANICS | Webproduktion [MR]
Mediable“ sein müssen.... also empfehlbar für Seitenbesucher!
63
Samstag, 2. April 2011

67. PIXELMECHANICS | Webproduktion [MR]
Samstag, 2. April 2011
64

68. PIXELMECHANICS | Webproduktion [MR]
Samstag, 2. April 2011
65

69. Nie ging Abstimmung und
Informationsverteilung schneller...
PIXELMECHANICS | Webproduktion [MR]
66 © Croscsuo Barus
Samstag, 2. April 2011

70. ... natürlich war der hier gemeint!
PIXELMECHANICS | Webproduktion [MR]
67
Samstag, 2. April 2011

71. Google indiziert in Echtzeit!
PIXELMECHANICS | Webproduktion [MR]
68
Samstag, 2. April 2011

72. PIXELMECHANICS | Webproduktion [MR]
Samstag, 2. April 2011
69

73. PIXELMECHANICS | Webproduktion [MR]
„We are a
nation of
Google &
facebook!“
state of the
70 union2011
Samstag, 2. April 2011

74. Youtube hat enorme Reichweite!
PIXELMECHANICS | Webproduktion [MR]
71
Samstag, 2. April 2011

75. ... auch für Privatleute!
PIXELMECHANICS | Webproduktion [MR]
72
Samstag, 2. April 2011

76. PIXELMECHANICS | Webproduktion [MR]
SEO... Google mag Dich (nicht)!
73
Samstag, 2. April 2011

77. PIXELMECHANICS | Webproduktion [MR]
Google vs. Webmaster
74 © Erik Kilby
Samstag, 2. April 2011

78. Der Google Suchalgorithmus ist komplex!
... und unbekannt!
PIXELMECHANICS | Webproduktion [MR]
75 © nerovivo
Samstag, 2. April 2011

79. PIXELMECHANICS | Webproduktion [MR]
Also wird optimiert....
76 © USACE Europ. Dist.
Samstag, 2. April 2011

80. dabei sind die wichtigen Regeln klar
‣ immer wieder neuer Content!
PIXELMECHANICS | Webproduktion [MR]
‣ schnelle Ladezeit!
‣ Barrierefreiheit und sprechende URLs!
‣ Auch Crawler brauchen z.B. Bildbeschreibungen!
‣ sinnvolle Texte mit sensibel gewählten Keywords!
‣ Traffic!
‣ und das Wichtigste!
‣ externe Verlinkungen begeisterter Leser (Fans)!
‣ und in Zukunft sicherlich...
‣ Nennungen in Social Media Kanälen
‣ Aktivitäten in Social Media Kanälen
77
Samstag, 2. April 2011

81. ... keine Black-Hat Methoden!
PIXELMECHANICS | Webproduktion [MR]
78 © aloshbennett
Samstag, 2. April 2011

82. PIXELMECHANICS | Webproduktion [MR]
Google ist erbarmungslos!
und schmeisst Verstöße aus dem Index!
79 © joshstaiger
Samstag, 2. April 2011

83. PIXELMECHANICS | Webproduktion [MR]
Rezentralisierung!
80 © Mike Baird
Samstag, 2. April 2011

84. Der „Standard-Surfer“ besucht nur die
Webseite!
PIXELMECHANICS | Webproduktion [MR]
81 © maistora
Samstag, 2. April 2011

85. PIXELMECHANICS | Webproduktion [MR]
Was sieht der
Webseitenbesucher
von Social Media?
82 © Snapsi Crankep
Samstag, 2. April 2011

86. PIXELMECHANICS | Webproduktion [MR]
... im besten Fall... Glanz.
83 © Belsay Images
Samstag, 2. April 2011

87. PIXELMECHANICS | Webproduktion [MR]
Ein Presse- und Newsroom bringt die
Bestrebungen der „Aussendarstellung“
wieder zurück.
84 © Crack-Shot
Samstag, 2. April 2011

88. PIXELMECHANICS | Webproduktion [MR]
Wie kann
das aussehen?
85 © Urban Woodswalker
Samstag, 2. April 2011

89. PIXELMECHANICS | Webproduktion [MR]
86 © pixelmechanics.de
Samstag, 2. April 2011

90. PIXELMECHANICS | Webproduktion [MR]
87 © pixelmechanics.de
Samstag, 2. April 2011

91. PIXELMECHANICS | Webproduktion [MR]
Samstag, 2. April 2011
88

92. PIXELMECHANICS | Webproduktion [MR]
Samstag, 2. April 2011
89

93. Und weshalb tun wir das Alles...?
PIXELMECHANICS | Webproduktion [MR]
90 © las-initially
Samstag, 2. April 2011

94. Letztlich wollen wir
doch Besucher auf der Webseite...
PIXELMECHANICS | Webproduktion [MR]
... oder?
91 © Christine Salek
Samstag, 2. April 2011

95. Was im eCommerce
natürlich umso mehr gilt!
PIXELMECHANICS | Webproduktion [MR]
92 © turtlemom4bacon
Samstag, 2. April 2011

96. ... und auch der
Presse zeigen,
PIXELMECHANICS | Webproduktion [MR]
was wir tun.
93 © RaeA
Samstag, 2. April 2011

97. PIXELMECHANICS | Webproduktion [MR]
PS:Verstecken gilt nicht mehr!
94
Samstag, 2. April 2011

98. PIXELMECHANICS | Webproduktion [MR]
Samstag, 2. April 2011
yasni-ME!
95

99. 123people-ME!
PIXELMECHANICS | Webproduktion [MR]
96
Samstag, 2. April 2011

100. Bewertungen sind SEO*!
PIXELMECHANICS | Webproduktion [MR]
97
*SEO: Suchmaschinen Optimierung
Samstag, 2. April 2011

101. unabhängige Portale
PIXELMECHANICS | Webproduktion [MR]
98
Samstag, 2. April 2011

102. Social Media schafft Emotionen
PIXELMECHANICS | Webproduktion [MR]
99
Samstag, 2. April 2011

103. PIXELMECHANICS | Webproduktion [MR]
Samstag, 2. April 2011
100

104. ...das weiss auch das Militär!
PIXELMECHANICS | Webproduktion [MR]
101
Samstag, 2. April 2011

105. ... deswegen lieber Pro-Aktiv mit dem Internet
umgehen und aktiv teilnehmen!
PIXELMECHANICS | Webproduktion [MR]
102 © Marion Doss
Samstag, 2. April 2011

106. PIXELMECHANICS | Webproduktion [MR]
Vielen Dank für Ihre Aufmerksamkeit und ...
PIXELMECHANICS | Webproduktion
Michael Rohrmüller
Am Spund 7
90427 Nürnberg
mr@pixelmechanics.de
103
Samstag, 2. April 2011

107. „Wir lieben, was wir tun!“
PIXELMECHANICS | Webproduktion [MR]
www.pixelmechanics.de
104 © Luciano Meirelles
Samstag, 2. April 2011