it-swarm.com.de

Responsive Webdesign von der Desktop-Planung aus starten? (Projektzeitkrise)

Hintergrundgeschichte:

Unser Produktteam hat begonnen, Details für ein Benutzerkontenprojekt festzulegen, an dem in einem fließenden Rahmen gearbeitet wird. Responsive Webdesign wurde jedoch gerade den Produktdirektoren vorgestellt, und jetzt erkennen wir, dass es wichtig ist, sich darauf vorzubereiten.

Leider wurden gerade die für Desktops entwickelten High-Fidelity-Layouts erstellt, und wir hatten nicht genügend Ressourcen und Zeit, um herauszufinden, ob wir sie in kleinere Layouts konvertieren können. Unsere Direktoren hoffen daher, dass wir das gesamte Projekt in entwickeln können zuerst die breiten Desktop-Layouts und dann rückwärts zu kleineren Layouts.

Meine Frage lautet also:

Gibt es einige Dinge, auf die ich achten sollte, wenn ich zuerst für einen Desktop entwickle und dann nach der Entwicklung zu einem kleineren Layout führe?)

Derzeit streben wir ein flüssiges Layout an und stellen sicher, dass die Richtlinien zur Verhältnismäßigkeit von Containern und Typografie (Prozentsätze und Ems) eingehalten werden.

Bearbeiten: Meine Fragekriterien unter der Antwort von JeroenEijkhof wurden aktualisiert

1
Handonam

Responsive Webdesign ist seit einigen Jahren so wichtig. Ich würde mich nicht auf eine "mobile Website" konzentrieren. Ich würde mich mehr auf ein mobiles responsives Design konzentrieren, das Haltepunkte für die meisten mobilen Geräte hat.

1
Josh McCoy

Ihre Frage ist eher eine Frage des Projektmanagements als eine Frage der Benutzererfahrung. Zunächst einmal sind flüssig und responsives Webdesign zwei verschiedene Dinge. Responsive Webdesign kann bestimmte flüssige Webdesign-Techniken implementieren. Schauen Sie nach, um sicherzugehen, dass Sie es verstehen. Beantworten Sie dann die Frage, für welche Sie sich entscheiden.

Zweitens empfehle ich Ihnen, dies in einem PM Forum) zu fragen.

Schließlich ist im Allgemeinen das Wechseln von Layouts in Desktopgröße zu Mobilgeräten viel schwieriger als das Wechseln von Mobilgeräten zu Desktops. Es gibt viele Möglichkeiten, dass etwas schief geht, wenn es auf Mobilgeräte verkleinert wird, was zu einem oder beiden führt:

  • Das Desktop-Design ist schlecht auf die Größe des Mobilgeräts übertragen und führt zu einer schlechten Erfahrung
  • Es dauert länger als geplant, um es richtig zu machen
1
JeroenEijkhof

Stellen Sie zunächst sicher, dass es mit Touch-Benutzeroberflächen funktioniert (z. B. verlassen Sie sich nicht auf Mauszeiger).

Darüber hinaus ist es schwierig, einen Prozess zu beschreiben, aber hier sind einige Hinweise. Seiten müssen entweder enger zusammengedrückt oder zerlegt und in engere Seiten umgeordnet werden können. Daher müssen Dinge, die auf diese Weise nicht zusammenhängend eingegrenzt werden können, für die Neugestaltung identifiziert werden. Die Navigation wird im Allgemeinen in einem Dropdown-Menü oben auf der Seite angezeigt, und komplexe Menüsysteme können dort problematisch sein. Vereinfachen Sie daher das Navigationsmodell, falls erforderlich.

0
obelia

einige Dinge, auf die Sie achten sollten:

schwebezustände, Tabellen, Iframes, große Bilder (Lazy Load).

gute Websites zum Anschauen sind www.Microsoft.com , www.starbucks.com .

Ich war vor ein paar Wochen in der gleichen Situation und abgesehen von diesen 4 Dingen hatte ich kein wirkliches Problem.

0
Igor-G