UXPIN – PROTOTYP WEBU SNADNO A RYCHLE

Beneficio Blog

Vít Kašpar
Vít Kašpar

20. 8. 2019
4 min.

JSME DIGITÁLNÍ AGENTURA

Specializujeme se na profesionální weby, firemní portály, klientské zóny, aplikace, programování na zakázku, správu webů a datový marketing.

UXPIN – PROTOTYP WEBU SNADNO A RYCHLE

Moderní doba vyžaduje moderní nástroje. Dříve jsme většinu přípravy přenášeli pomocí tužky na papír nebo mapu stránek připravovali do evernotu. Hledali jsme proto nástroj, který by nám ušetřil práci s přípravou a rozvržením stránek a dal nám možnost se hlouběji věnovat celkové myšlence projektu.

Aplikací splňující naše potřeby je hned několik (axure, ux-app,…). Naše pozornost ale spočinula na UXpinu. On-line aplikaci určenou pro vytváření wireframů a funkčních prototypů. Proč?

Líbilo se nám nejen rozhraní, ale i intuitivní rozmístění prvků. A navíc jsou klávesové zkratky podobné těm z Photoshopu.

Představím vám nějaké základní možnosti a práci právě s UXPinem.

SITEMAP

Prvním požadavkem byla možnost vytvářet strukturu projektu a propojení jednotlivých části webu.

Sitemap – pomocí funkce drag&drop je možné vytvářet stromovou strukturu projektu

Lze vytvořit nekonečný počet  stránek pomocí „Add page“ a následně pomocí drag&drop funkce vytvořit jednoduše stromovou strukturu projektu. Kliknutím na stránku pak dojde k přechodu na konkrétní návrh stránky.

KNIHOVNA NÁSTROJŮ

Aplikace umožňuje používat opravdu veliké množství předpřipravených prvků. Jejich výběr spočívá ve výběru knihovny, kterou zrovna potřebuji. Dejme tomu, že do svého návrhu chci umístit hlavní nadpis stránky.

Mohu si usnadnit práci a napsat klíčové slovo „text“ do pole určeného k vyhledávání a nebo si projít nabídku dostupných nástrojů a vybrat nástroj přímo. Knihovna obsahuje i svého manažera. S jeho pomocí lze vybírat další nebo nové dostupné prvky (ikony, obrázky, …).

PLOCHA

No a potom tu máme pracovní plochu. Pracovní plocha je místem, kde uchováváme myšlenky a vytváříme stránku po stránce. Vkládáním jednotlivých bloků, obrázků, textu, ikon atd. lze vytvořit rozvržení celé stránky. A to není vše. UXPin umožňuje vytvářet i interaktivní prvky (formuláře, vyhledávání,…), prvky animovat (zobrazení při najetí kurzoru, zobrazení navigace po kliknutí, …) a spoustu dalších vychytávek.

EXPORT

Závěrečnou fází po vytvoření struktury a jednotlivých stránek je export. Pro prezentaci u klienta využíváme obvykle výstup v PNG nebo PDF formátu. Při vytvoření potom vygenerovanou HTML stránku, která podporuje již zmíněné animace a lze na ní provádět i uživatelské testování.

Z aplikace UXPin jsme doslova nadšeni a s klidným svědomím ji můžeme doporučit každému, kdo má potřebu vytvářet wireframe nebo prototyp pro uživatelské testování.

Vít Kašpar

Vít Kašpar

Je spoluzakladatelem agentury. V oblasti webdesignu se pohybuje více než 14 let. Zkušenosti sbíral jako HTML kodér, UI designér i PHP programátor na malých i nadnárodních projektech. Aktuálně se věnuje UX designu a návrhům řešení pro naše klienty.

Líbil se Vám článek?
Sdílejte ho na sociálních sítích.

Další doporučené články

#webdesign, #marketing

Open-source nebo řešení na míru? Jak se správně rozhodnout, jaký systém je vhodný pro Váš projekt.

Zobrazit více

#webdesign, #ux/ui

PŘIZPŮSOBTE SVŮJ WEB MOBILŮM!

Zobrazit více
Poptejte nás

Poptávka

Rádi probereme jak můžeme kreativně nebo technicky posunout vaší online prezentaci. Spojíme se s vámi co nejdříve od přijetí poptávky.

Kontaktujte nás


Adresa kanceláří

Beneficio Media, s.r.o.
Myslíkova 12
120 00 Praha 2

Získejte nezávaznou cenovou nabídku nebo konzultaci

+420 777 338 288