Wie wÃ¤hlt ihr als Designer eigentlich den Startpunkt fÃ¼r das Layout? Beginnt man mit Mobile first oder auch mal mit Large Desktop first? Welche Kriterien gibt es da und wie besprecht ihr sowas mit den Kunden?
As designers, how do you actually choose the starting point for the layout? Do you always begin with mobile or occasionally with desktop first? What are the criteria and how do you discuss this with your clients?
Mobile first bietet sich insofern an, als man bei diesem Ansatz die Inhalte auf einen sehr kleinen Raum verdichten muss. Würde man jetzt mit dem Desktop anfangen, also mit den eher großen Bildschirmen, besteht die Gefahr, dass man alles sehr üppig layoutet. Wenn man danach Mobile ableiten muss, kann das zu Problemen führen. Von daher tendieren wir schon dazu, zu sagen: Mobile first ist der richtige Ansatz. Es lässt sich später einfach leichter auf einen großen Bildschirm bringen.Was wir aber bei Boana auch sehr gerne machen: Wir arbeiten mit sogenannten „Key Screens”. Das heißt, wir erstellen nicht alle Layouts in allen Screengrößen. Unser Ansatz ist eher, die Arbeit mit Frontend-Entwicklern so eng zu gestalten, dass wir nur ein paar dieser „Schlüssel- Layouts“ (Key Screens) rüberschicken. Dazu erklären wir meist nur den Mechanismus, wie die Skalierung stattfindet.Das ist ja auch kein einzelner Riesensprung, sondern die Elemente verkleinern sich eher flüssig. Der Text läuft flüssig, dann werden die Bilder langsam kleiner und dann: Zack, springt es in ein anderes Layout – so ungefähr kann man sich das vorstellen. Und darum erklären wir lieber die Mechanismen dahinter und haben vielleicht auch schon einen kleinen HTML5- Prototypen, und dann findet so die Übergabe statt. Das ist oft effizienter als jede Seite einzeln in vielen Bildschirmbreiten zu gestalten.
Mobile first lends itself to this approach because you have to condense the content into a very small space. If you were to start with the desktop, i.e. with the rather large screens, there is a risk that you would lay out everything very lushly. If you then have to derive mobile, that can lead to problems. That's why we tend to say: mobile first is the right approach. It is simply easier to bring it to a large screen at a later stage.What we also like to do at Boana: we work with so-called “key screens”. That means we don't create all layouts in all screen sizes. Our approach is to work so closely with frontend developers that we only send over a few of these “key layouts” (key screens). To do this, we usually just explain the mechanism of how the scaling works.After all, this is not a single giant leap, but the elements scale down rather fluidly. The text runs smoothly, then the images slowly become smaller and then: bang, it jumps to another layout – that's more or less how you can imagine it. And that's why we prefer to explain the mechanisms behind it and perhaps already have a small HTML5 prototype, and this is how the handover takes place. It is often more efficient than designing each page individually in many screen widths.