Im Allgemeinen sind Anwendungsdesign und Webdesign sehr unterschiedliche Dinge. Der Hauptunterschied besteht darin, dass Anwendungen in der Regel so konzipiert sind, dass sie etwas bewirken, während Websites lediglich etwas zeigen . In letzter Zeit ist jedoch die Grenze zwischen Websites und Anwendungen zunehmend verschwommen und es gibt viele Überschneidungen, da sich viele Websites wie Anwendungen verhalten oder sogar ganze Anwendungssuiten in ihre Schnittstellen integrieren.
Für traditionelle Website-Designer ohne vorherige Erfahrung im Anwendungsdesign kann dies verwirrend sein und zu höchst fragwürdigen Ergebnissen im Endprodukt führen. Es ist wichtig zu verstehen, dass ich nicht über "Apps" spreche, wenn ich über Anwendungsdesign spreche. Apps sind in der Regel Einzelzweckschnittstellen, mit denen Telefone Dinge tun können, die Telefone normalerweise nicht tun sollten. Sie sind eine Klasse von Anwendungen, aber sie können nicht wirklich als echte Anwendungen angesehen werden, weshalb sie nur "Apps" genannt werden.
In den folgenden Anmerkungen werde ich darüber sprechen, wie sich die Gestaltung von Website-Anwendungen von der Gestaltung gewöhnlicher Informationsseiten unterscheidet und wie Sie mit Cross-Over umgehen und funktionsfähige Hybrid-Seiten erstellen können, in denen die Anwendungselemente richtig integriert sind.
Herkömmliche Softwareanwendungen arbeiten im begrenzten Bildschirmbereich (das Scrollen ist nicht normal und Sie können normalerweise nicht mehrere Bildschirmlängen wie bei Webseiten überspannen). Die Anwendungsschnittstelle selbst kann Scrollen enthalten, erfordert jedoch ihren eigenen dedizierten festen Platz.
Das bedeutet, dass Sie bei der Verwendung von Responsive Design sehr genau überlegen müssen, wie Ihre Anwendungs- elemente in den dafür vorgesehenen Platz passen. In den meisten Fällen werden Responsive-Designs nicht besonders gut funktionieren. Möglicherweise müssen Sie in die alte Schule gehen und separate Versionen der Website erstellen, die für die Anzeige auf verschiedenen Plattformen konzipiert sind, oder sogar verhindern, dass die Anwendungselemente auf mobilen Geräten angezeigt werden.
Testen ist für jede Website oder Anwendung wichtig, aber wenn es um Webanwendungen geht, erhöht sich die Arbeitslast für das Testen dramatisch, weil Sie so viele Möglichkeiten haben, dass Ihre Anwendung unter verschiedenen Umständen nicht richtig funktioniert.
Während Sie bei herkömmlichen Anwendungen den Luxus eines Benutzerhandbuchs haben, das Benutzer konsultieren können, wenn ein Problem auftritt, müssen Web-Anwendungen in der Regel alle Hilfe als Teil der Website bereitstellen (und tun in der Regel einen schlechten Job!). Versuchen Sie, QuickInfos, Pop-ups und Modale zu verwenden, und wenn Sie für Hilfeinformationen auf externe Seiten verzweigen müssen, verwenden Sie mindestens die Methode target = "_ blank" .
Ihre Anwendung muss schlau genug sein, um zu wissen, wann sie nicht korrekt funktioniert und bei Bedarf ordnungsgemäß abgestürzt zu sein. Nichts ist für einen Benutzer lästiger, als wenn sein System zu einem Crawl verlangsamt und sie Ihre Anwendung nicht schließen können, nur weil Sie zu faul waren, die Fehlerbehandlung zu verwenden und eine Möglichkeit zu bieten, die Anwendung zu beenden.
Wenn Sie ein Team zusammenstellen, um Web-Anwendungen zu entwickeln, ist es eine gute Idee, Leute einzustellen, die auch Erfahrung beim Aufbau traditioneller Desktop-Anwendungen haben. Diejenigen, die solche Erfahrung haben, können Ihnen helfen, Fehler zu vermeiden und einen effizienteren Entwicklungsprozess zu erreichen.