Mobile Web-Entwicklung - wie?

9

Ich möchte mit der Entwicklung von für Mobilgeräte optimierten Versionen von Websites für meine Kunden beginnen. Ich bin jedoch mit Optionen verblüfft und die Google-Suche war nicht sehr hilfreich - es gibt so viele Optionen und Meinungen, die ich schon gelesen habe Tage jetzt und immer noch keine Ahnung, wie ich anfangen soll.

Was ist deine Meinung / Erfahrung darüber / damit?

Meine wichtigsten Punkte:

  • mobile Geräte unterstützt (in der Reihenfolge der Relevanz): iPhone 3G, iPhone 2G, Blackberry, Droid-Handys, andere
  • telefonische Telefonnummern, telefonfreundliche E-Mails
  • contact / register form arbeitet an jedem (oder den meisten möglichen) aufgelisteten Geräten

jQTouch scheint super zu sein (einfach, schnell, funktionierend), ich bin mir nicht sicher, ob es auf Blackberry / Droid läuft und ich möchte keine 6 Web-Versionen für jedes Mobilgerät erstellen - macht noch weniger Sinn Ich beginne mit einem kleinen Web (6-10 Seiten, 1 Kontaktformular, 3 Registerformulare) mit dem ich spielen kann.

Danke

    
Adam Kiss 28.02.2010, 15:29
quelle

5 Antworten

2

mein 2c; Der beste Ansatz ist der, den wir im Web verwenden, wie wir es kennen; Cross-Browser-Entwicklung.

verwenden (Basic) HTML & amp; css zu beginnen mit (sicherzustellen, dass Sie so viele Handys wie möglich erreichen) & amp; progressiv verbessern durch Hinzufügen von komplexeren stuff (Javascript & amp; spezifischer CSS) für erweiterte Geräte.

jqtouch (was mit jQuery kombiniert werden muss, wenn ich mich nicht irre), ist schwell, aber sehr iphone-zentriert (einige der schicken css-Sachen funktionieren nirgendwo anders). Ein (etwas) plattformübergreifenderes js-Framework ist das jquery-like xui .

Sobald Sie etwas eingerichtet haben, testen Sie es auf mobi.ready könnte eine gute Idee sein.

    
futtta 28.02.2010, 15:39
quelle
0

Haben Sie schon von NetBiscuits gehört?

Ссылка

    
Pentium10 28.02.2010 15:38
quelle
0

Sehen Sie sich die von dotMobi betriebene Mobiforge-Site an. Sie haben ein sehr mächtiges Werkzeug namens ready.mobi, das Sie verwenden können, um einen Gesundheitscheck auf Ihrer mobilen Website zu erhalten. Die Ergebnisse geben Hinweise, was Sie tun müssen, um Ihre Website zu verbessern. Um eine wirklich optimierte Website zu erhalten, müssen Sie lediglich die Empfehlungen testen und beachten. Ich bekomme jetzt 5/5 Punkte, weil ich es benutze und ich arbeite wirklich gut auf jedem Gerät, einschließlich vielen, unter denen ich es nie wirklich getestet habe. Ich kann es nicht genug empfehlen.

    
Matt 04.04.2010 17:17
quelle
0
  • Mobile Geräte: Sehen Sie QuirksMode.org für Diagramme, Lernprogramme und mehr, damit Ihre Seiten in mehreren mobilen Browsern funktionieren. (Blackberry könnte das härteste auf Ihrer Liste sein)
  • Telefonfreundliche Links: Ich bin mir nicht sicher, warum das schwierig wäre. Soweit ich weiß, unterstützen alle mobilen Browser / Betriebssysteme das gleiche mailto: -Protokoll, das Desktops verwenden. Die meisten Telefone unterstützen auch tel: So können Sie Links wie:
  • haben
%Vor%

Das einzige Problem dort ist, dass Desktop-Computer im Allgemeinen keine Möglichkeit haben, diesen Standard zu handhaben, obwohl sie mit Bluetooth-Telefonen verbunden werden können. (Feature-Anfrage für diejenigen in der OS-Entwicklung)

  • Kontakt- / Registrierungsformulare: Auch hier unterstützen die meisten mobilen Browser grundlegende Formularelemente standardmäßig. Der Schlüssel hier ist mehr Benutzerfreundlichkeit. Alles, was Sie tun können, um die Dateneingabe zu reduzieren, führt dazu, dass mehr Benutzer das Formular ausfüllen. (Denken Sie an die Sitzungsinformationen des Benutzers für eine lange Zeit, sie werden auf die Seite zurückkehren, nachdem sie den 2-stündigen Anruf ihrer Mutter beendet haben)
David W. Keith 04.04.2010 18:50
quelle
0

Ich würde vorschlagen, mit einem responsiven Framework wie zub oder bootstrap . Wenn Sie bei dem bleiben, was die Frameworks haben, können Sie eine Codebasis der Site haben, die auch in mobilen Browsern funktioniert.

    
Miguel Ping 08.02.2012 17:33
quelle

Tags und Links