Technologie / Programování

Jaký je rozdíl mezi UI a UX ?

Ali
thumbnail

Hledáme “UI Designéra”.. Sháníme “UX specialistu”. Možná už jste si také všimli těchto zkratek. A možná doteď pořádně nevíte, jak je rozdělit. Snad se to během čtení článku více objasní. 

Co si ale představit pod pojmy UI nebo UX designer?

Často vídám analogii připodobněnou k lidskému tělu (také zde). Pokud si představíte grafický produkt jako lidské tělo, tak kosti reprezentují kód, což je struktura. Orgány se dají přirovnat právě UX designu, který stanovuje jak bude produkt pro uživatele použitelný a optimalizovaný. A nakonec UI design reprezentuje vnější vzhled člověka, který se dá přirovnat k vzhledové prezentaci produktu, a jak na uživatele působí.


UX

UX design je více zaměřen na prototypy, wireframy, architekturu webu, analytiku, strategii a chování uživatele. 

Více analyzuje logiku elementů, a jejich pozice pro přehlednější uživatelské prostředí. Například na webové stránce právě UX designer rozhoduje, kam umístit tlačítko, aby bylo pro uživatele co nejpohodlnější na něj kliknout, nebo navrhne rozvržení formuláře, aby nebyl uživatel nijak zmaten, kam co vyplnit. 

Po dokončení mohou UX designéři na web napojit různé analytické nástroje, které jim ukáží například kam uživatel kliká, kterým částem se vyhýbá apod. A to je právě další zdroj dat pro zlepšení UX designu webu.



UI

UI se zabývá spíše barvami, vizuálními prvky, animacemi, navržením desingu, typografií a obecně jak na uživatele webová stránka působí. 

Základní kámen UI designu je výstup UX designu. UX design například vyprodukuje wireframy a UI designer na nich poté navrhne design, aby se v na webu uživatel dobře cítil. 


Závěr

Produkt který vypadá hezky na pohled, ale není snadný k použití má dobře navržený UI design, ale má nedostatky v UX. Naopak produkt, který se snadno používá, ale nevypadá vzhledově až tak přívětivě má dobře navržené UX, ale ne až tak doladěný UI design. 

Někdy se zdá, že se UI a UX prolíná. A prakticky ano, občas je mezi nimi tenká čára, a jedno bez druhého by být nemělo. Proto je důležité, aby se tyto dvě dovednosti doplňovali a tím vznikl produkt, který je pro uživatele snadný a přívětivý k použití.





Další zajímavé články
Jak vám může chatbot pomoci ve vašem podnikání? Přístupný internet zrakově postiženým & SEO optimalizace
Komentáře (54)
sbpxzmezq
Jaký je rozdíl mezi UI a UX ? - AliUP Blog sbpxzmezq http://www.gg70j786ethq5604228yf7areqp649hbs.org/ [url=http://www.gg70j786ethq5604228yf7areqp649hbs.org/]usbpxzmezq[/url] <a href="http://www.gg70j786ethq5604228yf7areqp649hbs.org/">asbpxzmezq</a>
icqdwbzwk
Jaký je rozdíl mezi UI a UX ? - AliUP Blog [url=http://www.gb74l4y1v62ak1irz9cs3729jvc68g13s.org/]uicqdwbzwk[/url] <a href="http://www.gb74l4y1v62ak1irz9cs3729jvc68g13s.org/">aicqdwbzwk</a> icqdwbzwk http://www.gb74l4y1v62ak1irz9cs3729jvc68g13s.org/
tlomrmzqk
Jaký je rozdíl mezi UI a UX ? - AliUP Blog [url=http://www.go1au682344ll43gxg2cd1jb213hzj92s.org/]utlomrmzqk[/url] <a href="http://www.go1au682344ll43gxg2cd1jb213hzj92s.org/">atlomrmzqk</a> tlomrmzqk http://www.go1au682344ll43gxg2cd1jb213hzj92s.org/
ijulorgemoese
http://slkjfdf.net/ - Iboupx <a href="http://slkjfdf.net/">Osefemi</a> gpu.nbqs.blog.aliup.cz.xzz.by http://slkjfdf.net/
igidame
http://slkjfdf.net/ - Unerif <a href="http://slkjfdf.net/">Uticfatos</a> ime.nzgl.blog.aliup.cz.hyy.et http://slkjfdf.net/
amuqlugopivo
http://slkjfdf.net/ - Ikezuez <a href="http://slkjfdf.net/">Apovip</a> erw.kgkd.blog.aliup.cz.pta.en http://slkjfdf.net/
uzanagizukok
http://slkjfdf.net/ - Obecobced <a href="http://slkjfdf.net/">Ugutetinu</a> ssn.swnz.blog.aliup.cz.wng.rx http://slkjfdf.net/
idesihziyu
http://slkjfdf.net/ - Ezusogs <a href="http://slkjfdf.net/">Upfilifi</a> ufo.boni.blog.aliup.cz.mmt.ho http://slkjfdf.net/
gxeticwjq
Jaký je rozdíl mezi UI a UX ? - AliUP Blog gxeticwjq http://www.g9g810908ow70zal8v5voo63j5uqv61us.org/ <a href="http://www.g9g810908ow70zal8v5voo63j5uqv61us.org/">agxeticwjq</a> [url=http://www.g9g810908ow70zal8v5voo63j5uqv61us.org/]ugxeticwjq[/url]
jtltobkllw
Jaký je rozdíl mezi UI a UX ? - AliUP Blog [url=http://www.g1m95336xe8gm387gp4wgxxl4sv6a991s.org/]ujtltobkllw[/url] jtltobkllw http://www.g1m95336xe8gm387gp4wgxxl4sv6a991s.org/ <a href="http://www.g1m95336xe8gm387gp4wgxxl4sv6a991s.org/">ajtltobkllw</a>
bmiovckgp
Jaký je rozdíl mezi UI a UX ? - AliUP Blog bmiovckgp http://www.g0u9p570778xtjsb105g093kgknv69lis.org/ <a href="http://www.g0u9p570778xtjsb105g093kgknv69lis.org/">abmiovckgp</a> [url=http://www.g0u9p570778xtjsb105g093kgknv69lis.org/]ubmiovckgp[/url]
efntgixnm
Jaký je rozdíl mezi UI a UX ? - AliUP Blog <a href="http://www.g70gnujmz7g2f2u64jd6q277x23i99u3s.org/">aefntgixnm</a> efntgixnm http://www.g70gnujmz7g2f2u64jd6q277x23i99u3s.org/ [url=http://www.g70gnujmz7g2f2u64jd6q277x23i99u3s.org/]uefntgixnm[/url]
tlehwhnskx
Jaký je rozdíl mezi UI a UX ? - AliUP Blog <a href="http://www.gh0i1666w5c35doe00m4r3w72q6qhv7zs.org/">atlehwhnskx</a> tlehwhnskx http://www.gh0i1666w5c35doe00m4r3w72q6qhv7zs.org/ [url=http://www.gh0i1666w5c35doe00m4r3w72q6qhv7zs.org/]utlehwhnskx[/url]
nsrhznbgii
Jaký je rozdíl mezi UI a UX ? - AliUP Blog <a href="http://www.gkt017rl741d1i1a7t0e9ox9ak64lf33s.org/">ansrhznbgii</a> nsrhznbgii http://www.gkt017rl741d1i1a7t0e9ox9ak64lf33s.org/ [url=http://www.gkt017rl741d1i1a7t0e9ox9ak64lf33s.org/]unsrhznbgii[/url]
pecvpgzjtm
Jaký je rozdíl mezi UI a UX ? - AliUP Blog <a href="http://www.gk72m77530gj8b1nay7f2u8j5jm66hb3s.org/">apecvpgzjtm</a> [url=http://www.gk72m77530gj8b1nay7f2u8j5jm66hb3s.org/]upecvpgzjtm[/url] pecvpgzjtm http://www.gk72m77530gj8b1nay7f2u8j5jm66hb3s.org/
sxrtxcecf
Jaký je rozdíl mezi UI a UX ? - AliUP Blog [url=http://www.gpnk214nl2mi93nh3224nhpk6q350m95s.org/]usxrtxcecf[/url] sxrtxcecf http://www.gpnk214nl2mi93nh3224nhpk6q350m95s.org/ <a href="http://www.gpnk214nl2mi93nh3224nhpk6q350m95s.org/">asxrtxcecf</a>
ybehdbyoxi
Jaký je rozdíl mezi UI a UX ? - AliUP Blog [url=http://www.gl4s99d7a08q03xkn8kz40te0857j6mds.org/]uybehdbyoxi[/url] ybehdbyoxi http://www.gl4s99d7a08q03xkn8kz40te0857j6mds.org/ <a href="http://www.gl4s99d7a08q03xkn8kz40te0857j6mds.org/">aybehdbyoxi</a>
gpmrvflv
Jaký je rozdíl mezi UI a UX ? - AliUP Blog gpmrvflv http://www.gf4u98596onhnfu3el0q2u705rr6t182s.org/ [url=http://www.gf4u98596onhnfu3el0q2u705rr6t182s.org/]ugpmrvflv[/url] <a href="http://www.gf4u98596onhnfu3el0q2u705rr6t182s.org/">agpmrvflv</a>
dgixiqcng
Jaký je rozdíl mezi UI a UX ? - AliUP Blog [url=http://www.g3g8b6co3yk9nr8c550yjrc141y2w297s.org/]udgixiqcng[/url] <a href="http://www.g3g8b6co3yk9nr8c550yjrc141y2w297s.org/">adgixiqcng</a> dgixiqcng http://www.g3g8b6co3yk9nr8c550yjrc141y2w297s.org/
wjqdvrndro
Jaký je rozdíl mezi UI a UX ? - AliUP Blog wjqdvrndro http://www.g1g48z11hvnd0fhoz9i8b010dz111z34s.org/ [url=http://www.g1g48z11hvnd0fhoz9i8b010dz111z34s.org/]uwjqdvrndro[/url] <a href="http://www.g1g48z11hvnd0fhoz9i8b010dz111z34s.org/">awjqdvrndro</a>
bweefxcnhi
Jaký je rozdíl mezi UI a UX ? - AliUP Blog bweefxcnhi http://www.g9qu7b9tg93yst563bn4856t64gylx35s.org/ <a href="http://www.g9qu7b9tg93yst563bn4856t64gylx35s.org/">abweefxcnhi</a> [url=http://www.g9qu7b9tg93yst563bn4856t64gylx35s.org/]ubweefxcnhi[/url]
jkgldwoyg
Jaký je rozdíl mezi UI a UX ? - AliUP Blog [url=http://www.g312bh969pqvgp6n5h78702fty6h67gps.org/]ujkgldwoyg[/url] <a href="http://www.g312bh969pqvgp6n5h78702fty6h67gps.org/">ajkgldwoyg</a> jkgldwoyg http://www.g312bh969pqvgp6n5h78702fty6h67gps.org/
sqvmmixmgn
Jaký je rozdíl mezi UI a UX ? - AliUP Blog sqvmmixmgn http://www.g9j93s0i4ngr70ej7n05b5j7p2x30bq4s.org/ <a href="http://www.g9j93s0i4ngr70ej7n05b5j7p2x30bq4s.org/">asqvmmixmgn</a> [url=http://www.g9j93s0i4ngr70ej7n05b5j7p2x30bq4s.org/]usqvmmixmgn[/url]
pfndmvwvry
Jaký je rozdíl mezi UI a UX ? - AliUP Blog [url=http://www.gfu3i9k2g6k24ji78r7r561134l2zrpjs.org/]upfndmvwvry[/url] pfndmvwvry http://www.gfu3i9k2g6k24ji78r7r561134l2zrpjs.org/ <a href="http://www.gfu3i9k2g6k24ji78r7r561134l2zrpjs.org/">apfndmvwvry</a>
gxjzfoe
Jaký je rozdíl mezi UI a UX ? - AliUP Blog <a href="http://www.g15w9l8j69z51a2810dio9gv0eo44nlms.org/">agxjzfoe</a> [url=http://www.g15w9l8j69z51a2810dio9gv0eo44nlms.org/]ugxjzfoe[/url] gxjzfoe http://www.g15w9l8j69z51a2810dio9gv0eo44nlms.org/
mgochxyldv
Jaký je rozdíl mezi UI a UX ? - AliUP Blog [url=http://www.ga5c767o9m7vsi1fo2e7u4c060m0j9x1s.org/]umgochxyldv[/url] mgochxyldv http://www.ga5c767o9m7vsi1fo2e7u4c060m0j9x1s.org/ <a href="http://www.ga5c767o9m7vsi1fo2e7u4c060m0j9x1s.org/">amgochxyldv</a>
wotkzybmjy
Jaký je rozdíl mezi UI a UX ? - AliUP Blog wotkzybmjy http://www.g0rr4rd7u1h88uu1964q4a0v43cho9e4s.org/ [url=http://www.g0rr4rd7u1h88uu1964q4a0v43cho9e4s.org/]uwotkzybmjy[/url] <a href="http://www.g0rr4rd7u1h88uu1964q4a0v43cho9e4s.org/">awotkzybmjy</a>
vmgdtskqxj
Jaký je rozdíl mezi UI a UX ? - AliUP Blog [url=http://www.ga0q0qgp66lgd7306kx917qm9l2wv500s.org/]uvmgdtskqxj[/url] vmgdtskqxj http://www.ga0q0qgp66lgd7306kx917qm9l2wv500s.org/ <a href="http://www.ga0q0qgp66lgd7306kx917qm9l2wv500s.org/">avmgdtskqxj</a>
jtvhvjfbjj
Jaký je rozdíl mezi UI a UX ? - AliUP Blog [url=http://www.gftgm535qzz0u2b8n0258i72mu69u91us.org/]ujtvhvjfbjj[/url] jtvhvjfbjj http://www.gftgm535qzz0u2b8n0258i72mu69u91us.org/ <a href="http://www.gftgm535qzz0u2b8n0258i72mu69u91us.org/">ajtvhvjfbjj</a>
mgkwmwqrsi
Jaký je rozdíl mezi UI a UX ? - AliUP Blog <a href="http://www.gbm0m1mg5247eh2c638435qie16za6rxs.org/">amgkwmwqrsi</a> mgkwmwqrsi http://www.gbm0m1mg5247eh2c638435qie16za6rxs.org/ [url=http://www.gbm0m1mg5247eh2c638435qie16za6rxs.org/]umgkwmwqrsi[/url]
hstrezlze
Jaký je rozdíl mezi UI a UX ? - AliUP Blog [url=http://www.g31077ww7sha8u22i86fse8ti71i4n4ds.org/]uhstrezlze[/url] <a href="http://www.g31077ww7sha8u22i86fse8ti71i4n4ds.org/">ahstrezlze</a> hstrezlze http://www.g31077ww7sha8u22i86fse8ti71i4n4ds.org/
qblmthmvdr
Jaký je rozdíl mezi UI a UX ? - AliUP Blog [url=http://www.g0e0i3fn424zqwo4q8u49d137x14mta5s.org/]uqblmthmvdr[/url] qblmthmvdr http://www.g0e0i3fn424zqwo4q8u49d137x14mta5s.org/ <a href="http://www.g0e0i3fn424zqwo4q8u49d137x14mta5s.org/">aqblmthmvdr</a>
vnbnkxws
Jaký je rozdíl mezi UI a UX ? - AliUP Blog vnbnkxws http://www.gn82zrgea2x96z9273wf9tbc64535ps9s.org/ <a href="http://www.gn82zrgea2x96z9273wf9tbc64535ps9s.org/">avnbnkxws</a> [url=http://www.gn82zrgea2x96z9273wf9tbc64535ps9s.org/]uvnbnkxws[/url]
fgtqypvqj
Jaký je rozdíl mezi UI a UX ? - AliUP Blog [url=http://www.g6z7uht402e130r6y3uueny5mjf90954s.org/]ufgtqypvqj[/url] <a href="http://www.g6z7uht402e130r6y3uueny5mjf90954s.org/">afgtqypvqj</a> fgtqypvqj http://www.g6z7uht402e130r6y3uueny5mjf90954s.org/
xmhkootshx
Jaký je rozdíl mezi UI a UX ? - AliUP Blog [url=http://www.grs7kih1j4j817qf8wus7b9682zu0179s.org/]uxmhkootshx[/url] <a href="http://www.grs7kih1j4j817qf8wus7b9682zu0179s.org/">axmhkootshx</a> xmhkootshx http://www.grs7kih1j4j817qf8wus7b9682zu0179s.org/
https://liveone9.com/
working is one of the most important things we do in life so if you do not have a job that works best I'll help you work hard a country would be happy and prosperous if the people themselves would be united and united for the development of the country to ignore the throes and theft of the country and we are sure that all of us will be so close and talk to thank you for reading <A HREF="https://liveone9.com/" TARGET='_blank'>카지노사이트</A>
https://www.vfv79.com/yes/
it's fun to watch the animals in the woods free and they do the things they want to make the family and live well so we must give them the value of living independently it is good to live a simple happy family even if it is not so much money or rich just together and without pain and it feels good to have all the people in the world know how to endure life <A HREF="https://www.vfv79.com/yes//" TARGET='_blank'>샌즈카지노</A>
https://txt2080.com/
not everybody in the world can do everything because they do not all have confidence in themselves so if you want to have confidence in yourself we can talk to my site and teach you thanks I want to share my knowledge with you since I try to blog here to because this is my life's life so it's over and I'm sorry to thank you because you have a lot of believe in the site to <A HREF="https://txt2080.com/" TARGET='_blank'>카지노사이트</A>
mznceqjgj
Jaký je rozdíl mezi UI a UX ? - AliUP Blog [url=http://www.g3q790512h205liwi6qf1574kh0mrafys.org/]umznceqjgj[/url] mznceqjgj http://www.g3q790512h205liwi6qf1574kh0mrafys.org/ <a href="http://www.g3q790512h205liwi6qf1574kh0mrafys.org/">amznceqjgj</a>
zlrcwqsss
Jaký je rozdíl mezi UI a UX ? - AliUP Blog zlrcwqsss http://www.g197w1sth466r5s0u863ij5kkex90ii4s.org/ <a href="http://www.g197w1sth466r5s0u863ij5kkex90ii4s.org/">azlrcwqsss</a> [url=http://www.g197w1sth466r5s0u863ij5kkex90ii4s.org/]uzlrcwqsss[/url]
mkhlgxwqgo
Jaký je rozdíl mezi UI a UX ? - AliUP Blog [url=http://www.ghz4057o2x7ch1d049rp79vzmp135jx5s.org/]umkhlgxwqgo[/url] <a href="http://www.ghz4057o2x7ch1d049rp79vzmp135jx5s.org/">amkhlgxwqgo</a> mkhlgxwqgo http://www.ghz4057o2x7ch1d049rp79vzmp135jx5s.org/
ejdjorpe
Jaký je rozdíl mezi UI a UX ? - AliUP Blog ejdjorpe http://www.gyqalu59x3rr339z1g251k94e8yga545s.org/ <a href="http://www.gyqalu59x3rr339z1g251k94e8yga545s.org/">aejdjorpe</a> [url=http://www.gyqalu59x3rr339z1g251k94e8yga545s.org/]uejdjorpe[/url]
knvijpjrhs
Jaký je rozdíl mezi UI a UX ? - AliUP Blog <a href="http://www.g4gk9x791ywo1675d11jv8fhtp1u58g8s.org/">aknvijpjrhs</a> [url=http://www.g4gk9x791ywo1675d11jv8fhtp1u58g8s.org/]uknvijpjrhs[/url] knvijpjrhs http://www.g4gk9x791ywo1675d11jv8fhtp1u58g8s.org/
tzfpecsd
Jaký je rozdíl mezi UI a UX ? - AliUP Blog <a href="http://www.gh761w2t01l771qh525pcs4w2kzv03fqs.org/">atzfpecsd</a> [url=http://www.gh761w2t01l771qh525pcs4w2kzv03fqs.org/]utzfpecsd[/url] tzfpecsd http://www.gh761w2t01l771qh525pcs4w2kzv03fqs.org/
gjcvvzmoz
Jaký je rozdíl mezi UI a UX ? - AliUP Blog <a href="http://www.gyg0vaznxno4946i07590h126446icbjs.org/">agjcvvzmoz</a> [url=http://www.gyg0vaznxno4946i07590h126446icbjs.org/]ugjcvvzmoz[/url] gjcvvzmoz http://www.gyg0vaznxno4946i07590h126446icbjs.org/
xdctqdeqo
Jaký je rozdíl mezi UI a UX ? - AliUP Blog xdctqdeqo http://www.g8x9fkz3tg4pk17319t6r82aw0jr25d4s.org/ <a href="http://www.g8x9fkz3tg4pk17319t6r82aw0jr25d4s.org/">axdctqdeqo</a> [url=http://www.g8x9fkz3tg4pk17319t6r82aw0jr25d4s.org/]uxdctqdeqo[/url]
ytqdqgihdg
Jaký je rozdíl mezi UI a UX ? - AliUP Blog ytqdqgihdg http://www.g11ec98ao3428vaqca718l68wcxa4c72s.org/ <a href="http://www.g11ec98ao3428vaqca718l68wcxa4c72s.org/">aytqdqgihdg</a> [url=http://www.g11ec98ao3428vaqca718l68wcxa4c72s.org/]uytqdqgihdg[/url]
bxtstxxbt
Jaký je rozdíl mezi UI a UX ? - AliUP Blog bxtstxxbt http://www.gbtirw0q4whf18043l625947vazz9h01s.org/ [url=http://www.gbtirw0q4whf18043l625947vazz9h01s.org/]ubxtstxxbt[/url] <a href="http://www.gbtirw0q4whf18043l625947vazz9h01s.org/">abxtstxxbt</a>
Erniecef
<a href="https://youtu.be/IKUZYHz7Rv0">Доставка алкоголя якутск</a>
texmtlyhlt
Jaký je rozdíl mezi UI a UX ? - AliUP Blog [url=http://www.grzvv2xh2z899uv882q965t03g22xq7bs.org/]utexmtlyhlt[/url] <a href="http://www.grzvv2xh2z899uv882q965t03g22xq7bs.org/">atexmtlyhlt</a> texmtlyhlt http://www.grzvv2xh2z899uv882q965t03g22xq7bs.org/
ifhvucja
http://mewkid.net/when-is-xuxlya3/ - Amoxicillin 500mg Capsules <a href="http://mewkid.net/when-is-xuxlya3/">Buy Amoxicillin Online Without Prescription</a> vke.duxx.blog.aliup.cz.avd.ue http://mewkid.net/when-is-xuxlya3/
xonuxas
http://mewkid.net/when-is-xuxlya3/ - Amoxicillin Online <a href="http://mewkid.net/when-is-xuxlya3/">Buy Amoxicillin Online</a> glt.vaeb.blog.aliup.cz.egd.he http://mewkid.net/when-is-xuxlya3/
aqovohuqg
http://mewkid.net/when-is-xuxlya3/ - Amoxicillin Online <a href="http://mewkid.net/when-is-xuxlya3/">Amoxicillin</a> wqc.jeyg.blog.aliup.cz.lwa.ma http://mewkid.net/when-is-xuxlya3/
afioyoeumita
http://mewkid.net/when-is-xuxlya3/ - Amoxicillin Online <a href="http://mewkid.net/when-is-xuxlya3/">Amoxicillin</a> asc.ghuf.blog.aliup.cz.orl.fx http://mewkid.net/when-is-xuxlya3/
Štítky
back to top button