Mobile Web-Design für Dummies

Wie denken Sie über beginnen, wie am besten auf die mobile Version zu entwerfen (oder Versionen) Ihrer Web-Site, die einzigartigen Herausforderungen des mobilen Web betrachten. Hier sind einige der wichtigsten Überlegungen im Auge zu behalten, wie Sie Websites für den mobilen Web-Design:

  • Stellen Sie sicher, dass Ihr Design passt auf kleinen Bildschirmen.

  • Limit-Bilder und Texte so Seiten bei langsamen Verbindungen Geschwindigkeiten schnell selbst zu laden.

  • Erstellen Sie Links und anderen Optionen, die einfach mit einem (Fett) zu klicken auf Finger, Stift oder andere begrenzte Eingabemöglichkeiten.

  • Ihre Besucher haben einen dringenden Bedarf an Informationen. Viele Menschen wenden sich an das mobile Web, weil sie müssen. Ihre Besucher können verloren gehen, spät sein, oder wirklich müssen wissen, wer im Jahr 1987 den Super Bowl gewann Bar Wette zu gewinnen.

  • Zeit und Ort Angelegenheit. Vergessen Sie nicht, dass Ihre Benutzer Zugriff auf mehr als nur Ihre Website und dass ihre Aktionen wahrscheinlich betroffen sein von wo sie sind, zu welcher Tageszeit es, und sogar, ob es regnet.

Wählen Sie eine Mobile-Web-Design-Strategie

Ihr Ansatz eine mobile Website zu entwerfen, hängt von Ihrer Website-Content, Ihre Ressourcen und Ihr Publikum. Die folgenden Tipps können Sie die möglichen mobilen Web-Design-Strategien helfen, zu verstehen und eine auswählen, die für Sie arbeitet:

  • Erstellen Sie eine einfache Version Ihrer Website: Diese Strategie stellt sicher, dass die größte Zahl der Besucher auf Ihre Website zumindest die wichtigsten Informationen auf Ihrer Website können (wie Telefonnummer, wenn sie in Ihrem Büro auf dem Weg sind). Stellen Sie sicher, dass der Entwurf arbeitet an auch Low-End-Mobilgeräte und Link, um es von Ihrem Desktop-Website. Die Webseite https://mobilynx.net, in der Figur gezeigt, ist so konzipiert, auf einer Vielzahl von mobilen Geräten zu arbeiten und bietet eine organisierte Sammlung von Links zu anderen Seiten für das mobile Web entwickelt.

    bild0.jpg
  • Entwerfen Sie mehrere Versionen: Viele Designer erstellen verschiedene Versionen einer Website und dann automatisch direkten Besucher auf die Version, die am besten für ihre Bildschirmgröße optimiert ist und die von ihr Telefon oder Geräte unterstützten Funktionen.

    Wenn Sie die Zeit, Know-how oder Budget haben, verschiedene Versionen Ihrer Website entwerfen, die jeweils für die unterschiedlichen Größen optimiert und Fähigkeiten verschiedener Geräte, ist die beste Strategie.

  • Verwenden Sie Inhaltsanpassung: Grundsätzlich Sie eine Website-Design erstellen und passen sie dann an jedes Gerät. Somit ist die Grundstruktur der Site wird die gleiche für alle Geräte sein, aber bestimmte Elemente, wie beispielsweise Bildgrößen oder das Auftreten von Videos werden auf ändern basiert, was das Gerät unterstützen kann.

    Wenn Sie eine Website mit dem Content Adaption Ansatz zu entwickeln, ist es gute Praxis, durch die Schaffung eines Drahtmodell, eine Art Bauplan Design Ihrer Website zu starten, wie in der Abbildung gezeigt

    image1.jpg
  • Entwerfen Sie ein High-End-Version: Dies funktioniert, wenn Sie wissen, Ihre Besucher in erster Linie ein High-End-iPhone oder Droid verwenden, den Namen für Telefone verwendet, die auf Googles Android-Betriebssystem laufen. Jasper Johal der Fotografie Website, in der Abbildung dargestellt, sieht gut aus auf einem iPhone und einem Desktop-Computer.

    image2.jpg

Verwenden Sie Location-Based Search Engines for Mobile

Mobile Suche wird immer das nächste große hyper wettbewerbsfähig Schlachtfeld. Alle üblichen Verdächtigen sind schon da, slugging es um Marktanteile, aber andere, spezialisierte, standortbasierte mobile Suchmaschinen sind in der Hoffnung, Carving für sich eine Nische sprießen. Hier sind einige der wichtigsten Akteure:

Menü