Webseiten für Touchscreen-Monitore optimieren

Verfasst am: 26. 05. 2011 [17:22]
seitenreport
Dabei seit: 28.03.2009

Matthias Gläßner
Premium-Mitglied
Themenersteller

1792 Beiträge
Beitrag hilfreich?

Heute wurde mein Touchscreen TFT Monitor geliefert (multitouch), was für mich eine passende Gelegenheit war, mich einmal mit Webdesign in Bezug auf Touchscreen-Systeme zu beschäftigen.

Touchscreens sind stark im kommen, vor allem weil sie immer günstiger werden. So erhält man einen neuen 20 Zoll Touchscreen (TFT) inkl. HD Auflösung (1600x900) bereits für 140 € (inkl. Mwst.) - z.B. bei Conrad.

Was aber ändert sich mit Touchscreens in Bezug auf die Benutzerfreundlichkeit von Webseiten?

Eine Menge. So ist es z.B. wichtig, dass Buttons ausreichend groß sind, damit man sie besser mit dem Finger anklicken kann. Auch Links sollten eine ausreichende Schriftgröße haben und ganz wichtig: ausreichend Abstand zueinander wenn sie z.B. untereinander stehen. Mit MouseOver-Pulldown-Menüs kann man als Touchscreener weniger anfangen, hier wäre es wichtig, das Obermenü nicht zu verlinken (so dass es nur aufklappt, beim Berühren aber nicht zu einer Seite führt).

Fazit: Wenn man seine Website auch für Touchscreener zugänglich machen möchte, sollte man alle Interaktions-Objekte etwas größer machen. Hier böten sich natürlich auch vollkommen neue GUI-Layouts an, die sich z.B. an Navigationssystemen orientierten.

Die Installation des Touchscreens war übrigens kinderleicht. Unter Linux: einstecken und loslegen (wie man es gewohnt ist) und auch unter Windows (Vista) gab es keine Probleme (Treiber-CD einlegen und Installationsroutine durchlaufen). Gerade unter Linux war die Installation eines Touchscreens noch bis vor kurzem eine echte "Fummelei". Seit Ubuntu 10.10 werden Touchscreens aktiv unterstützt.

Meine Empfehlung: Touchscreen kaufen - es lohnt sich.

Wer Linux nutzt, kann sich übrigens rel. leicht umfangreiche Touchscreen-GUIs (graphical user interfaces) für beliebige Anwendungssachen basteln, die auf Berührung reagieren - z.B. für die eigene Jukebox, Live-Infos, Haus-Automatisierung usw.

Für iPads usw. gilt in Bezug auf die Webdesign-Optimierung natürlich das Gleiche wie für normale Touchscreens. Hier sollte zudem allerdings darauf geachtet werden, dass die zur Verfügung stehenden Bildschirmauflösungen etwas kleiner sind.

Matthias

TYPO3 Freelancer | Gründer und Betreiber von Seitenreport
TYPO3 Anfragen: info@matthias-glaessner.de | XING-Profil
 
Verfasst am: 27. 05. 2011 [23:26]
ptra
Dabei seit: 22.09.2010

261 Beiträge
Beitrag hilfreich?

Tja Matthias,

wo fang´ ich an, wo hör´ ich auf. Jetzt heißt es, bitte etwas größer für die TouchScreener mit ihren – wie auch immer gearteten – Fingern. Dann heißt es, bitte berücksichtigt doch auch die IPhoner mit ihrem Minidisplay... Groß oder klein, dick oder dünn.

Da kann ich als Grafikerin nur sagen: programmiert doch was ihr wollt. Das alles gestaltungstechnisch unter einen Hut zu bekommen ist so wie: wasch´ mich, aber mach´ mich nicht naß. Wer soll das noch leisten können?

Gruß. Petra wink.gif

Gegen die Infamitäten des Lebens… (siehe Hermann Hesse)
 
Verfasst am: 29. 05. 2011 [01:53]
seitenreport
Dabei seit: 28.03.2009

Matthias Gläßner
Premium-Mitglied
Themenersteller

1792 Beiträge
Beitrag hilfreich?

Hallo Petra,

damit hast Du sicherlich Recht. Es gibt immer mehr Besonderheiten, auf die man eingehen muss und es wird immer schwieriger alle unter einen Hut zu bekommen. Mobilgeräte kann man problemlos erkennen und ihnen ein angepasstes CSS zuschicken, für Touchscreens ist derartiges allerdings (noch?) nicht möglich, weil es keine Möglichkeit gibt, Touchscreens automatisiert zu erkennen.

Die meisten größeren Webfirmen wie Google haben ihre Websites im letzten Jahr bereits an die neuen Touchscreen-Begebenheiten angepasst.

Sieh es doch von der positiven Seite: Je mehr spezielle Anforderungen es gibt, desto mehr gibt es für euch Grafiker zu tun, desto gefragter wird die Unterstützung von professionellen Grafikern, gerade weil es schwieriger wird. icon_wink.gif

Beste Grüße,
Matthias

TYPO3 Freelancer | Gründer und Betreiber von Seitenreport
TYPO3 Anfragen: info@matthias-glaessner.de | XING-Profil
 
Verfasst am: 29. 05. 2011 [09:32]
ptra
Dabei seit: 22.09.2010

261 Beiträge
Beitrag hilfreich?

Hallo Matthias,

klar, von der Warte aus betrachtet sind alle Neuerungen absolut positiv. Ich will ja auch gar nicht wirklich jammern. Gefragt ist in erster Linie Inhalt, flexibel gestaltet für all die diversen Ausgabegeräte. Wobei ich immer die Betonung auf „gestaltet“ lege. Optisch ansprechend Aufbereitetes ist mir eingängiger. Allerdings bin ich mir drüber im Klaren: „form follows function“.

Gruß. Petra wink.gif
P.S.: Danke für den Link.

Gegen die Infamitäten des Lebens… (siehe Hermann Hesse)
 
Verfasst am: 31. 05. 2011 [19:08]
seitenreport
Dabei seit: 28.03.2009

Matthias Gläßner
Premium-Mitglied
Themenersteller

1792 Beiträge
Beitrag hilfreich?

"ptra" schrieb:

Optisch ansprechend Aufbereitetes ist mir eingängiger.

Hallo Petra,

da stimme ich Dir voll und ganz zu. Das Design ist sehr wichtig. Wichtiger sogar als die Geschwindigkeit einer Website (wenn diese nicht zu langsam ist), denn: es entscheidet maßgeblich (mit), ob sich ein Benutzer wohl fühlt, er Vertrauen zum Seiteninhaber aufbaut und ob die Seite im Gedächtnis bleibt.

Wir erleben ja momentan bei vielen, dass sie ihre Website schneller machen um besser bei Google gelistet zu werden. Es gibt viele Studien, die besagen, dass die Absprungrate umso stärker ansteigt, je länger eine Seite lädt. Das ist insoweit richtig. Aber auch zum Design gibt es solche Studien. Diese besagen: die Absprungrate steigt umso stärker an, je unästhetischer eine Seite wirkt. Man muss also immer die Gesamtheit sehen. icon_wink.gif

Insoweit stimme ich Dir voll und ganz zu. icon_wink.gif

Beste Grüße,
Matthias

TYPO3 Freelancer | Gründer und Betreiber von Seitenreport
TYPO3 Anfragen: info@matthias-glaessner.de | XING-Profil
 
Verfasst am: 31. 05. 2011 [21:52]
masa8
Dabei seit: 22.10.2009

946 Beiträge
Beitrag hilfreich?

Weil der Post so schön mit Emoticons geschmückt ist, lass ich die Idee einfach mal hier, obwohl es auch ein neuen Thread wert wäre.

Smilies gehören inzwischen zum Web dazu, ab warum gibt es da keinen Standart für alle Browser und Betriebsysteme?

Technisch wäre es kein Problem, alle Emoticons in eine DLL zu packen, die auf allen Systemen vorhanden wäre, bzw. sein könnte.

"Just another brick in the wall", aber es würde Requests und Datentransfer sparen.

Gruß Matthias

Mein Blog über Wordpress, SEO, interne Verlinkung und mehr
alles-mit-links
BLACKINK Webkatalog - "Liftime" Eintrag 259,- € zzgl. MwSt.
 




Du bist nicht eingeloggt. Bitte beachte, dass Du eingeloggt sein musst, um Themen zu erstellen oder auf Beiträge zu antworten.

RSS Feed abonnieren

Werde in Echtzeit über neue Foren-Beiträge informiert:



5 Mitglieder waren innerhalb der letzten 15 Minuten online (136 heute gesamt):
benutzername, oms, rainmanx, Schlifff, sprachrohr

Administratoren und Moderatoren:
[keine]

Seitenreport hat 18155 registrierte Mitglieder, 3003 Themen und 29113 Beiträge.
Der aktuelle Mitgliederzuwachs liegt bei durchschnittlich 13 bestätigten Neuregistrierungen pro Tag.
Pro Tag werden im Seitenreport Forum durchschnittlich 1 neues Thema und 7 Beiträge erstellt.
Die Durchschnittszahlen berechnen sich aus den letzten 7 Tagen.

Mehrfach empfohlen

Seitenreport ist einer der bekanntesten SEO und Website Analyse Dienste im deutschsprachigen Raum und wurde u.a. schon empfohlen:
von Mr. Wong im Wong Letter
vom Leserservice der Deutschen Post
vom Technik Blog SiN
und vielen anderen

Partnerprogramm

12% Lifetime Provision auf alle Buchungen von Dir geworbener Mitglieder sowie 0,50 € für jede Registrierung. Eines der besten deutschen Partnerprogramme laut den appCharts von 100partnerprogramme.de. Nimm jetzt teil am Seitenreport Partnerprogramm und verdiene gutes Geld dabei!

* = Partnerlinks