Zeptejte se Ilyi Birmana na jeho práci, produktivitu a uživatelská rozhraní
Zde jsou otázky, které by si měl návrhář položit při pohledu na každou maketu uživatelského rozhraní:
- Pro každé nakreslené tlačítko: co se stane, když jej stisknete? Nemusí existovat přímý obrázek dalšího stavu, ale je potřeba jasná odpověď.
- Pro každé tlačítko „Zavřít“, „Skrýt“ a podobně: jak jej znovu otevřít, zobrazit?
- Pro každou proměnnou: co když je hodnota záporná, nula, jedna, stokrát větší, stokrát menší, delší, kratší? Co když se hodnota změní v reálném čase?
- Pro každý proměnný počet prvků (seznam, matice ikon atd.): co když je nula, jeden prvek; stokrát více, než je vyobrazeno. Co když se počet prvků mění v reálném čase?
To je docela nudná věc, není jasné, jak to systematicky aplikovat, ale říkám vám, je to hrubý návrh. Přidejte do komentářů nebo tak něco.
Sdílím radu, kterou mi kdysi dal Arťom Gorbunov: je snazší najít řešení, pokud se předem rozhodnete, že existuje.
Ctrl ← Free Juel byl aktualizován na třetí verzi
Ctrl → Proč je Photoshop důležitý pro návrháře rozhraní
5 komentáře
Jsou zde také odpovědi na otázky, které souvisejí s prací se serverem. Kdy a kde zobrazit zavaděč, zablokovat rozhraní nebo jej neblokovat, když se změní číslo na počítadle v stepperu, pokud jsou informace převzaty ze serveru (okamžitě, ale vývojáři nejčastěji spojují výstup dat s odpovědí serveru) , načítání dat (pokud je částečné, pokud není k dispozici) a další.
Vladimír Obřízan 2018
Máme pravidlo: pro každé vstupní pole určete pravidla:
- Filtrace. Například: „Odstraňte netisknutelné znaky na začátku a na konci.“ Poté se „Vova“ změní na „Vova“. Nebo: „Vyměňte ceduli. na ,“ – to je pro vstupní pole zlomků, když píšou 3.14, ale ve významu je 3,14.
- Validace. Například: „Nezáporné celé číslo.“
- Formátování. Například: „Uveďte dvě desetinná místa za desetinnou čárkou.“ To je důležité zejména pro programátory, kteří se nebojí a nainstalují to tak, jak je: 3.14159265359.
Andrew Stoleshnikov 2018
Ilyo, i já jsem o tom přemýšlel už delší dobu a došel jsem k jednoduchému závěru – pokud designér sám navrhne to, co nakreslil, bude si muset v každém případě položit všechny tyto otázky. Není to levné, ale posouvá produkt na další úroveň. A mimochodem, není vůbec nutné, aby se kód dostal do výroby – může zůstat výhradně na stole designéra. Ale ty věci, které během rozvržení promyslí, se mohou objevit v bojovém projektu.
Nejzákladnější věc, kterou vidím a na kterou 90 % designérů zapomíná, jsou banální mikroanimace. Jak se obvykle stává – „Zde po kliknutí vytvoříme vyskakovací blok.“ Jak tato deska vyskočí? Přes transparentnost? S offsetem? S jakými rozměry? Je tato animace podobná přechodům aplikovaným na odkazy? Budou spolu v souladu? Co se stane, když kliknete na tlačítko na talíři? Zmizí vyskakovací okno nebo se objeví zpráva? Zavře se to samo nebo budu muset kliknout na křížek?
Když začnete své projekty rozkládat sami, začnou se tyto otázky objevovat samy od sebe, stejně jako otázky kompozice a výběru písma pro rozvržení. Dokážete všechny tyto otázky pro designéry nějak spojit a zařadit? nevím. Možná se na to musíme podívat globálněji a zprostředkovat lidem myšlenku, že moderní designér by měl být, alespoň trochu více, vývojář. Minimálně proto, aby se nepředkládaly layouty s přechody oříznutými na okrajích plátna, bez vrstev v překrytí a s upravenými odsazeními uvnitř bloků a nevkládané od oka.