Startseite » UI / UX » Best Practices für Responsible Layouts für Webdesigner oder native Apps? [Op-Ed]

    Best Practices für Responsible Layouts für Webdesigner oder native Apps? [Op-Ed]

    Es ist nicht zu leugnen, dass Mobile die Zukunft ist. Durch die Bestätigung von Google, dass mehr Suchanfragen auf dem Handy ausgeführt werden als auf dem Desktop, ist es vollkommen klar, dass alle Websites wirklich mobil sein sollten, wenn dies noch nicht der Fall ist.

    Es gibt jedoch eine interessante Dichotomie zwischen In-Browser-Inhalten über responsive Layouts und In-App-Inhalten über native Apps.

    Ich möchte beide Bereiche erkunden und nach den Wurzeln jeder Wahl suchen. Wann sollte eine Website mit einer nativen App über ein responsives Layout gehen? Könnte eine Site beide ausführen? Dies sind wichtige Fragen, die heute bei jedem neuen kreativen Projekt gestellt werden sollten.

    Die Werte einer nativen App

    Die meisten Smartphone-Benutzer verlassen sich bei ihren Lieblingsprogrammen auf native Apps. Facebook, Twitter, Instagram und andere betreiben alle ihre eigenen Apps.

    Da native Anwendungen auf dem lokalen Betriebssystem ausgeführt werden, ist dies eine ganze Menge glatter und einfacher zu bedienen in Bezug auf Animation, Design der Benutzeroberfläche und Inhaltsorganisation. Native Apps folgen den Richtlinien der Benutzeroberfläche, um alle konsistent und natürlich anmaßend zu halten. Benutzer wissen oft nur von Natur aus, wie sie gleitende Menüs und Registerkarten verwenden.

    Viele große Publisher haben Apps im iOS Store und im Google Play Store, die Blogs, Webapps und soziale Netzwerke abdecken. Aber es ist fair zu sagen große Standorte wie Facebook und Twitter Holen Sie sich mehr Wert aus nativen Apps als kleinere Websites.

    Diese Debatte enthält Expertenmeinungen und wichtige Publikationen, die ihre Standpunkte darlegen. Es ist ein heiß diskutiertes Thema sowohl für Designer als auch für Kreativagenturen.

    Es bleibt jedoch die Tatsache, dass native Anwendungen von Endbenutzern sowohl nützlich als auch geschätzt werden. Die einzige Variable ist entscheiden, ob Ihre Website als mobile App besser funktionieren könnte, oder wenn die Nutzer sogar einen wollen.

    Voll Responsive Websites: Vor- und Nachteile

    Im Allgemeinen ist responsives Webdesign immer eine gute Sache. Webdesigner verlieren nichts, indem sie ihre Layouts für jeden Bildschirm ansprechend und anpassbar machen.

    Im Zusammenhang mit nativen Apps gibt es jedoch einige Überlegungen. zuerst responsive Websites sind auf die Rendering-Engine des Browsers beschränkt. Auf Smartphones bedeutet dies eine eingeschränkte Animation, kein Flash und die Abhängigkeit von der Rendering-Engine des Browsers.

    Native Apps können die Kernfunktionen eines Smartphones oder Tablets nutzen. Animationsbibliotheken sind nativ wesentlich leistungsfähiger als CSS oder JS im Browser dargestellt.

    Dasselbe gilt für Eingabeelemente in Formularen zusammen mit Datenübertragung und Sicherheitsbedenken. Viele Leute ziehen es vor, die Pinterest-App auf der Pinterest-Website zu verwenden. Gleiches gilt für Flipboard, Dropbox, Feedly, Gmail oder andere wichtige Webdienste.

    Aber sollten diese Websites nicht bieten ein responsives Layout? Es gibt drei Möglichkeiten:

    1. Erzwingen Sie, dass mobile Webbenutzer die native App herunterladen
    2. Bieten Sie ein mobiles Weblayout mit einem optionalen Link zur nativen App an
    3. Führen Sie einfach das mobile Weblayout getrennt von einer nativen App aus

    Flipboard ist die zweite Option, wenn Sie oben auf jeder Seite ein Banner platzieren. Sie können sich direkt im Mobile Safari-Browser für ein Flipboard-Konto anmelden. Es ist jedoch viel einfacher, schneller und intuitiver, die App zu verwenden.

    Die Nachrichtenseite ZDNet erwähnt ihre mobile App nicht einmal während ihres Besuchs auf Mobile Safari. Es funktioniert wie ein typisches responsives Layout mit Nachrichten und vorgestellten Beiträgen.

    Der Unterschied liegt in der Benutzererfahrung. Bestimmen Sie, was für Benutzer am besten ist Anzeige, wo der meiste Verkehr kommt.

    Erinnere dich daran Mobile Apps benötigen Zeit für Design und Programmierung. Sie ... oft erfordern mehr Arbeit als das Erstellen einer Website. Wenn Sie eine App für Ihre Website wünschen, stellen Sie sicher, dass sie Ihr responsives Layout ausreichend ergänzt, um echten Wert zu bieten.

    Desktop-First oder Mobile-First?

    Wenn Sie für das Web entwerfen, sollten Sie mit der breitesten oder kleinsten Breite beginnen? Diese Frage wird von Freelancern und großen Kreativagenturen gleichermaßen häufig gestellt.

    Eine sehr beliebte Meinung ist der Mobile-First-Ansatz, der von Luke Wroblewskis Buch populär gemacht wurde. Diese Methode berücksichtigt Progressive Enhancement Das beginnt bei den Grundlagen und erhöht die Funktionalität für Umgebungen, die damit umgehen können.

    Alternativ neigen andere Designer zu dem Desktop-First-Ansatz, von dem aus oszilliert “zuerst mobil” zu “auch mobil”.

    Diese Strategie funktioniert, indem Sie zunächst alle gewünschten Funktionen auf einem Desktop-Monitor in voller Größe planen. Von dieser Idee aus verkleinern Sie dann allmählich die Funktionen, definieren Haltepunkte und gelangen schließlich zum kleinsten Layout für Smartphones.

    Gibt es hier eine richtige Antwort? Sollten responsive Layouts mit den kleinsten Bildschirmen beginnen oder ist Mobile-First ein veraltetes Konzept?

    Der einzige Nachteil bei der Auswahl einer Kombination ist potenziell Fehlende Funktionen. Mit dem Handy können Sie beginnen lassen Sie Funktionen weg oder vergessen Sie, sie bei größeren Auflösungen hinzuzufügen. Beginnend mit dem Desktop können Sie Layouts entwerfen fühle mich auf dem Handy zu voll.

    Keines ist jedoch richtig oder falsch. Wählen Sie den für Sie am besten geeigneten Workflow aus. Scheuen Sie sich nicht davor, größere Änderungen vorzunehmen, wenn Sie das Design verbessern könnten.

    Das Beste aus beiden Welten

    Die Erstellung einer vollständig ansprechbaren Website, die auf jedem Bildschirm ausgeführt wird, wird wahrscheinlich die Mehrheit der Leser zufrieden stellen. Wenn Sie also bereits ein responsives Layout haben, sollten Sie sich sogar mit einer mobilen App beschäftigen?

    Wie in diesem großartigen Stück von Modo Labs gefunden, kommt die Antwort darauf an Benutzererfahrung. Es gibt keine absolute endgültige Antwort. Es geht darum, für welche Methode die beste Form des Konsums angeboten wird Ihr spezifisches Projekt auf einem Mobilgerät. Möchten Ihre Benutzer eine mobile App? Oder ist eine Website mehr als genug?

    Der Tech-News-Blog TechCrunch bietet ein responsives Layout und eine kostenlose mobile App, und das aus gutem Grund. Ihre Website berichtete kürzlich über eine Geschichte, in der bestätigt wurde, dass Leute in den USA mehr Zeit mit Apps verbringen als vor dem Fernseher.

    Was aber, wenn jemand auf Twitter auf TechCrunch verweist? Wenn jemand auf den Link auf seinem iPhone klickt, wird Mobile Safari geöffnet, da es sich um einen HTTP-Link handelt. Dies ist, wo das responsive Layout nützlich ist, weil Nicht jeder will deine App.

    Zugegeben, einige Benutzer möchten Ihre Website immer noch besuchen und ziehen es vor, die Website zu besuchen, ohne dazu gezwungen zu sein, eine kostenlose App herunterzuladen.

    Arbeiten Sie auf Projektbasis

    Die beste Antwort für die responsive vs. native App-Debatte ist zu jedes Projekt bewerten und entscheiden, was am besten ist, von Fall zu Fall.

    Aus meiner Erfahrung würde ich das argumentieren Soziale Netzwerke und interaktive Websites profitieren am meisten von nativen Anwendungen. Sowohl Android als auch iOS verfügen über umfangreiche Frameworks zum Erstellen von Apps, die eine Verbindung zu APIs herstellen, Datenbankabfragen senden und sauberer als eine Webseite sind.

    Und native App-Benutzeroberflächen werden wie Software dargestellt, sodass Sie sich keine Gedanken über CSS-Eigenschaften oder Browser-Einschränkungen machen müssen. Das ist Für Plattformen, auf denen sich Benutzer anmelden und detaillierte Interaktionen durchführen müssen.

    Im Allgemeinen funktionieren geschäftliche Websites wie die von Restaurants jedoch am besten mit reaktionsschnellen Layouts. Dies gilt insbesondere für die Menge an Arbeit, die zum Erstellen einer nativen App erforderlich ist.

    Blogs und digitale Zeitschriften sind eher eine Grauzone. Native Apps funktionieren gut für einige, werden aber für andere nicht benötigt. Es hängt im Allgemeinen von Ihrem ab Marktgröße und Publikum (dh technisch versierte Leute).

    Beim Starten einer neuen Internetpublikation ist viel zu beachten. Wenn Sie gerade erst anfangen, empfehle ich, zuerst eine Website zu erstellen. Von dort aus ist es einfacher zu schließen, ob eine native App den Aufwand wert wäre.

    Einpacken

    Das sollte selbstverständlich sein jeden Moderne Website profitiert von der Reaktionsfreudigkeit. Unabhängig davon, ob Sie eine native Anwendung erstellen möchten oder nicht, sollte das Layout Ihrer Site für jede Bildschirmgröße anpassbar sein. Es gibt keinen Nachteil und bietet eine stabile Zielseite für mobile Benutzer, die auf dem Vormarsch sind.

    Einige Websites bieten möglicherweise einen Link zum Herunterladen der App für mobile Besucher. Diese können produktiv und nützlich sein, um die mobile Plattform Ihrer Website zu vermarkten. Aber manchmal lohnt es sich, das anzubieten als Alternative und nicht als Mandat.

    Sammeln Sie nach Möglichkeit Nutzerfeedbacks und bewerten Sie die Meinungen in einer mobilen App. Versuchen Sie herauszufinden, was Ihre Besucher tatsächlich von einer nativen mobilen App halten, und stützen Sie Ihre Entscheidungen auf weitere Untersuchungen.