Obecně řečeno, design aplikací a návrh webových stránek jsou velmi odlišné. Klíčovým rozdílem je, že typické aplikace jsou navrženy tak, aby něco učinily , zatímco webové stránky pouze ukazují něco. V poslední době se však linka mezi webovými stránkami a aplikacemi stala stále nejasnou a existuje mnoho překrývání, přičemž mnohé webové stránky se chovají jako aplikace nebo dokonce zahrnují do svých rozhraní celou aplikační sadu.

U tradičních návrhářů webových stránek, kteří nemají zkušenosti s navrhováním aplikací, to může být matoucí a může vést k vysoce diskutabilním výsledkům v konečném produktu. Je důležité pochopit, že když mluvím o návrhu aplikací, nemluvím o "aplikacích". Aplikace jsou obecně jednoúčelová rozhraní, která umožňují telefonům dělat věci, které telefony obvykle nemají dělat. Jsou třídou aplikací, ale nemohou být opravdu považovány za opravdové aplikace, a proto jsou nazývány pouze "aplikacemi".

V následujících poznámkách budu hovořit o tom, jak se navrhování webových aplikací liší od navrhování běžných informačních webů a jak můžete zvládnout přechod a vytvořit funkční hybridní stránky, které správně obsahují aplikační prvky.

Pravdivě reagující návrh obvykle nebude pracovat správně pro aplikace

Tradiční softwarové aplikace pracují v omezeném prostoru na obrazovce (posouvání není normální a většinou nelze použít více webových stránek). Rozhraní aplikace samo o sobě může obsahovat posouvání, ale vyžaduje vlastní vyhrazený pevný prostor.

To znamená, že pokud používáte reagující design, musíte velmi pečlivě přemýšlet o tom, jak se vaše aplikační prvky ve vhodném prostoru hodí, a ve většině případů reagují návrhy velmi dobře. Možná budete muset jít do staré školy a vytvářet samostatné verze webu, který je určen k prohlížení na různých platformách, nebo dokonce vyloučit, aby se prvky aplikace zobrazovaly na mobilních zařízeních.

Návrh nápovědy, která může být zobrazena bez opuštění rozhraní aplikace

Testování je důležité pro všechny webové stránky nebo aplikace, ale pokud jde o webové aplikace, pracovní zatížení pro testování se dramaticky zvyšuje, protože máte spoustu dalších způsobů, jak vaše aplikace nepracuje správně za jiných okolností.

Zatímco u tradičních aplikací máte luxus uživatelské příručky, kterou uživatelé mohou konzultovat v případě problému, webové aplikace obvykle musí poskytovat veškerou pomoc jako součást webu (a obvykle to dělají špatnou práci!). Pokuste se používat tipy pro tipy, vyskakovací okna, modály a pokud potřebujete informace o nápovědě k externím stránkám, použijte alespoň metodu target = "_ blank" .

Používejte silné zacházení s chybami

Vaše aplikace musí být dostatečně inteligentní, aby věděla, kdy nefunguje správně, a aby mohla být laskavě havarována, když to potřebuje. Nic není více nepříjemné pro každého uživatele, než když se jeho systém zpomalí procházení a nemohou zavřít svou aplikaci jednoduše proto, že jste byli příliš líní na to, aby se vypořádali s chybami a poskytli způsob, jak ukončit aplikaci.

Při sestavování týmu při vývoji webových aplikací je vhodné najmout osoby, které mají také zkušenosti s vytvářením tradičních desktopových aplikací. Ti, kteří mají takové zkušenosti, vám mohou pomoci vyhnout se chybám a získat efektivnější vývojový proces.

Doporučený obrázek, UI design image přes Shutterstock.