Rozdíl mezi základními dráty, prototypem a maketou koncepce UI / UX Design

Rozdíly mezi dráty, prototypy a maketami jsou mnohými designéry vždy matoucí, přestože jsem byl zkušeným návrhářem, viděl jsem, jak se mnoho lidí ptá Quory a Reddita na tyto podmínky, takže co to sakra je? pochopit. Řeší mnoho problémů a šetří energii pro designéry.

Co je to SIM karta?

Toto je grafická struktura webu nebo aplikace, která obsahuje obsah a prvky. Stejně jako v případě návrhu budovy, i práce mrakodrapu vyžaduje hodně práce a účastníků. Podobně dráty vypadají jednoduše a musí být provedeny návrháři UX, UI, IxD. Stručně řečeno, Wireframe je jednoduchý návrh rozložení se 3 jednoduchými, ale přímými cíli:

  • Obsahuje základní informace
  • Nakreslete strukturu a rozvržení
  • Vizualizovat uživatelské rozhraní

Vizuální vlastnosti drátového drátu

Z optického hlediska má kabelová náhlavní souprava velmi jasná vizuální omezení, protože k jejímu dokončení jsou zapotřebí pouze jednoduché čáry, rámečky a šedá (různé šedé barvy).

Kabelová obrazovka má velmi jasná vizuální omezení. Obecně by designéři měli používat pouze čáry, krabice a šedé v provedení (různé šedé úrovně znamenají různé úrovně).

2. Jednoduché vektorové dráty

Simple Symphrams zahrnují obrázky, videa a text

3. Výhody elektrického kabelu

Konstrukce drátu je rychlá a levná.

Obzvláště pokud používáte klobouky a tužky jako balzám. Tyto návrhové nástroje byste samozřejmě měli použít, abyste mohli ihned začít.

Ve srovnání s úplným a podrobným telframem s vysokým rozlišením je mnohem snazší a důležitější shromažďovat myšlenky prostřednictvím high-end symfamu. Proč ne? Důvodem je to, že lidé kladou větší důraz na výkon softwaru, informační architekturu, uživatelský zážitek, harmonogramy a využití uživatelských interakcí, než aby brali v úvahu estetické vlastnosti těchto prvků. V tomto případě však můžete snadno změnit podle potřeby, ale nemusíte konfigurovat kódování a grafické úpravy.

4. Interaktivní Symphram

Designéři občas upřednostňují zlepšení spolehlivosti vodičů, aby v některých ohledech zvýšili důležitost uživatelského rozhraní a demonstrovali logiku rychlého testování a interakce mezi vizuálními prvky. Pro správné vyřešení těchto problémů používá program interaktivní symfam, známý také jako tištěný telframe.

Pokud chcete vytvořit takový složitý drát, budete potřebovat UXPin, což je nástroj pro instalaci a prototypování vodičů. Vytvoření interaktivního prototypu může být nejlepší prezentací pro vývojový tým a klienty. Ptáte se: „Co se stane, když stisknu toto tlačítko?“ Pokud máte problém, stačí kliknout a ukázat zákazníkům, jak komunikovat s interaktivním prototypem. Ve skutečnosti je působivý a přímý.

5. Opatrně nasměrujte drát

Pokud mu musíte dát telfram, musíte si dát pozor na chlapa, který je absolutně hoden. Může to být váš klient i váš netechnický manažer. Neví však, že by se drát a konečný produkt mohly zdát propojené. Nemusí tedy rozumět vnitřní komunikaci a pracovnímu režimu mezi nimi. Musíte tedy předložit a jak učinit správné rozhodnutí.

Kabelové konstrukční nástroje

Papír a tužka

Papír a tužka jsou nejjednoduššími nástroji pro drátěný design. Nakreslete náhodný proužek papírem, jedná se o jednoduchý drát s jednoduchými čarami a boxy. S jeho pomocí mohou designéři intuitivně prezentovat nápady pomocí podrobnějšího textu nebo slovní komunikace se zákazníky a vedoucími pracovníky. To se však v oficiálním projektu nepoužívá pro velké společnosti.

Balsamic

Designéři občas upřednostňují zlepšení spolehlivosti vodičů, aby v některých ohledech zvýšili důležitost uživatelského rozhraní a demonstrovali logiku rychlého testování a interakce mezi vizuálními prvky. Balsamiq představuje sadu prvků pro statické telframy dvěma různými způsoby. Jeho ručně tažené styl pomáhá soustředit se na rozvržení, funkční design, všechny barvy jsou bílé a černé. Takže nebudete slyšet stížnost na nastavení barev a vizuální efekt.

Co je to prototyp?

Poptávka prototypu je vyšší než poptávka po telframu. Rozdíl je v tom, že prototyp by měl být interaktivní a pokud možno prototyp s vysokým rozlišením, který bude odpovídat rozhraní koncového uživatele. Zároveň poskytuje testerům kompletní zkušenost simulací skutečného rozhraní produktu a funkční interakce.

1. Výhoda prototypu

„Vytvoření prototypu vstřícného k týmu pomáhá zvýšit propojení mezi návrháři a vývojáři.“

Proč je to tak důležité? Prototyp je obvykle používán uživateli pro testování produktu. Testování prototypu může ve velmi rané fázi ušetřit náklady a čas. Architektura produktu se tak nezmění kvůli nepřiměřenému interaktivnímu rozhraní. Prototyp je tedy dokonalým úspěchem pro návrháře a vývojáře k testování produktu.

Poskytuje také prototypy pro uživatele k získání zpětné vazby, seznámení se všemi detaily vašeho produktu a inspirování celého týmu. Většina prototypovacích nástrojů dokáže rychle a efektivně vytvářet prototypy, ale nemusí být kódována.

Účel prototypu je jasný: co nejvíce zjednodušit interakci uživatele a rozhraní. Po stisknutí tlačítka musí být provedena příslušná operace a objeví se příslušné stránky, které se snaží napodobit celý zážitek z produktu. Ptáte se: „Co se stane, když stisknu toto tlačítko?“ Pokud máte problém, stačí kliknout a ukázat zákazníkům, jak komunikovat s interaktivním prototypem. Ve skutečnosti je působivý a přímý.

2. Vizuální rysy prototypu

Je zřejmé, že prototyp musí mít estetické vlastnosti produktu a pokusit se vyhovět nejnovější verzi. V zásadě jde o vzhled produktu, který nemá HTML / CSS / JS, a nemusíte procházet server a databázi.

3. Prototypový test

Testování prototypů je důležitým krokem v procesu návrhu prototypu, což je důležitý krok v celém procesu. Jak provést ověřovací test, je zde velké téma. Jednoduchý test může trvat až hodinu a testovat lze 5 nebo 6 klíčových událostí. Níže uvádíme několik často kladených otázek:

  • Jak může uživatel začít? (Vyhledat nebo zobrazit?)
  • Co dělá uživatel jako první? a další?
  • Jak učiní konečné rozhodnutí?
  • Rozumí účelu návrhu? Existují nějaké problémy?

Vytvoření návrhu prototypu produktu je nepřetržitý proces, který vyžaduje opakování a zdokonalování.

Prototypovací nástroje

Hledáte skvělý rychlý prototypovací nástroj? Žádný rozpočet? Žádné omluvy. Mockplus Černý pátek 2017 je tady! Připojte se nyní ke skupině Mockplus Official Slack a správce vám nabídne kupón se slevou 40% a balíček balíčků a písem uživatelského rozhraní zdarma. Tato časově omezená nabídka platí pro všechny balíčky a běží do 31. listopadu, čímž se ušetří alespoň 80 $ z obvyklé ceny. Kromě toho získáte na Mockplus celoživotní bezplatnou technickou podporu, i když právě teď nejste placeným uživatelem. Přijďte a užijte si černý pátek Mockplus 2017!

Mockplus

Mockplus je všestranný prototypovací nástroj pro rychlý šum, rychlý design a rychlé prohlížení. Umožňuje vytvářet mobilní zařízení pro mobily (Android a iOS), stolní počítače (PC a Mac) a webové aplikace. Mockplus 3.2 přidal režim návrhu toku uživatelského rozhraní, opakovací hardware, ukázkové projekty a šablony a import náčrtu. Další funkce, jako je například režim návrhu mapy mysli, budou k dispozici ve verzích po verzi Mockplus 3.2.

UXPin

UXPin vytvořil přes 900 různých prvků uživatelského rozhraní, takže můžete vytvářet dráty a prototypy. Jeho citlivý breakpoint funkce umožňuje uživatelům vytvářet citlivé prototypy a sim karty, které pracují na různých zařízeních a rozlišení.

Co je to maketa?

Maketa je „vizuální skript“ používaný k zobrazení vizuálního designu produktu. Má bohatší vizuální prvky než dráty, včetně grafiky, rozvržení, barev a podrobnějších vizuálních prezentací. Do jisté míry se jedná o konečný design produktu.

Podobně jako kabelový drát je maketa statická a nefunguje. Zaměřuje se na vzhled produktu přidáním mnoha vizuálních prvků k dosažení větší přesnosti. Často se používá v diskusích o vizuálním designu ke zlepšení vizuálního designu produktu.

Návrhový tok

Jakmile pochopíte podstatu designu a pochopíte rozdíl mezi dráty, makety, prototypy, jste v popředí světa designu uživatelských zkušeností.

Pokud dokážete z produktové řady navrhnout soudržný a efektivní pracovní postup, dojde k úžasným zvratům.

Tipy

  • Při vytváření drátového modelu zkuste použít upravitelné a znovu použitelné prvky. V tomto případě budete pokračovat v mazání prvků pro provádění prototypů založených na jednoduchých vodičích.
  • Při instalaci vodičů se pokuste shromáždit nápady a nápady od svého týmu a zákazníků a pokuste se je promítnout do symfonického designu.
  • Použijte svůj nejpohodlnější nástroj