Wie man eine Mobile Web-Design

March 20

Wie man eine Mobile Web-Design

Zwischen Smartphones und Tablet computing sind mobile Geräte eine Menge Schlagzeilen erfassen. Benutzer sind mobile Geräte auf eine zunehmend schnelle Annahme Tempo. Für einige Benutzer sind mobile Geräte ihre primäre computing-Plattform. Diese Geräte haben naturgemäß gewisse Einschränkungen. Kleinere Bildschirme, langsamere Prozessoren und weniger Arbeitsspeicher Herausforderungen für mobile Website-Designer zu schaffen. Erstellen eine erfolgreiche mobile Website erfordert Vorsorge und Design-Strategie.

Anweisungen

1 Erstellen von sauberen HTML-Code (siehe Hinweis 1). Dies bedeutet, den W3C-Standards einhalten, damit Code kompatibel ist. Jede große mobile Geräte-Plattform zeigt die HTML etwas anders. Pflege von HTML-Konformität wird dazu beitragen, das beste Ergebnis für alle Plattformen liefern.

2 Nur Handy-freundliche Features (siehe Hinweis 2) implementiert. Langen HTML-Formulare, die erfordern viel Texteintrag, Flash-Animationen und Java-Applets sind Beispiele für die Art der Funktionen zu vermeiden. Diese Features sind bestenfalls auf einem mobilen Gerät nicht praktikabel. Im schlimmsten Fall können diese Features bringen Surfen im Internet auf ein Schneckentempo oder überhaupt nicht angezeigt.

3 Gestalten Sie Seiten, die für einen kleinen Bildschirm bestimmt (siehe Hinweis 2). Da mobile Geräte Bildschirmauflösungen weit geringer als die eines normalen Computers haben, gestalten Sie Seiten, die diese Miniatur-Bildschirme passen. So können Benutzer, die Seiten zu lesen, ohne zu zoomen. Es hilft auch maßgeblich die Lesbarkeit von Seitenelementen.

4 Entfernen Sie nicht benötigten Grafiken (siehe Hinweis 2). Designer wollen oft Seiten mit grafischen Elementen geladen. Dies wird einen großen Teil der video-Speicher des Geräts, Verlangsamung der Leistung verbrauchen, auf einem mobilen Gerät. Es dauert auch länger, um die Seite anzuzeigen, wie das Gerät die Grafiken über relativ langsame mobile Datenverbindungen herunterlädt.

5 Verwenden Sie liberale Leerraum für Layout (siehe Hinweis 2). Widerstehen Sie dem Drang, die Seite mit so viel Text wie möglich zu füllen. Leerzeichen und klugen Text fließen Benutzer lesen Sie Hilfeseiten auf mobilen Webseiten ohne zu belasten die Augen.

6 Halten Sie Inhalte zugänglich und am oberen Rand des Bildschirms (siehe Hinweis 2). In regulären Website-Design ist die Tendenz zu Content mit Werbung, Navigationsmenüs und Seitenleisten umgeben. Dieser Stil ist nicht praktisch auf einem mobilen Gerät. Halten Sie Inhalte Dreh- und Angelpunkt, so dass Benutzer nicht auf dem Bildschirm zu scrollen.