Nejlepší odpověď
Návrháři uživatelského rozhraní:
Systém: Mac
Výhody: Zcela pro design „rozhraní“
Skica je lehký a snadno použitelný nástroj pro návrh vektorů, díky němuž je design uživatelského rozhraní jednodušší a efektivnější . Platforma zjednodušuje funkce používané ve Photoshopu a Illustratoru, navržené speciálně pro design UX / UI. Před Skicem museli designéři přepínat mezi Photoshopem a Illustratorem, aby získali konkrétní funkce, jako jsou vektorové a další fotografické efekty. Nyní Sketch umožňuje uživatelům zbavit se nafouklé funkčnosti a zaměřit se na uživatelskou zkušenost / design uživatelského rozhraní, aby co nejlépe využili svůj design uživatelského rozhraní. Jednou z nejlepších funkcí aplikace Sketch je schopnost instalovat doplňky , která kompenzuje funkce, které nejsou součástí softwaru.
Nicméně, i když je to jeden z nejpraktičtějších nástrojů pro navrhování uživatelských rozhraní Android App, podpora aplikace Sketch pro náhled Androidu v reálném čase není příliš efektivní. Uživatelé si musí stáhnout SkalaPreview a až po řadě těžkopádných operací si mohou prohlížet skutečný design rozhraní Android na straně telefonu.
Systém: Mac a Windows
Výhoda: Návrh online spolupráce a návrh předání pro návrháře a vývojáře uživatelského rozhraní
Jako zcela nový nástroj pro spolupráci a předávání má iDoc výkonné doplňky, které podporují import souborů z Photoshopu, Adobe XD a Sketch . Pomocí pluginů je možné pomocí iDoc generovat specifikace a aktiva automaticky pro použití návrháře uživatelského rozhraní. Chcete-li ze statických návrhových souborů vytvořit interaktivní a animované hi-fi prototypy, stačí je nahrát do prototypového modulu iDoc.
Invision – webový nástroj pro vytváření prototypů, díky kterému bude váš návrh rychle fungovat
Cena: Zdarma pro 1 projekt (15 $ / měsíc pro 3 projekty | 25 $ / měsíc pro neomezené projekty | 99 $ / měsíc pro týmy)
Kompatibilita: Mac a Windows
Funkce ：
- S InVision mohou návrháři nahrávat své návrhové soubory a přidávat animace, gesta a přechody, aby transformovali své statické obrazovky na interaktivní prototypy, na které lze kliknout. Získejte věrnost za méně než 5 minut.
- Podporuje soubory ve formátu PNG, JPG, GIF, AI a PSD. Aplikace InVision je skvělá pro spolupráci na návrhech návrhů a shromažďování zpětné vazby od kolegů a klientů.
- Nový magický design pro vývojový pracovní postup. Vytvářejte šablony stylů, získávejte pixelové kompakty, diskutujte o výzvách designu, adaptivně exportujte a generujte skutečný kód pro libovolný designový prvek.
Cena – zdarma pro osobní použijte
– 12 USD na osobu a skupinu / měsíc
Úvod: Figma je první nástroj pro návrh rozhraní pro skutečné – časová spolupráce. Má tři chvályhodné funkce: spolupráci v reálném čase, vektorové sítě a kontrolu verzí. Jednoduše, Figma je jako skica založená na prohlížeči s spoluprací v reálném čase .
Osobní zkušenost: K Figmově chování jsem byl zpočátku skeptický uživatelská zkušenost, protože se jedná o nástroj pro návrh rozhraní založený na prohlížeči. Ale později jsem zjistil, že je stále velmi citlivý na používání. A co víc, nástroje prohlížeče mají tu výhodu, že příjemce nemusí nic instalovat, stačí otevřít prohlížeč na počítači k účasti na projektu. Soubory Figma jsou k dispozici na počítačích Mac, Windows, Linux a mobilních zařízeních (pouze k zobrazení).
Odpověď
Pokud mi vývojář řekl „ne“, nejprve bych se zeptal proč a zkusil pochopit jejich důvod, proč ne. Pokud se ukáže, že existuje lepší způsob, jak přistupovat k výzvě designu, byl bych více než ochoten design změnit.
Vývojáři jsou však obecně schopni kódovat kteroukoli z funkcí a návrhů návrhářů uživatelského rozhraní přijít s. Jak v této odpovědi zdůraznil William Hurley, v oblasti softwaru je možné téměř všechno.
Zeptal jsem se vývojářů softwaru, zda je možná „funkce x“ nebo zda lze design kódovat tak, aby fungoval určitou způsobem a nikdy mi nebylo řečeno „ne“.
Jak již bylo řečeno, cílem jako návrháře uživatelského rozhraní by nemělo být vytvořit komplexní design. Cílem by mělo být, aby bylo rozhraní pro uživatele co nejjednodušší a nejintuitivnější.
Z tohoto důvodu jsem ve svých nejnovějších projektech použil principy Google Material Design (viz 5 účinných a praktických důvodů pro použití Material Designu ).
S tím přináší několik výhod:
- Znalost uživatelů – Gmail, YouTube, Evernote, Buzzfeed a mnoho dalších aplikací používá Material Design, takže existuje větší šance, že uživatelé vaší aplikace budou obeznámeni s tím, jak rozhraní vypadá a funguje.
- Existující rámce – Bylo vytvořeno mnoho rámců, které obsahují připravené komponenty pro použití vývojáři, například Materialise CSS , AngularJS Material a Materiál – uživatelské rozhraní . To pomáhá návrhářům zjistit, co je vývojářům snadno k dispozici, a použít tyto komponenty ve svých návrzích.
- Rychlejší rozhodování – Když vývojáři a návrháři může pracovat ze stejné palety komponent, zrychluje proces navrhování a vývoje.
Zde je skvělé video o tom, jak Google zajistil, aby jejich nepřeberné množství aplikací vypadalo a působilo konzistentně, ještě před vydáním Materiálové provedení. Použitím principů, které používali dříve a nyní, mohou designéři vytvářet lepší rozhraní a prakticky eliminovat „ne“ ze slovníku vývojářů.