UI vs UX: Praktik baxımdan fərq nədir

UI vs UX: Praktik baxımdan fərq nədir

UI vs UX: Praktik baxımdan fərq nədir
СОДЕРЖАНИЕ
02 июня 2020

UI və UX (dizayn) terminləri çox vaxt bir-birini əvəz edir. Bir çox insanın / dizaynerin / müştərinin onlara müraciət etdiyi bir nöqtəyə qədər "UI / UX dizaynı" – bir növ hamısı bir-birinə uyğun gələn kombo.


Bu mükəmməl deyil və xüsusən ilk dəfə işiniz və məhsulunuz üçün UX tapmaca tapmağa çalışırsınızsa. WordPress məkanında plaginlər / mövzular satmağınız, tətbiqlər, proqram qurmağınız və ya fiziki məhsullar satmağınızdan asılı olmayaraq UX və UI problemləri çox vacibdir..

Düzəltməyimiz lazım olan ilk şey, açıq və proqnozlaşdırıla bilən bir növ səslənməsinə baxmayaraq, budur UI və UX eyni deyil.

Düzdür, mahiyyətimizə çatdıqda ya da tamamilə fərqli deyillər, amma əlbəttə ki, eyni deyillər!

UI vs UX

Bu yazıda UI vs UX arasındakı əsas fərqlər, praktikada nə deməkdir, yaxşı bir UI qurmaq və düzgün UX hazırlamaq və s. Barədə danışacağıq.

Ancaq əvvəlcə:

UI vs UX: əsl fərq nədir?

Ən aktual sual budur.

Mənim tərəfimdən ən asan iş sadəcə sizi müəyyən təriflərə işarələmək və özlərini deşifrə etməyə imkan verməkdir, amma bu mövzu mövzusunda həqiqətə uyğun deyil..

Əsasları ilə başlayaq, baxmayaraq ki, bəlkə də onsuz da bilirsiniz:

  • UI İstifadəçi interfeysi üçün dayanır ��
  • UX İstifadəçi eXperience üçün dayanır ��

Hamısı yaxşı və laləlidir, amma praktikada bu iki termin nə deməkdir?

  • UI, qarşınızda görə biləcəyiniz şeydir – bir şeylə (məhsul / proqramlar / avtomobil) qarşılıqlı əlaqə qurmaq üçün istifadə etdiyiniz interfeys.
  • UX bütün təcrübəni təsvir edir bir şeylə qarşılıqlı əlaqə nəticəsində əldə edirsiniz.

Yalnız bir nümunə göstərmək üçün, avtomobilinizin UI sükan, pedallar, dəyişdirici, bu avtomobilin qarşılıqlı əlaqədə ola biləcəyi hər bir elementidir. UX avtomobil sürərkən əldə etdiyiniz təcrübədir.

UI vs UX arasındakı əlaqəni təyin etmək üçün bu barədə düşünə bilərik:

UI vs UX

UI-nin rolu əhəmiyyətlidir, lakin hələ də UX elementlərindən biridir.

UX düşüncəsinin açarı: The "G" söz

The "G" Məqsədlərdəki kimi word.

Həqiqətən nəyə nail olmaq istədiyinizi bilmədiyiniz zaman UX haqqında düşünmək çətindir.

Qolların meydana çıxdığı yer budur.

Məqsədlər iki ləzzətə gəlir:

  • �� hədəfləriniz – iş məqsədləri
  • �� istifadəçi məqsədləri – istifadəçilər alət ilə nəyə nail olmaq istəyirlər + niyə

Bu iki sahənin necə kəsişdiyini anlamaq yaxşı UX dizaynının açarıdır.

Birincisi, istifadəçi interfeysləri üzərində işləmək, bir insanın alətinizlə qarşılıqlı əlaqəsi və ya çatdırmaq istədiyiniz dəqiq xüsusiyyətlər yalnız ilk növbədə hansı istifadəçiyə çatmaq istədiyinizə qərar verdikdən sonra edilə bilər..

"Hədəfinizi seçməlisiniz" Deyə biləcəyiniz bir klik marketinqi kimi görünə bilər, ancaq məhsulunuzun UX dizaynını başlamaq üçün başqa bir yol yoxdur.

UX həmişə istifadəçiyə geri qayıdır və verilən bir vasitə ilə əldə etmək istədikləri şey. Bu, onların * hədəflərinə çatmaq üçün gördükləri təcrübə növlərindən bəhs edir. Lakin məqsədin nə olduğunu bilmədən istifadəçini oraya aparmaq üçün yaxşı UX qərarlar qəbul edə bilməzsiniz.

Beləliklə, ideal hədəf istifadəçilərinizi, onların xüsusiyyətlərini, həll etmək istədikləri problemi – alətinizin onlar üçün həll edə biləcəyini və s. Müəyyənləşdirməyə başlayın. ��

Bununla iş məqsədlərinizi istifadəçi hədəflərinin üstünə təyin edin. İstifadəçilərinizin hədəflərini necə həll etmək sizi öz hədəflərinizə apara bilər? İstifadəçilərinizə edə biləcəyiniz ən yaxşı vasitəni verərkən necə gəlir əldə edə bilərsiniz? Və s.

Bu cavabları sıraladıqdan sonra UX dizaynınızın izlədiyi istiqamət barədə bir fikir əldə etməyə başlayırsınız. Bu da öz növbəsində UI qurmağınızı asanlaşdırır və çox az təxmin etdiyiniz işə cəlb edir.

Bu "məqsədlərə dönmək" model eyni zamanda Don Normanın və Jakob Nielsen’in də görəcəyi bir şeydir orijinal nəşr UX və UI vs UX mövzusunda:

"UI açıq şəkildə dizaynın çox vacib bir hissəsi olsa da, ümumi istifadəçi təcrübəsini istifadəçi interfeysindən (UI) ayırmaq vacibdir. Misal olaraq, film rəyləri olan bir veb saytı nəzərdən keçirin. Bir film tapmaq üçün UI mükəmməl olsa da, əsas verilənlər bazasında yalnız əsas studiyaların filmləri varsa, kiçik bir müstəqil buraxılış haqqında məlumat istəyən bir istifadəçi üçün UX zəif olacaq.."

Bir də nəzər yetirin bu vəziyyət araşdırması New York Times tətbiqinin yenidən tərtibatı. Yuxarıda və sadə bir şeydən kənara çıxır, "işləri daha yaxşı hala gətirmək" zehniyyət. Kimi fundamental suallar verməkdən başlayır, "Hal-hazırda insanlar xəbərləri necə yoxlayır?" Potensial istifadəçi görüşlərinə baxır; hətta bir empatiya xəritəsindən istifadə edir. UX-ni daha yaxşı hala gətirmək və UI-ni bunu əsas silah halına gətirmək üçün bütün bunlar.

ny dəfə

UX birinci və ya UI-ilk düşünsən?

Bu çətin sualdır. ��s-i ��s ilə müqayisə etmək kimidir. Beləliklə, başqa bir yerdə başlayaq:

Bir çox insanın UX və UI haqqında düşünməsinin səbəblərindən biri – fərqi bilsələr də – UI məhsulun UX-ni yaxşılaşdırmağı hədəflədiyiniz zaman işləmək üçün ən az asılmış meyvə olduğundandir..

UI, hər şeydən çox, a var UX-yə böyük təsir. Həm də işləmək asan olduğundan, UI tez-tez yaxşı UX istəsəniz narahat olmağınız lazım olan tək şey kimi qəbul edilir..

Əslində bu düşüncə ilə mübahisə etmək çətindir. Bütün bunlardan sonra, avtomobilinizin diametri cəmi 2 düym olan sükan çarxı varsa, bütün avtomobil yararsızdır və bütün UX axıdıldı – sürücülük təcrübəsini yaxşılaşdırmaq üçün başqa nə edilməyibsə.

Bunun mənası UI-də fəlakətli səhvlərin UX-ni effektiv şəkildə öldürməsidir. ⚔️ Bunun ətrafında heç bir yol yoxdur.

Bu barədə düşünəndə, əslində deyilik "UX üzərində işləmək." UX çox sayda kiçik hissələrin cəmidir, buna görə hər qərara UX linzaları ilə baxılmalıdır. Lakin UX özü işlənmiş və ya üzərinə püskürə bilən bir şey deyil.

Bütün bunların hamısı budur ki, ilk növbədə UI üzərində işləyəcəksiniz. Bu yaxşıdır, amma yadda saxlamağınız vacib olan şey UI-nin həmişə daha böyük UX şəkilinin bir hissəsi olmasıdır və hər UI qərarının UX-a qaytarılması lazımdır.

Budur a əla iş Lyft UX əsaslı prinsiplər və qərar qəbulu əsasında öz tətbiqlərini necə yenidən hazırladığı barədə. Gördüyümüzün əksər hissəsi səthdə – UI-də dəyişikliklərin əsasını UX yenidən düşünmək və ilk prinsiplər üstəgəl əsas iş və istifadəçi məqsədlərinə əsaslanan tətbiqlə istifadəçi səyahətinin fərqli tərəflərini yenidən dizayn etmək nəticəsində baş verdi. . UI boşluğuna baxdıqda, UI dəyişiklikləri o qədər də əhəmiyyətli deyil, lakin istifadəçiyə ən azından Lyft görə daha məqsədə çatmaqda kömək edir.

lyft öyrənilməsi

UI vs UX ilə ümumi səhv anlayışlar

UI vs UX dünyasının bəzi yanlış təsəvvürlərini həll edək və bu şeylər barədə düşünmək üçün daha yaxşı bir yol tapmağa çalışaq..

"UI vs UX keçmişdə belə bir şey idi?"

Əminəm ki, 20 il əvvəl proqram tərtibatçıları UI vs UX haqqında düşünməyə çox vaxt sərf etmirdilər. Və ya daha doğrusu, etdilər, ancaq onu izah etmək üçün bu terminlərdən istifadə etmədilər.

Xerox, 1980-ci illərə aid olan Alto fərdi kompüterində orijinal qrafik istifadəçi interfeysini təqdim etdi.

Xerox Alto
Xerox iş stansiyaları

Təəccüblüdür ki, çox yaxşı yaşlanıb. Hələ də bütün elementləri aydın görə bilərsiniz və əldəki əsas vəzifə düz görünür. Heç bir yayındırma, lazımsız element yoxdur. Effektiv olaraq, bu UI bütün işdir!

Təqdim edildiyi kimi, əvvəllər hazırlanmış proqram təminatlarının vəzifələrini də müəyyənləşdirmək daha asan idi və hədəf qrupları axtarmaq daha asan idi. Məsələn, orijinal söz prosessorları üzərində işləyən biri üçün hədəf qrupu ehtimal olunurdu, "ofis adamları əlləri ilə."

Məqsədləri müəyyənləşdirmək də çətin deyildi. "Daha yaxşı bir makina. Kompüterinizdə."

Ancaq proqram vasitələrinin qurulmasında iştirak edən həqiqi prosesə nəzər yetirdikdə o qədər də fərqli deyildi. UX hələ anlamaq üçün açar idi.

Həm də orada bazar liderlərini – daha doğrusu düşünən liderləri – təqib etmək üçün ümumi bir istiqamət seçməyimizə kömək edən və digər ssenarilərdə də işləyə bilən yaxşı UI həll yollarını göstərdik..

Apple, gözlədiyiniz kimi GUİ-lərin inkişafında və əhəmiyyətində mühüm bir rola sahib idi.

1984-cü ildə çıxarılan orijinal Macintosh, maşınla qarşılıqlı əlaqənin ən yüksək səviyyəsinin siçanınızla (nöqtə və vurma) bir tətbiq seçməyə və sonra tətbiqin özü ilə fərqli yollarla qarşılıqlı əlaqəyə əsaslandığı bir siçana əsaslanan bir interfeys təqdim etdi..

Qısa müddətdən sonra kompüter siçanları bir şey oldu. Digər GUI-lər davaya baxdılar.

Apple Macintosh Masaüstü

İnternet dünyasında da misal axtarmağımız lazım deyil, WordPress UI-nin ön sıralarında oldu, müasir CMS əsas xüsusiyyətlərini asanlıqla başa çatdırmaq üçün necə çatdıracağını müəyyən etdi..

WordPress 5.0 tablosuna

"Bir qırılan UI-ni necə həll etmək olar?"

Müasir tətbiqetmələrə, alətlərə və ümumiyyətlə proqram təminatlarına baxdıqda belə bir nəticəyə gəlməliyik az daha çoxdur.

Və ya daha doğrusu, bu "az daha çoxdur" münasibət ideal istifadəçilərinizə lazer yönəltmədən qaynaqlanır.

Məsələn e-poçt vasitələrini götürün. Outlook dağın kralı olduqda, bütün zənglər və fitlərin təsəvvür edilməsi üçün yaxşı bir elektron poçt vasitəsi lazım idi. Nə qədər çox xüsusiyyət varsa, vasitə daha yaxşı idi.

Artıq belə deyil.

Ən yaxşı e-poçt alətləri sadədir, kiçik bir xüsusiyyətə diqqət yetirir və müəyyən bir istifadəçini hədəf alır.

Sadə bir e-poçt alətinə sahib olmağınız və ya e-poçt vasitənizi tapşırıq meneceri kimi istifadə etməyiniz və gündəlik məhsuldarlığınıza əsaslanaraq məhsuldarlıq və e-poçtların ətrafında hərəkət etməyinizi istəsəniz, sizə kömək edəcək fərdi tətbiqləriniz var. bunu et. Lazer yönümlüdürlər. Bu anda bütün e-poçt vasitələrindən istifadə etmək üçün heç bir səbəb yoxdur, çünki onlar əsasən diqqəti yayındırır.

e-poçt tətbiqləri

Beləliklə, qırılan bir UI həll etmək lazımdır? Sadələşdirin. İstifadəçinizin əsas hədəfinə və bunların həllində necə kömək edə biləcəyinizə qayıdın. Bu məqsədə çatmağı asanlaşdırmayan hər şeyi çıxarın.

"Komandanıza UX etməli olan kimdir?"

UX idarə etmək kimin işi?

Dizaynerdir?

Bu proqram geliştiricisidir?

Ya da budur "tam yığını inkişaf etdiricisi" başlıq üçündür?

Xoşbəxt olmursunuz, amma düzgün cavab hamıya aiddir.

Əvvəldə paylaşdığım sxemə – UX elementlərinə baxın. Orada tək bir adam tərəfindən idarə oluna biləcək çox şey var.

Eyni zamanda, UX başqa bir adamın oradan ala bilməsi üçün onlarla birlikdə etdikdən sonra hasarın üstünə əşyalar atmaq barədə deyil. Səyi daha çox bir-birinə bağlamaq lazımdır.

Yenə də işinizin və istifadəçi məqsədlərinizin təriflərindən başlayın. Oradan işləyin. Hər kəsin iştirakı lazımdır və daima bu kimi şeylər barədə düşünmək lazımdır, "İndi işlədiyim istifadəçinin təcrübəsinə necə təsir edəcək?"

"UX ölçmək necə?"

UX ölçmək və ya ölçmək çətindir. Yalnız istifadəçi və iş tərəfinizdə müəyyənləşdirdiyiniz fərdi hədəfləri ölçə bilərsiniz.

Nişanlarınızı vurursanız və istifadəçilərin (quraşdırmalara, istifadəçilərin sayına və ya təyin etdiyiniz digər ölçümlərə görə) vurursanız, UX rəhbərlərinizi də düzgün istiqamətə yönəldin..

"Məhsulumun UX pisdir; indi nə edə bilərəm?"

Təəssüf ki, daha yaxşı UX-a çiləyə bilməzsiniz. Məqsədlərinizə vurmursunuzsa, məhsulunuz istifadəçilərdən yaxşı rəy almır və nəticələrdən ümumiyyətlə razı deyilsiniz, onda yalnız rəsm lövhəsinə qayıda bilərsiniz.

Məqsədlərinizi, istifadəçi hədəflərinizi və ikisini bir-birinizə necə bağladığınızı yenidən qiymətləndirin.

Daha yaxşı UX üzərində işləyərkən istifadə ediləcək vasitələr

UX dizayn istiqamətinizi qiymətləndirməyə və düzgün qərar qəbul etməyə kömək edəcək üç əsas vasitə var.

  • A / B testləri
  • istifadəçi sorğuları və anketlər
  • analitika və məlumatlar

Sifariş təsadüfi deyil. A / B testləri arsenalındakı ən əsas silahdır. A / B testləri ilə interfeysinizin bir-birinə qarşı iki fərqli versiyasını qoya bilər və vacib UX göstəriciləriniz və hədəfləriniz baxımından daha yaxşı nəticələr verdiyini görə bilərsiniz..

A / B testləri ilə vacib bir detal, yalnız A və B – iki dəyişən ilə yapışmaqdır və nəticələr buludlu olduğundan və bir işarə edən fərdi dəyişiklikləri ayırmağı mümkün olmadığından daha çox element ətrafında dəyişməməlisiniz..

İstifadəçi sorğuları və anketlər də sizə çox şey deyə bilər. İstifadəçilərə sadə suallar vermək, məlumatların qazancı ola bilər. Əgər qurduğunuz xüsusi bir tətbiqdirsə, onda rəy toplayaraq daha sərt ola bilərsiniz, ancaq bir veb saytında, seçicilər kimi sadə bir səsvermə vasitəsini istifadə edə bilərsiniz. burada sadalanmışdır.

Nəhayət, xam məlumatlar və analitiklər sikkənin kəmiyyət tərəfini verir. Onların köməyi ilə UX və ya UI dəyişikliklərinizin həqiqi istifadə ssenarilərinə / dönüşümlərinizə / ölçümlərinizin başqa nə olacağına baxa bilərsiniz.

Bu vasitələrin hamısı proseslərinizi effektiv şəkildə inkişaf etdirməyə və hədəflərin qəbul edilməsinin düzgün olub olmadığını qiymətləndirməyə imkan verir.

Uyğunlaşdırın və təkrarlayın!

U UX dizaynı və sonra işinizin nəticələrini sınamaq baxımından edə biləcəyiniz daha çox şey var, lakin yuxarıda göstərilən üç üsul işə başlamaq üçün ən asandır. UI vs UX testi haqqında daha çox məlumat əldə etmək üçün bunları oxuyun:

UI vs UX, son oyun

Bəzi dizaynerlər UI vs UX mövzusu qaldırıldıqda əsəbiləşirlər. İkisinin tamamilə bir-biri ilə əlaqəli olmadığını və birlikdə müzakirə edilməməsinin lazım olduğunu söyləyirlər. Düzünü desəm, digəri olmadan biri haqqında düşünməkdən qaçmayacağıq.

UI sadəcə UX dizaynının bir hissəsi olaraq işləyə biləcəyimiz ilk şeydir. Bu, ən aşağı asılmış meyvədir və anlamaq üçün ən asan elementdir, düzəltmək üçün ən asan və səmərəliliyini ölçmək üçün ən asandır..

Buna görə sakit olaq və davam edək. UI və UX fərqlidir, lakin eyni hekayənin bir hissəsidir.

Yoxsa səhv edirəm? UI vs UX üçün nələr var? Şərhlərdə paylaşın.

Şəkil kreditləri:

WordPress saytınızı sürətləndirmək üçün qəza kursumuza qoşulmağı unutmayın. Bəzi sadə düzəlişlərlə yükləmə müddətinizi hətta 50-80% azalda bilərsiniz:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector