{"id":2123,"date":"2020-11-17T15:41:13","date_gmt":"2020-11-17T15:41:13","guid":{"rendered":"https:\/\/dna.hu\/?p=2123"},"modified":"2020-11-17T15:41:13","modified_gmt":"2020-11-17T15:41:13","slug":"ui-vs-ux-es-mi-a-kulonbseg","status":"publish","type":"post","link":"http:\/\/dna.hu\/en\/2020\/11\/17\/ui-vs-ux-es-mi-a-kulonbseg\/","title":{"rendered":"UI\/UX, mi a k\u00fcl\u00f6nbs\u00e9g?"},"content":{"rendered":"

Mi az a felhaszn\u00e1l\u00f3i fel\u00fclet kialak\u00edt\u00e1sa?\u00a0<\/strong>Mi az UX tervez\u00e9s? <\/strong>UI vs UX, \u00e9s mi a k\u00fcl\u00f6nbs\u00e9g?<\/strong><\/h2>\n

Az UI \/ UX design kifejez\u00e9st t\u00f6bbnyire egy\u00fctt haszn\u00e1lj\u00e1k, \u00e9ppen ez\u00e9rt a k\u00e9t leggyakrabban \u00f6sszet\u00e9vesztett kifejez\u00e9s a web- \u00e9s alkalmaz\u00e1stervez\u00e9s vil\u00e1g\u00e1ban.<\/p>\n

Miel\u0151tt belevetn\u00e9nk magunkat a t\u00e9m\u00e1ba, k\u00e9pzelj\u00fcnk magunk el\u00e9 az emberi agyat.<\/p>\n

Az agyunk k\u00e9t f\u00e9ltek\u00e9re oszthat\u00f3, a jobb \u00e9s a bal oldalira.\u00a0<\/p>\n

M\u00edg a bal felel\u0151s a logikus, racion\u00e1lis, analitikus gondolkod\u00e1s\u00e9rt,\u00a0 addig a jobb a kreat\u00edvabb, k\u00e9pzel\u0151er\u0151t ig\u00e9nyl\u0151, holisztikus gondolkod\u00e1s\u00e9rt.\u00a0<\/p>\n

A bal f\u00e9ltek\u00e9nkkel besz\u00e9l\u00fcnk, \u00edrunk, olvasunk \u00e9s sz\u00e1molunk, elemz\u00fcnk \u00e9s \u00e9rvel\u00fcnk, a jobb agyf\u00e9ltek\u00e9nkkel \u00e9lj\u00fck \u00e1t az \u00e9rzelmeket, rajzolunk, hallgatjuk \u00e9s \u00e9lvezz\u00fck a zen\u00e9t, fedezz\u00fck fel az \u00f6sszef\u00fcgg\u00e9seket.<\/p>\n

\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t<\/p>\n

Amikor az UI \/ UX kifejez\u00e9sekre gondolunk, akkor is valami hasonl\u00f3t kell elk\u00e9pzeln\u00fcnk. A UI a jobb, a UX pedig a bal f\u00e9ltek\u00e9nk.\u00a0 Egy-egy term\u00e9k vagy ak\u00e1r weboldal l\u00e9trehoz\u00e1s\u00e1n\u00e1l mindkett\u0151re sz\u00fcks\u00e9g van.<\/p>\n

Mi a UI Design?<\/strong><\/h2>\n

Kezdj\u00fck el\u0151sz\u00f6r is a UI-val, mely a\u00a0\u201cuser interface\u201d angol kifejez\u00e9s kezd\u0151bet\u0171ib\u0151l \u00e1ll, melynek sz\u00f3 szerinti ford\u00edt\u00e1sa felhaszn\u00e1l\u00f3i fel\u00fcletet jelent.<\/p>\n

A felhaszn\u00e1l\u00f3i fel\u00fclet egy weboldal vagy alkalmaz\u00e1s grafikus elrendez\u00e9se. Azokat a gombokat k\u00e9pzeld el, amikre a felhaszn\u00e1l\u00f3id r\u00e1kattintanak, de ide tartoznak a sz\u00f6vegek \u00e9s a k\u00e9pek is. A UI tartalmazza a k\u00e9perny\u0151 elrendez\u00e9s\u00e9t \u00e9s a vizu\u00e1lis elemeket is.<\/p>\n

\u00c9s mit jelent a UX Design?<\/strong><\/h2>\n

M\u00e1r \u00e9vek \u00f3ta vel\u00fcnk \u00e9l a \u201cuser experience design\u201d kifejez\u00e9s, b\u00e1r sokkal ink\u00e1bb a r\u00f6vid\u00edt\u00e9s\u00e9vel tal\u00e1lkozunk. A \u201cUX design\u201d a \u201efelhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny\u201d megtervez\u00e9s\u00e9t jelenti.<\/p>\n

A weboldal vagy az alkalmaz\u00e1s felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny\u00e9t az hat\u00e1rozza meg, hogy mik\u00e9nt l\u00e9pnek kapcsolatba vele. Sima \u00e9s intuit\u00edv, vagy neh\u00e9zkes \u00e9s zavaros az \u00e9lm\u00e9ny? Egyszer\u0171en \u00e9s logikusan lehet az alkalmaz\u00e1sban navig\u00e1lni? Az alkalmaz\u00e1ssal val\u00f3 interakci\u00f3 azt az \u00e9rzetet kelti az emberekben, hogy hat\u00e9konyan teljes\u00edtik a kit\u0171z\u00f6tt feladatokat, vagy k\u00fczdelemnek \u00e9rzik a haszn\u00e1lat\u00e1t? A felhaszn\u00e1l\u00f3i \u00e9lm\u00e9nyt az hat\u00e1rozza meg, hogy mennyire k\u00f6nny\u0171 vagy neh\u00e9z k\u00f6lcs\u00f6nhat\u00e1sba l\u00e9pni a felhaszn\u00e1l\u00f3i fel\u00fclet elemeivel.<\/p>\n

Teh\u00e1t a UX tervez\u0151i egy weboldal, alkalmaz\u00e1s felhaszn\u00e1l\u00f3i fel\u00fclet\u00e9vel is foglalkoznak, \u00e9s ez\u00e9rt az emberek k\u00f6nnyen \u00f6sszezavarodhatnak a kett\u0151 k\u00f6z\u00f6tti k\u00fcl\u00f6nbs\u00e9g meghat\u00e1roz\u00e1sakor. De m\u00edg a felhaszn\u00e1l\u00f3i fel\u00fclet tervez\u0151inek feladata annak eld\u00f6nt\u00e9se, hogyan fog kin\u00e9zni a felhaszn\u00e1l\u00f3i fel\u00fclet, a UX-tervez\u0151k felel\u0151sek a felhaszn\u00e1l\u00f3i fel\u00fclet m\u0171k\u00f6d\u00e9s\u00e9nek meghat\u00e1roz\u00e1s\u00e1\u00e9rt.<\/p>\n

Meghat\u00e1rozz\u00e1k az interf\u00e9sz \u00e9s a funkcionalit\u00e1s strukt\u00far\u00e1j\u00e1t, ahogy az egyes r\u00e9szek egym\u00e1shoz kapcsol\u00f3dnak.<\/p>\n

Ha j\u00f3l m\u0171k\u00f6dik, \u00e9s z\u00f6kken\u0151mentes az oldal haszn\u00e1lata, a felhaszn\u00e1l\u00f3ban ez j\u00f3 \u00e9lm\u00e9nyeket gener\u00e1l.\u00a0<\/p>\n

De, ha a navig\u00e1ci\u00f3 bonyolult vagy logik\u00e1tlan, akkor egy sil\u00e1ny felhaszn\u00e1l\u00f3i \u00e9lm\u00e9ny keletkezik, amit nem fognak szeretni a l\u00e1togat\u00f3id.<\/p>\n

Tervez\u0151ink a m\u00e1sodik forgat\u00f3k\u00f6nyv elker\u00fcl\u00e9se \u00e9rdek\u00e9ben dolgoznak.<\/p>","protected":false},"excerpt":{"rendered":"

Mi az a felhaszn\u00e1l\u00f3i fel\u00fclet kialak\u00edt\u00e1sa?\u00a0Mi az UX tervez\u00e9s? UI vs UX, \u00e9s mi a k\u00fcl\u00f6nbs\u00e9g? Az UI \/ UX design kifejez\u00e9st t\u00f6bbnyire egy\u00fctt haszn\u00e1lj\u00e1k, \u00e9ppen ez\u00e9rt a k\u00e9t leggyakrabban \u00f6sszet\u00e9vesztett kifejez\u00e9s a web- \u00e9s alkalmaz\u00e1stervez\u00e9s vil\u00e1g\u00e1ban. Miel\u0151tt belevetn\u00e9nk magunkat a t\u00e9m\u00e1ba, k\u00e9pzelj\u00fcnk magunk el\u00e9 az emberi agyat. Az agyunk k\u00e9t f\u00e9ltek\u00e9re oszthat\u00f3, a jobb […]<\/p>","protected":false},"author":4,"featured_media":2759,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","inline_featured_image":false,"footnotes":""},"categories":[18,4,19],"tags":[],"class_list":["post-2123","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-marketing","category-ux"],"_links":{"self":[{"href":"http:\/\/dna.hu\/en\/wp-json\/wp\/v2\/posts\/2123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/dna.hu\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/dna.hu\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/dna.hu\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"http:\/\/dna.hu\/en\/wp-json\/wp\/v2\/comments?post=2123"}],"version-history":[{"count":0,"href":"http:\/\/dna.hu\/en\/wp-json\/wp\/v2\/posts\/2123\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/dna.hu\/en\/wp-json\/wp\/v2\/media\/2759"}],"wp:attachment":[{"href":"http:\/\/dna.hu\/en\/wp-json\/wp\/v2\/media?parent=2123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/dna.hu\/en\/wp-json\/wp\/v2\/categories?post=2123"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/dna.hu\/en\/wp-json\/wp\/v2\/tags?post=2123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}