შვიდი კითხვა UX დიზაინერის მუშაობის შესახებ: პროფესიის გაგება. რას აკეთებენ UX და UI დიზაინერები და რას აკეთებენ წინა დეველოპერები? რა არის ux დიზაინი

IT ინდუსტრიაში დიზაინთან დაკავშირებული საკმაოდ ბევრი სფეროა. მათგან ყველაზე გავრცელებული დიზაინერები არიან, რომლებიც იმალება აკრონიმების უკან UX და UI. ისე, ზოგიერთი ადამიანი ახერხებს დიზაინერებად შეიყვანოს წინა დეველოპერები. შევეცადოთ გაერკვნენ, თუ ვინ არიან დიზაინერები IT სამყაროში, რა განსხვავებაა UI-სა და UX-ს შორის და რა ურთიერთობა აქვთ ფრონტ-ენდის ინჟინრებს დიზაინის შესაქმნელად.

დიზაინერები

აპლიკაციების, ვებსაიტების ან თამაშების ინტერფეისის შემუშავება საკმაოდ რთული პროცესია და მოითხოვს ცოდნის გამოყენებას სხვადასხვა სფეროდან: ინჟინერია, ფსიქოლოგია და დიზაინი. მომხმარებლის ინტერფეისის ან ინტერფეისის დიზაინერები ყურადღებას ამახვილებენ იმაზე, თუ როგორ არის ნაჩვენები საიტის ფუნქციონალობა (ძებნა, ჩანართები, მენიუები) და დეტალებზე, თუ როგორ ურთიერთქმედებენ კლიენტი და ინტერფეისი. UI დიზაინერის მიზანია ესთეტიურად მისაღები პროდუქტის თანამედროვე დიზაინი. UX ნიშნავს მომხმარებლის გამოცდილებას, რაც ნიშნავს "მომხმარებლის გამოცდილებას". UX დიზაინერი უფრო მეტად ორიენტირებულია პოტენციური მომხმარებლის მიერ ინტერფეისის გამოყენებადობაზე და გაგებაზე. ასეთი სპეციალისტი ხშირად ჩაატარებს კვლევებს და გამოკითხვებს, რომლებიც საფუძვლად დაედება დიზაინის კონცეფციის შექმნას, ასევე ამოწმებს კონცეფციებს განვითარების დროს და მის შემდეგ. ის, როგორც წესი, ყურადღებას ამახვილებს სტრუქტურაზე, შინაარსზე, ნავიგაციაზე და იმაზე, თუ როგორ ურთიერთობს მომხმარებელი ამ ელემენტებთან.

იგი აწარმოებს საიტის რუქებს, პროტოტიპებს, რომლებიც ძირითადი სტრუქტურაა პროგრამული უზრუნველყოფის შექმნისას. UX დიზაინერის მუშაობის მიზანია მომხმარებელმა სწრაფად და უმტკივნეულოდ მიიღოს საიტიდან ის, რისთვისაც აქ მოვიდა. თუმცა, დღეს ძალიან ხშირია ამ ორი სპეციალიზაციის ხაზგასმა დაწერილი. ანუ ორივე მიმართულების დავალებებს ერთი სპეციალისტი ასრულებს. UX/UI დიზაინერი აყალიბებს მომხმარებლის ინტერაქციას ინტერფეისთან, წყვეტს კონკრეტულად რა უნდა გააკეთოს და პასუხისმგებელია იმაზე, თუ როგორ გამოიყურება შედეგად ეს ინტერფეისი.

რა უნდა იცოდეს UX/UI დიზაინერმა

გრაფიკული რედაქტორი. ბაზარზე ყველაზე პოპულარული ხელსაწყოებია Adobe Photoshop, Adobe Illustrator, ასევე Sketch, Figma. შეარჩიეთ თქვენთვის მოსახერხებელი რედაქტორი და ჯერ შეეცადეთ დახატოთ ვებსაიტის ან აპლიკაციის ეკრანის ანაბეჭდები, ოდნავ მოდერნიზებული.

პროტოტიპის ინსტრუმენტები (Mockplus, Axure). პროტოტიპის ინსტრუმენტი არის კავშირი იდეასა და მის განხორციელებას შორის. არ აქვს მნიშვნელობა რა ინსტრუმენტს იყენებთ. შეგიძლიათ სცადოთ რამდენიმე და გადაწყვიტოთ რომელი შეესაბამება თქვენს სტილს და პრეფერენციებს.

მომხმარებლის ფსიქოლოგია.უკვე დიზაინის ეტაპზე უნდა იფიქროთ იმაზე, მოსახერხებელი იქნება თქვენთვის თუ ვინმესთვის ამ ინტერფეისის გამოყენება. ჩადეთ კლიენტის ადგილზე, დაამყარეთ ძლიერი კავშირი მასთან და იყავით ყურადღებიანი მისი საჭიროებების მიმართ. ყოველივე ამის შემდეგ, პროდუქტი წარმატებული იქნება, თუ მასზე მოთხოვნა იქნება.

ცოდნაც დაგჭირდებათ ფერის თეორია. რაღაცები ბავშვობიდან ვიცით, განსაკუთრებით მათ, ვინც სამხატვრო სკოლაში დადიოდა. თუმცა, არსებობს გარკვეული სპეციფიკა დიზაინერების მუშაობასთან დაკავშირებით. საბაზისო ცოდნის მიღება შესაძლებელია წიგნებიდან ან სტატიებიდან ინტერნეტში.

მიზანშეწონილია გქონდეთ იდეა ტიპოგრაფია, ტექსტისა და ვიზუალური კომპონენტების გაერთიანების საშუალება.

საიტის შემადგენლობა და გამოყენებადობა.

სამუშაოს სპეციფიკიდან გამომდინარე, შეიძლება დაგჭირდეთ HTML და CSS ან (ზოგიერთი) პროგრამირების ენების გაგება (რესურსების ბმულები შეგიძლიათ იხილოთ ქვემოთ, განყოფილებაში "რა უნდა იცოდეს წინა დეველოპერმა").

ფრონტ-ენდის დეველოპერი

ფრონტ-ენდის დეველოპერის მთავარი ამოცანაა ინტერფეისის კლიენტური ნაწილის განვითარება. ანუ, ასეთი სპეციალისტი "აცოცხლებს" დიზაინერებს. ის პასუხისმგებელია ინტერფეისის მუშაობასა და მუშაობაზე და ნაკლებად ვიზუალურ კონტენტზე. ფრონტ-ენდის დეველოპერს ხშირად სჭირდება მომხმარებლის ინტერფეისის კარგი გადაწყვეტის პოვნა მისი განვითარების ეტაპზე, ამიტომ ის ხშირად თანამშრომლობს UX/UI დიზაინერთან. ფრონტ-ენდის დეველოპერის მიერ დაწერილი კოდი მუშაობს მომხმარებლის ბრაუზერში (როგორც ამბობენ, "კლიენტის მხარეს"). ასევე, ერთ-ერთი ყველაზე მნიშვნელოვანი ამოცანაა უზრუნველყოს, რომ საიტი ან ვებ აპლიკაცია ერთნაირად გამოიყურებოდეს ყველა პლატფორმაზე და ბრაუზერზე.

რა უნდა იცოდეს Front-end დეველოპერმა

როგორც წესი, წინა ნაწილი დაფუძნებულია სამ საყრდენზე: HTML გვერდის მარკირების ენა, CSS სტილის ფურცლები და JavaScript პროგრამირების ენა. გარდა ამისა, წინა დეველოპერმა უნდა გაიგოს HTTP პროტოკოლის, სერვერებისა და ბრაუზერების მუშაობის პრინციპები და ინტერფეისის ჩვენების მახასიათებლები სხვადასხვა მოწყობილობებზე, რომლებიც ამჟამად ბაზარზეა. ვებ ინტერფეისების შექმნის ინსტრუმენტები და მეთოდები მუდმივად ვითარდება და იცვლება, ამიტომ დეველოპერმა მუდმივად უნდა აკონტროლოს ეს.

HTML და CSS (განლაგება)

ეს არის განლაგება, სწორედ აგური, საიდანაც აგებულია საიტი. HTML მარკირების ენა კარნახობს საიტის ორგანიზაციას, შინაარსს და მათ შორის ყველა ურთიერთქმედებას. ის საშუალებას გაძლევთ დანიშნოთ გვერდის ზედა, ქვედა, გვერდითი ბლოკები შინაარსით, სათაურებით, ტექსტის ჩვენებით და მულტიმედიური ელემენტებით. CSS სტილის ფურცლები გამოიყენება HTML ელემენტების გასაფორმებლად. ისინი ზუსტად განსაზღვრავენ, თუ როგორ არის ნაჩვენები თითოეული გრაფიკული ელემენტი, რომელიც მდებარეობს გვერდზე. HTML5-ისა და CSS3-ის უახლესი ვერსიების გამოყენებით, შეგიძლიათ გვერდზე განათავსოთ ვიდეო და აუდიო კომპონენტები, შექმნათ 2D სურათები და ანიმაციები და დაწეროთ მარტივი თამაშებიც კი. არ არის საჭირო ყველა ტეგისა და სტილის ერთდროულად დამახსოვრება. სასარგებლო იქნება საფუძვლების სწავლა და მათი დაუყოვნებლივ განხორციელება. ძალიან კარგი საიტი, სადაც შეგიძლიათ ისწავლოთ HTML და CSS-ის საფუძვლები - W3School. მაგრამ მხოლოდ იმ შემთხვევაში, თუ თქვენ გაქვთ ინგლისური ენის მინიმუმ საბაზისო ცოდნა. ასევე, წინა დეველოპერმა უნდა გაიგოს ბრაუზერის და კროს პლატფორმის განვითარება, ადაპტირებადი და რეაგირებადი განლაგება.

ჩამტვირთავი

ეს არის ჩარჩო HTML, CSS და JavaScript-ისთვის. ანუ გარკვეული შაბლონები, საიდანაც, როგორც კონსტრუქტორისგან, შეგიძლიათ საიტების აწყობა ბევრად უფრო სწრაფად, ვიდრე მათ გარეშე. მაგრამ, რა თქმა უნდა, თქვენ უნდა დააკონფიგურიროთ იგი თქვენს საჭიროებებზე. თუ ინგლისური იცით, გირჩევთ getbootstrap ვებსაიტს და იგივე w3schools.

JavaScript

Javascript არის ფრონტ-ენდის განვითარების ბირთვი. ეს არის პირველი და ყველაზე გავრცელებული ინტერფეისის პროგრამირების ენა. მას შეუძლია ბევრი ფუნქციის დამატება საიტს. საბაზისო დონეზე, ეს ენა საშუალებას გაძლევთ დაამატოთ ინტერაქტიული ელემენტები გვერდზე. იგი გამოიყენება რეალურ დროში განახლებული რუქების შესაქმნელად, ინტერაქტიული ონლაინ თამაშებისა და ფილმებისთვის. ჩვენს JavaRush-ის უფროს კურსებზე ჩვენ ვსწავლობთ მცირე JavaScript-ს. ასევე შეგიძლიათ ისწავლოთ იმავე W3School-ში ან წაიკითხოთ რუსულად ვებგვერდზე javascript.ru.

jQuery

jQuery არის Javascript ბიბლიოთეკა, რომელიც შეიცავს დანამატებსა და გაფართოებებს, რომლებსაც შეუძლიათ განვითარება კიდევ უფრო ადვილი და სწრაფი გახადონ. კოდის ნულიდან დაწერის ნაცვლად, ბიბლიოთეკები საშუალებას გაძლევთ დაამატოთ მზა კომპონენტები, რომელთა მორგება შესაძლებელია კონკრეტული პროექტისთვის. თქვენ შეგიძლიათ გამოიყენოთ საძიებო ფორმების ავტომატური შევსების ფუნქციები, ბადის გადაწყობა და ზომის შეცვლა და უკუმთვლელი ტაიმერების დაყენება. პრაქტიკული jQuery კურსი w3school-ში

Javascript ჩარჩოები

არსებობს სხვადასხვა ტიპის ჩარჩოები, მაგრამ თქვენ შეგიძლიათ აირჩიოთ თქვენთვის მოსახერხებელი გამოსაყენებლად. ყველაზე ცნობილი არის Angular, Backbone, Ember და React. ისინი წარმოადგენენ მზა სტრუქტურას კოდისთვის. ისინი ხელს უწყობენ განვითარების დაჩქარებას. ბიბლიოთეკებთან ერთად მათ შეუძლიათ მინიმუმამდე დაიყვანონ ვებსაიტის ან აპლიკაციის განვითარება ნულიდან. 2017 წლის 5 ყველაზე პოპულარული JavaScript ჩარჩოსა და ბიბლიოთეკის მიმოხილვა

Git ვერსიის კონტროლის სისტემა

ვერსიის კონტროლის სისტემებს შეუძლიათ დროთა განმავლობაში კოდში განხორციელებული ცვლილებების თვალყურის დევნება. ისინი ასევე გაძლევთ საშუალებას დაუბრუნდეთ პროექტის წინა ვერსიას. Git არის ყველაზე ფართოდ გამოყენებული ვერსიების კონტროლის სისტემა. Git-თან მუშაობის ცოდნა ყველა დეველოპერისთვის მნიშვნელოვანი უნარია.

მოკლე დასკვნები

UI ნიშნავს მომხმარებლის ინტერფეისს, რაც ნიშნავს "მომხმარებლის ინტერფეისს". ანუ UI დიზაინერიუპირველეს ყოვლისა, პასუხისმგებელია მომხმარებლისთვის პროდუქტის წარდგენის შესახებ. ის შეიმუშავებს ღილაკებს, ხატებს, ირჩევს შრიფტებს და ამზადებს განლაგებას. UX ნიშნავს მომხმარებლის გამოცდილებას. Ისე UX დიზაინერიაყალიბებს ვებსაიტის, აპლიკაციის - ან რაიმეს დიზაინს ისე, რომ მომხმარებელი იყოს კომფორტული და გასაგები, რა არის და მან შეძლოს საიტიდან მიიღოს ის, რაც მას სჭირდება მინიმალური ძალისხმევით. ძალიან ხშირად, ორივე ტიპის ნამუშევარს ასრულებს ერთი კაცის ორკესტრი: UI/UX დიზაინერი. Front-end დეველოპერი აცოცხლებს დიზაინერების მუშაობას, შემოაქვს მასში დინამიკა: იწყება ღილაკების დაჭერა და სურათის შეცვლა. მან უნდა იცოდეს პროგრამირების ენები, გაწონასწორებული ჩარჩოებით, წინასწარი პროცესორებით და ბიბლიოთეკებით.

მომხმარებლის ინტერფეისების შემუშავება, კომპეტენტური მიდგომით, სტრუქტურირებულია ისე, რომ შეიქმნას ის რაც შეიძლება მიმზიდველი და მოსახერხებელი მომხმარებელთან მისი ურთიერთქმედების ოპტიმიზაციისთვის.

ნებისმიერ პროექტში, ვებ ინტერფეისის დეველოპერები აწყდებიან მომხმარებლისთვის მოსახერხებელი ინტერფეისის შექმნის ამოცანას. თუმცა, ეს ყოველთვის არ არის ისეთი მარტივი ამოცანა, როგორც ეს ერთი შეხედვით შეიძლება ჩანდეს და ზოგჯერ მოითხოვს საკმაოდ დიდ დიზაინერულ გამოცდილებას. აქ მთავარი მოთხოვნებია მოხერხებულობა, პრაქტიკულობა და ინტუიციური სიცხადე. სწორედ ამ მომენტში ჩნდება ისეთი ცნებები, როგორიცაა UX და UI დიზაინი, რომლებიც ხშირად დაბნეულია. მოდით შევხედოთ თითოეულ მათგანს ცალკე და განვსაზღვროთ მათი ძირითადი პუნქტები.

UX დიზაინი

მომხმარებლის გამოცდილების დიზაინითარგმნილი ნიშნავს "ურთიერთქმედების გამოცდილება"და მოიცავს სხვადასხვა UX კომპონენტებს: ინფორმაციის არქიტექტურას, ინტერაქციის დიზაინს, გრაფიკულ დიზაინს და შინაარსს.

ზოგადად, UX დიზაინი გულისხმობს ინტერფეისთან მომხმარებლის ინტერაქციის ინტეგრირებულ მიდგომას, იქნება ეს ვებსაიტი, მობილური აპლიკაცია თუ სხვა პროგრამა. ვინც ამ საქმეს აკეთებს არის UX დიზაინერი(ამ ბოლო დროს სულ უფრო ხშირად გესმით სახელები UX არქიტექტორი, UX ინჟინერი ან სტრატეგი, რადგან სიტყვა „დიზაინი“ ამ კონტექსტში უფრო საერთო არსებითი სახელია, ვიდრე რეალურად მიჩვეული ვართ გავიგოთ ამ სიტყვის მნიშვნელობით) - შემუშავებისას ინტერფეისმა შეძლებისდაგვარად უნდა გაითვალისწინოს ყველა წვრილმანი, მომხმარებლის გარემოდან და ელექტრონული მოწყობილობის ტიპიდან ინფორმაციის შეყვანისა და ჩვენების მეთოდებამდე.

მარტივი მაგალითი:დავუშვათ, რომ თქვენ ჩადეთ შთამბეჭდავი თანხა თქვენი რესურსის საძიებო სისტემების პირველ ხაზებში გასაუმჯობესებლად, მაგრამ მისი მოხერხებულობა სასურველს ტოვებს. ამ შემთხვევაში მომხმარებლების შთამბეჭდავი რაოდენობა უბრალოდ დატოვებს საიტს და ეფექტი მინიმალური იქნება. სწორედ ამიტომ აუცილებელია რესურსის ვიზიტორების ქმედებების მუდმივი ანალიზი, თქვენი ვებსაიტის გაუმჯობესება და თანამედროვე ტენდენციების მიყოლა.

UX დიზაინის ძირითადი საკითხები:

მიზნებისა და ამოცანების დასახვა - რისი მიღწევა გვჭირდება საბოლოოდ?
თქვენი მიზნების მისაღწევად შესაფერისი UX ინსტრუმენტების შერჩევა
სამიზნე აუდიტორიისთვის მაქსიმალურად მოსახერხებელი და ადვილად გასაგები პროდუქტის შემუშავება
საბოლოო შედეგის ანალიზი - აკმაყოფილებს თუ არა პროდუქტი მომხმარებლის მოლოდინს და რამდენად მაღალია მომხმარებლის კმაყოფილების დონე.

ამ ეტაპებზე ყველა დეტალის კომპეტენტური გააზრება საშუალებას მოგცემთ შექმნათ თქვენი პროდუქტის თაყვანისმცემელთა არმია. თვალსაჩინო მაგალითი აქ არის კომპანია Apple, რომელმაც ამ გზას გაჰყვა და ათასობით და მილიონის გული მოიგო.

UI დიზაინი

მომხმარებლის ინტერფეისის დიზაინი ან მომხმარებლის ინტერფეისი- ეს არის უფრო ვიწრო კონცეფცია, რომელიც მოიცავს გრაფიკულად შემუშავებული ტექნიკური ელემენტების გარკვეულ კომპლექტს (ღილაკები, გამშვები ველები, სელექტორები და სხვა ველები). მისი ამოცანაა დაეხმაროს მომხმარებელს პროგრამასთან/საიტთან ურთიერთობის ორგანიზებაში. ამჟამად არის რამდენიმე UI დიზაინის წესები:

ინტერფეისის ელემენტების ორგანიზაცია.ეს ნიშნავს, რომ ისინი უნდა იყოს ლოგიკურად სტრუქტურირებული და ურთიერთდაკავშირებული.
ინტერფეისის ელემენტების დაჯგუფება.იგი მოიცავს ლოგიკურად დაკავშირებული ელემენტების (მენიუები, ფორმები) ჯგუფებად გაერთიანებას.
ინტერფეისის ელემენტების გასწორება. ძნელი წარმოსადგენია, რომ ცუდად მორგებული ინტერფეისი ვინმესთვის მოსახერხებელი იყოს!
ინტერფეისის ელემენტების ერთიანი სტილი.სტილისტიკა მნიშვნელოვან როლს ასრულებს, რადგან ეს არის ის, რაც ინახება მომხმარებლის მეხსიერებაში.
თავისუფალი სივრცის ხელმისაწვდომობა.ეს საშუალებას გაძლევთ განასხვავოთ საინფორმაციო ბლოკები, ყურადღება გაამახვილოთ ერთ რამეზე.

ყველა წესის მიხედვით შემუშავებული მომხმარებლის ინტერფეისი მნიშვნელოვნად ზრდის რესურსის ეფექტურობას და აძლევს მას კონკურენტულ უპირატესობას.

საინფორმაციო არქიტექტურა (IA)

ცალკე, მინდა ვთქვა რამდენიმე სიტყვა საინფორმაციო არქიტექტურა (IA). მისი მუშაობა ფოკუსირებულია მონაცემთა ორგანიზაციაზე, ანუ იმაზე, თუ რამდენად სტრუქტურირებულია ინფორმაცია მომხმარებლის თვალსაზრისით, ვიდრე ტექნიკური ან სისტემური წესები. ის განსაზღვრავს ელემენტების განთავსებას გვერდზე, თავად გვერდების კავშირს. IA-ს კომპეტენცია არის მენიუები და ნავიგაცია და მათი კომპეტენტური განხორციელება.

შეჯამებისთვის, მინდა აღვნიშნო, რომ სხვადასხვა წყაროებში UX დიზაინი გაგებულია, როგორც სხვადასხვა რამ, მაგრამ ზოგადად ისინი ყველა გულისხმობს სტატიაში აღწერილ პროდუქტზე მუშაობას. რას ნიშნავს თქვენთვის UX?

UX დიზაინი აგებულია ადამიანის ფსიქოლოგიის ცოდნის გარშემო და მომხმარებლების შესწავლის წლების განმავლობაში გაჩნდა ფსიქიკის მრავალი კანონი, რომელიც უნდა იცოდეთ ინტერფეისის დიზაინის დროს.

UX დიზაინი: ფიტსის კანონი

მიზნის მიღწევის დრო არის სამიზნემდე მანძილის და მისი ზომის ფუნქცია. 1954 წელს ფსიქოლოგმა პოლ ფიტსმა, ადამიანის საავტომობილო სისტემის შესწავლისას, აჩვენა, რომ სამიზნეზე დარტყმისთვის საჭირო დრო დამოკიდებულია სამიზნემდე მანძილზე და ასევე საპირისპიროდ არის დაკავშირებული სამიზნის ზომასთან. ამ კანონის მიხედვით, სწრაფი მოძრაობები და მცირე სამიზნეები უფრო მეტ შეცდომას იწვევს. ფიტსის კანონი ფართოდ გამოიყენება UI და UX-ში. მაგალითად, ამ კანონის მიხედვით, ინტერაქტიული ღილაკები უნდა იყოს დიდი, რადგან პატარა ღილაკებზე დაწკაპუნება უფრო რთულია და მეტი დრო სჭირდება.

ჰიკის კანონი

გადაწყვეტილების მიღების დრო იზრდება არჩევანის რაოდენობასთან და სირთულესთან ერთად. რაც უფრო მეტია სტიმულის რაოდენობა, მით უფრო მეტ ხანს ირჩევს მომხმარებელი რომელ მათგანს დაუკავშირდეს. თუ მომხმარებლები დაბომბეს არჩევანით, მათ მოუწევთ დრო დაუთმონ ინტერპრეტაციას და გადაწყვიტონ, რისი გაკეთება არ სურთ.

იაკობის კანონი

მომხმარებლები მეტ დროს ატარებენ სხვა საიტებზე. ეს ნიშნავს, რომ მომხმარებლებს ურჩევნიათ თქვენი საიტი იმუშაოს ისე, როგორც უკვე ნაცნობი საიტები. იაკობის კანონი გამოიგონა იაკობ ნილსენმა, Nielsen Norman Group-ის თანადამფუძნებელმა, რომელმაც დიდი წვლილი შეიტანა UX-ში, როგორიცაა ევრისტიკული შეფასების მეთოდის გამოგონება.

ორსულობის კანონი

ადამიანები აღიქვამენ და ინტერპრეტაციას უკეთებენ ორაზროვან ან რთულ სურათებს უმარტივესი ფორმით, რადგან ეს ინტერპრეტაცია მოითხოვს ყველაზე ნაკლებ კოგნიტურ ძალისხმევას ჩვენი მხრიდან. ეს კანონი 1910 წელს აღმოაჩინა ფსიქოლოგმა მაქს ვერტეიმერმა, როდესაც მან რკინიგზის გადასასვლელთან განათება დაინახა. სცენის გარშემო განათების ჩართვა-გამორთვას ჰგავდა. დამკვირვებელს ეჩვენება, რომ ეს არის იგივე შუქი, რომელიც გადადის ნათურიდან ნათურაზე, თუმცა სინამდვილეში ეს მხოლოდ ნათურების სერიაა, რომლებიც რიგრიგობით ირთვება და გამორთულია.

UX დიზაინი: სიახლოვის კანონი

ერთმანეთთან ახლოს მყოფი ობიექტები აღიქმება ჯგუფში. ეს კანონი ასევე ერთ-ერთი მთავარია გეშტალტ ფსიქოლოგიაში და აღმოაჩინა ვერტჰაიმერმა. მან შენიშნა, რომ მოვლენების სწრაფი სერია ქმნის მოძრაობის ილუზიას. მაგალითად, ფილმები არის სწრაფად მოძრავი ჩარჩოები, რომლებიც აღიქმება როგორც უწყვეტი ვიზუალური გამოცდილება.

მილერის კანონი

საშუალოდ, ადამიანს შეუძლია შეინახოს 7 ± 2 ელემენტი თავის სამუშაო მეხსიერებაში. 1956 წელს ჯორჯ მილერმა განაცხადა, რომ უშუალო მეხსიერების და აბსოლუტური განსჯის დიაპაზონი შემოიფარგლებოდა დაახლოებით 7 ინფორმაციით. ინფორმაციის ძირითადი ერთეული არის ბიტი, მონაცემთა რაოდენობა, რომელიც საჭიროა ორ თანაბრად სავარაუდო ალტერნატივს შორის ასარჩევად. ანუ 4 ბიტი ინფორმაცია არის გადაწყვეტილება 16 წყვილ ალტერნატივს შორის (4 ზედიზედ ორობითი გადაწყვეტილება). წერტილი, სადაც დაბნეულობა იწვევს არასწორ შეფასებას, არის არხის სიმძლავრე.

პარკინსონის კანონი

ნებისმიერი დავალება იკავებს მისთვის გამოყოფილ მთელ დროს. ამ კანონის მიხედვით, დროის, სივრცის ან ბიუჯეტის შეზღუდვა იწვევს პროდუქტიულობისა და ეფექტურობის გაზრდას.

სერიული მოწყობის ეფექტი

მომხმარებლებს ყველაზე კარგად ახსოვთ სერიის პირველი და ბოლო ობიექტები. სერიული განლაგების მანიპულირება მომხმარებლის უკეთესი გამოცდილების შესაქმნელად გამოიყენება მრავალ პოპულარულ დიზაინში წარმატებული კომპანიებისგან, როგორიცაა Apple, Electronic Arts და Nike.

UX დიზაინი: ტესლერის კანონი

ტესლერის კანონი ან სირთულის შენარჩუნების კანონი ამბობს, რომ ნებისმიერი სისტემისთვის არსებობს გარკვეული, რომლის შემცირება შეუძლებელია. 1980-იანი წლების შუა ხანებში ლარი ტესლერმა გააცნობიერა, რომ როგორ ურთიერთობენ მომხმარებლები აპლიკაციებთან, ისეთივე მნიშვნელოვანია, როგორც თავად აპლიკაციები. ის ამბობს, რომ ხშირ შემთხვევაში, ინჟინერმა უნდა დახარჯოს დამატებითი კვირა აპლიკაციის გამარტივებაში, ვიდრე აიძულოს მილიონობით მომხმარებელი დახარჯოს დამატებითი წუთი რთული პროგრამის გამოყენებით. თუმცა, ბრიუს ტოგნაზინი ამტკიცებს, რომ ადამიანები ეწინააღმდეგებიან ცხოვრების გამარტივებას. ამიტომ, თუ აპლიკაცია მარტივია, მომხმარებლები იწყებენ უფრო რთული ამოცანებისკენ სწრაფვას.

UX დიზაინი: Von Restorff ეფექტი

დიზაინი საკმაოდ ფართო და ბუნდოვანი ტერმინია. როდესაც ვინმე ამბობს: „მე დიზაინერი ვარ“, მაშინვე გაუგებარია, რას აკეთებენ ისინი ყოველდღიურად. არსებობს მთელი რიგი სხვადასხვა ინდუსტრიები, რომლებიც ექვემდებარება ამ კონცეფციას.

დიზაინთან დაკავშირებული სამუშაოები არსებობს სხვადასხვა სფეროში, დაწყებული სამრეწველო დიზაინით (ავტომობილები, ავეჯი), ბეჭდვითი (ჟურნალები და სხვა პუბლიკაციები), ვებ-დიზაინამდე (საიტები, მობილური აპლიკაციები). მაღალტექნოლოგიური კომპანიების ბოლო შემოდინებით, რომლებიც ორიენტირებულია ეკრანებისთვის ინტერფეისების შექმნაზე, დიზაინში ბევრი ახალი სამუშაოა. UX ან UI დიზაინერის პოზიცია შეიძლება გაუგებარი იყოს არა მხოლოდ არაინიცირებისთვის, არამედ თავად დიზაინერებისთვისაც, რომლებიც სხვა ინდუსტრიებიდან არიან.

"ამ კითხვაზე ერთი სწორი პასუხი არ არსებობს."

შევეცადოთ გაერკვნენ, რას ნიშნავს ეს რეალურად IT ინდუსტრიაში.

UX დიზაინერი

UX დიზაინერებს უპირველესად აწუხებთ როგორ ურთიერთქმედებს პროდუქტი მომხმარებელთან. ამ კითხვაზე ერთი სწორი პასუხი არ არსებობს. UX დიზაინერები იკვლევენ სხვადასხვა მიდგომებს კონკრეტული მომხმარებლის პრობლემის გადასაჭრელად. UX დიზაინერის მთავარი ამოცანაა დარწმუნდეს, რომ პროდუქტი ლოგიკურად მიედინება ერთი საფეხურიდან მეორეზე. UX დიზაინერს შეუძლია გაარკვიოს ერთი გზა არის მომხმარებლის ტესტების პირადად ჩატარება და მათი გრძნობებიდან დასკვნების გამოტანა. ვერბალური და არავერბალური დაბრკოლებების იდენტიფიცირებით, ის არეგულირებს და იმეორებს, რითაც ქმნის მომხმარებლისთვის „უკეთეს“ გამოცდილებას. მაგალითი იქნება ახალი მომხმარებლისთვის ჩასვლის საოცარი გამოცდილების შექმნა.

„განსაზღვრეთ ურთიერთქმედების მოდელები, მომხმარებლის დავალების ნაკადი და ინტერფეისის სპეციფიკა. შექმენით სკრიპტები, ბოლოდან ბოლომდე ურთიერთქმედებები, ურთიერთქმედების მოდელები, გრაფიკული მომხმარებლის ინტერფეისის განვითარება. ვმუშაობთ ჩვენს კრეატიულ დირექტორთან და გრაფიკულ დიზაინერთან Twitter-ის ვიზუალური მხარის ფუნქციონალურ მახასიათებლებთან შერწყმის მიზნით. საჭიროებისამებრ შეიმუშავეთ და შეინახეთ მავთულის ჩარჩოები, მაკეტები და სპეციფიკაციები.”

UX დიზაინერის მიერ შემუშავებული აპლიკაციის ეკრანის მაგალითი
წყარო: Kitchenware Pro Kit Wireframe by Neway Lau on Dribbble.

ამოცანა:ეკრანის ჩარჩოები, სიუჟეტი, საიტის გეგმა

ინსტრუმენტები: Photoshop, Sketch, Illustrator, Fireworks, InVision

თქვენ ალბათ გსმენიათ მისი ნათქვამი: ”მომხმარებელმა რეგისტრაციის დასრულების შემდეგ უნდა ნახოს "მადლობის" გვერდი.

UI დიზაინერი

UX დიზაინერებისგან განსხვავებით, რომლებიც შეშფოთებულნი არიან პროდუქტის საერთო გამოცდილებით, UI დიზაინერები შეშფოთებულნი არიან როგორ გამოიყურება პროდუქტი. ისინი პასუხისმგებელნი არიან შექმნან ყველა ეკრანი ან გვერდი, რომლებთანაც მომხმარებელი ურთიერთობს და უზრუნველყოს მომხმარებლის ინტერფეისის ვიზუალური ნაწილი, რომელიც UX დიზაინერმა შექმნა. მაგალითად, ინტერფეისის დიზაინერს, ანალიტიკური დაფის შექმნისას, შეუძლია ხაზი გაუსვას უფრო მნიშვნელოვან ინფორმაციას, ან გადაწყვიტოს, არის თუ არა სლაიდერი ან მართვის პანელი ყველაზე ინტუიციური ჩარტში დასამატებლად. UI დიზაინერი ასევე, როგორც წესი, პასუხისმგებელია სრული დიზაინის სახელმძღვანელოს შექმნაზე, რომელიც უზრუნველყოფს დიზაინის შეკრულ ენას, რომელიც მოიცავს მთელ პროდუქტს. ვიზუალური ელემენტების თანმიმდევრულობის შენარჩუნება და იმის განსაზღვრა, თუ რა მიმართულებით უნდა იმუშაოს. მაგალითად, შეცდომების ან გაფრთხილებების ჩვენება არის UI დიზაინერის ფარგლებში.

„Airbnb.com-ის ვიზუალური ენის კონცეფცია და განხორციელება. გაფართოებული სტილის სახელმძღვანელოს შექმნა“.

UI და UX დიზაინერს შორის საზღვრები საკმაოდ ბუნდოვანია და ძალიან ხშირად კომპანიები ირჩევენ ამ როლების გაერთიანებას.

UI დიზაინერი განსაზღვრავს აპლიკაციის საერთო შეგრძნებას და გარეგნობას.
წყარო: Metro Style Interface 4 by Ionut Zamfir on Dribbble.

ინსტრუმენტები: Photoshop, Sketch, Illustrator, Fireworks

"შესვლა" და "რეგისტრაცია" ველები უნდა გადავიდეს ზედა მარჯვენა კუთხეში."

Გრაფიკული დიზაინერი

”გრაფიკული დიზაინერები ათვალიერებენ პატარა დეტალებს, რომლებსაც სხვები ყურადღებას არ აქცევენ.”

გრაფიკული დიზაინერი არის ის, ვინც აკეთებს გრაფიკას, რასაც არადიზაინერი გეტყვით, თუ ჰკითხავთ, რას აკეთებს დიზაინერი. გრაფიკულ დიზაინერებს არ აინტერესებთ, თუ როგორ ეხება ეკრანები ერთმანეთს და არც ის, თუ როგორ ურთიერთობს ვინმე პროდუქტთან. ამის ნაცვლად, მათი ყურადღება გამახვილებულია ლამაზი ხატების, კონტროლის და ვიზუალური ელემენტების დიზაინზე და შესაბამისი დიზაინის შექმნაზე. გრაფიკული დიზაინერები მუშაობენ მცირე დეტალებზე, რომლებსაც სხვები ვერ ხედავენ და ხშირად მუშაობენ Photoshop-ში 4x და 8x მასშტაბით.

შექმენით მაღალი ხარისხის ვიზუალური პროექტები კონცეფციიდან შესრულებამდე, მათ შორის დესკტოპის, ვებსა და მობილურის ჩათვლით მრავალი რეზოლუციით (ხატები, გრაფიკა და მარკეტინგული მასალები). აქტივების შექმნა და გამეორება, რომელიც ასახავს ბრენდს, ალამაზებს პროდუქტს და აცოცხლებს მას.”

ინტერფეისის დიზაინერებს ასევე ხშირად უწევთ არა მხოლოდ საკუთარი სამუშაოს შესრულება, არამედ პიქსელ-იდეალური განლაგების შექმნა. ზოგიერთი კომპანია არჩევს, რომ არ ჰყავდეს თავდადებული ადამიანი გრაფიკული დიზაინერის როლში.

გრაფიკული დიზაინერი ქმნის, ხელმძღვანელობს და არეგულირებს ყველა პიქსელს, რათა უზრუნველყოს სრულყოფილი საბოლოო შედეგი.
წყარო: IOS 7 Guide Freebie PSD by Seevi kargwal on Dribbble.

ინსტრუმენტები: Photoshop, Sketch

დიდი ალბათობით გსმენიათ მისი ნათქვამი:"შეამცირეთ კერინგი და გადაიტანეთ ღილაკი 1 პიქსელით მარცხნივ!"

მოძრაობის დიზაინერი

გახსოვთ დახვეწილი მოძრაობა, როდესაც გადაათრევთ ეკრანს თქვენი iPhone-ის ელფოსტის განახლებისთვის? ეს არის მოძრაობის დიზაინერის სამუშაო. გრაფიკული დიზაინერებისგან განსხვავებით, რომლებიც ჩვეულებრივ მუშაობენ სტატიკურ ობიექტებთან, მოძრაობის დიზაინერები ქმნიან ანიმაციებს აპლიკაციაში. საქმე აქვთ რას აკეთებს ინტერფეისი მას შემდეგ, რაც მომხმარებელი შეეხება მას. მაგალითად, ისინი წყვეტენ, თუ როგორ უნდა სრიალდეს მენიუ, რა ეფექტები გამოიყენონ გადასვლებისთვის და როგორ დააჭიროთ ღილაკს. როდესაც კარგად კეთდება, მოძრაობა ხდება ინტერფეისის განუყოფელი ნაწილი, რაც უზრუნველყოფს პროდუქტის გამოყენების ვიზუალურ მინიშნებებს.

„აუცილებელია გრაფიკული დიზაინის, მოძრაობის დიზაინის, ციფრული ხელოვნების, ფერისა და ტიპოგრაფიის ცოდნა, მასალების/ტექსტურის ზოგადი ცოდნა და ანიმაციის სამუშაო გაგება. iOS, OS X, Photoshop და Illustrator firmware-ის ცოდნა, ასევე დირექტორი (ან ექვივალენტი), Quartz Composer (ან ექვივალენტი), 3D კომპიუტერული მოდელირების, მოძრაობის გრაფიკის ცოდნა.

ინსტრუმენტები: AfterEffects, Core Composer, Flash, Origami

დიდი ალბათობით გსმენიათ მისი ნათქვამი:მენიუ უნდა გამოჩნდეს მარცხნივ 800 ms-ის შემდეგ.

UX-ის მკვლევარი

UX-ის მკვლევარმა ყველაფერი იცის მომხმარებლის საჭიროებების შესახებ.

UX-ის მკვლევარმა ყველაფერი იცის მომხმარებლის საჭიროებების შესახებ. მკვლევარის მიზანია უპასუხოს ორ მთავარ კითხვას: "ვინ არიან ჩვენი მომხმარებლები?" და "რა სურთ ჩვენს მომხმარებლებს?" როგორც წესი, ეს მოიცავს მომხმარებლის გამოკითხვებს, ბაზრის კვლევას და მონაცემთა ანალიზს. დიზაინი არის მუდმივი განმეორების პროცესი. მკვლევარებს შეუძლიათ დაეხმარონ ამ პროცესში A/B ტესტების ჩატარებით, რათა გაარკვიონ დიზაინის რომელი ვარიანტი საუკეთესოდ აკმაყოფილებს მომხმარებლის საჭიროებებს. UX-ის მკვლევარები, როგორც წესი, არიან მსხვილი კომპანიების საყრდენი, სადაც დიდი რაოდენობით მონაცემების ხელმისაწვდომობა მათ საკმაო შესაძლებლობას აძლევს, გამოიტანონ სტატისტიკურად მნიშვნელოვანი დასკვნები.

„მჭიდროდ ითანამშრომლეთ განვითარების გუნდებთან კვლევის თემების იდენტიფიცირებისთვის. კვლევის დიზაინი დაკავშირებულია როგორც მომხმარებლის ქმედებებთან, ასევე მომხმარებლის აღქმასთან. კვლევის ჩატარება სხვადასხვა მეთოდების გამოყენებით და გამოყენებით, როგორიცაა გამოკითხვები“.

თუ გსურთ განვითარდეთ დიზაინის სფეროში, მაშინ, რა თქმა უნდა, მუდმივად უნდა გაიუმჯობესოთ თქვენი უნარები, თვალყური ადევნოთ ტენდენციებს და იცოდეთ დიზაინის თანამედროვე მოთხოვნები, ასევე სპეციალური პირობები. ერთ-ერთი ასეთი ტერმინია UX/UI დიზაინი.

სინამდვილეში, როდესაც ორი წლის წინ მჭირდებოდა გამეგო, რა სახის „კვირები“ და „უი“ იყო ეს, ბევრი თხრა მომიწია, სანამ გავიგებდი, რა იყო და რით განსხვავდებოდა ერთი მეორისგან. ამის შესახებ ბევრი დაიწერა და ამავდროულად ყოველთვის არ არის ნათელი. ამიტომ, მე ვთავაზობ ამ ცნებების ერთად გაგებას.

დავიწყოთ UX-ით. UX არის აბრევიატურა Მომხმარებლის გამოცდილება, რაც სიტყვასიტყვით ითარგმნება როგორც "მომხმარებლის გამოცდილება". რაც უფრო გააზრებული იქნება UX დიზაინი, მაგალითად, ვებსაიტი, მით უფრო მოსახერხებელია მომხმარებლისთვის საჭირო ინფორმაციის მოძიება ან მასთან ურთიერთობა. სხვა სიტყვებით რომ ვთქვათ, UX დიზაინის ამოცანაა გადაჭრას ხელსაწყოს ან რესურსის ფუნქციონალურობისა და მოხერხებულობის საკითხები.

კონცეფცია, სხვათა შორის, ეხება არა მხოლოდ IT სექტორს, არამედ პრაქტიკულად ნებისმიერ სხვა სექტორს. ჩვენ შეგვიძლია ვთქვათ, რომ ბურთულიანი კალმის UX დიზაინი არის ის, თუ რამდენად კარგად წერს, რამდენი საწერი პასტაა საკმარისი, ხელს უწყობს თუ არა სწორი ხელწერის ჩამოყალიბებას, მოსახერხებელია ტრანსპორტირებისთვის, დამცავი ქუდით თუ ავტომატური... ზოგადად. , რამდენად კარგად წყვეტს პროდუქტი იმ პრობლემას, რომლისთვისაც ის არის განკუთვნილი და რაც მნიშვნელოვანია, რამდენად ნათელია ის მომხმარებლისთვის.

მომხმარებელი კომფორტულად უნდა გრძნობდეს თავს და ყველაფერი გასაგები უნდა იყოს

რაც შეეხება UI დიზაინს, ამ შემთხვევაში ის მოკლეა Მომხმარებლის ინტერფეისი, ისევ სიტყვასიტყვით - "მომხმარებლის ინტერფეისი". ამ ტიპის დიზაინი განსაზღვრავს ელემენტების ფერს, ფორმას, ზომას და განლაგებას, სახელებს და შრიფტის ზომას. ანუ UI არის ვიზუალური კომპონენტი, რომლის ამოცანაა, თუ გნებავთ, აქცენტების განთავსება და საიტის ან პროდუქტის გარკვეული ელემენტების ხაზგასმა. ანუ პროდუქტი ან რესურსი გახადოს სასიამოვნო აღქმად და ინტუიციურად მარტივი გამოსაყენებლად. მაგალითად, ტექსტის აღქმა დამოკიდებულია იმაზე, თუ როგორ იყოფა ის აბზაცებად, შრიფტის ზომასა და ტიპზე, სათაურებისა და ილუსტრაციების არსებობაზე და ტექსტის მიმდებარე სივრცეზე.

განსხვავებები UX და UI დიზაინს შორის

მიუხედავად ამ ორი კონცეფციის აშკარა მსგავსებისა, ისინი ასრულებენ განსხვავებულ ფუნქციებს, თუმცა არიან თითქმის ნებისმიერი პროექტის განუყოფელი ნაწილი. ამ ტიპის დიზაინებს შორის განსხვავებების უკეთ გასაგებად, მოდით განვიხილოთ მაგალითი - Yandex ძიების შედეგები.

შიდა სტრუქტურა, იერარქია, დამატებითი სერვისების დიდი რაოდენობა ( პირდაპირი, მეტრიკა, Wordstatდა ასე შემდეგ) არის UX. მაგრამ, მაგალითად, ის ფაქტი, რომ ბმულები, რომლებსაც უკვე მიჰყევით, მონიშნულია სხვა ფერით - ეს არის UI. ინტერფეისი ასევე მოიცავს იმ ფაქტს, რომ საიტს აქვს სუფთა თეთრი ფონი, ძიების შედეგებს შორის ჩაღრმავებები საკმარისია კომფორტული აღქმისთვის, ფავიკონი და ნებისმიერ დროს ფოსტაზე წვდომის შესაძლებლობა საიტის ზედა მარჯვენა კუთხეში.

UX დიზაინერიფიქრობს იმაზე, თუ როგორ იმოქმედებს მომხმარებელი სისტემასთან ისე, რომ იგი დააკმაყოფილებს მის მოლოდინებს. UI დიზაინერიფიქრობს როგორ უნდა გამოიყურებოდეს: ხატები, სურათები, შრიფტი, ფერის კომპოზიცია, ზოგადად აღქმის სიმარტივე. და საკმაოდ ხშირად ერთი და იგივე ადამიანია ჩართული ამ ამოცანაში, ამიტომ UI და UX ხშირად იწერება დიზაინერების ვაკანსიებზე გამოყენებით /.

ცნებები განსხვავებულია, მაგრამ მათი მსგავსება ისაა, რომ ისინი მიმართულია მომხმარებლის კომფორტის უზრუნველსაყოფად.

გამოყენების სფეროები

როგორც ზემოთ აღინიშნა, ტერმინები UI და UX გამოიყენება არა მხოლოდ IT სფეროში. სინამდვილეში, ისინი პირველი პროდუქტის შექმნისთანავე გაჩნდნენ. ეს არის ძალიან დიდი ხნის წინ. მაგალითად, ერთ-ერთი პირველი გარღვევა UX დიზაინში შეიძლება ჩაითვალოს საჭე.

ტერმინების ბოლოდროინდელი გამოჩენა, მართლწერის მსგავსება და გამოყენების სფერო ხშირად შეცდომაში შეჰყავს. როგორც ჩემი ბლოგის ნაწილი, მეტ ყურადღებას მივაქცევ განვითარებასთან დაკავშირებულ თემებს ვებ ინტერფეისები და კომერციული დიზაინი.

UX/UI დიზაინის საკითხების გასაგებად, საკმარისი არ არის სახელმძღვანელოს ან რამდენიმე სტატიის ერთხელ წაკითხვა, საფუძვლების გაგება და რამდენიმე პროექტის დასრულება. ვებ დიზაინის სფერო თითქმის ყოველდღე იცვლება და ვითარდება, ამიტომ მოთხოვნები და რა “ გუშინ"იყო ტენდენციაში" დღეს"აღარ არის comme il faut.

როგორ გავიგოთ სწორია თუ არა თქვენი დიზაინი

თუ ჩვენ ვსაუბრობთ გაყიდვის ამოცანაზე, მაშინ UX დიზაინის "სისწორე" შემოწმებულია A/B ტესტირება ან ფოკუს ჯგუფები. ეს საშუალებას გაძლევთ ნახოთ რამდენად ნათელი და მოსახერხებელია მომხმარებლისთვის ინტერფეისი. მაგალითად, ფოკუს ჯგუფის ყველა წევრს ეძლევა დავალება, მოიძიონ გარკვეული განყოფილება ვებსაიტზე ან დარეგისტრირდნენ. რამდენად სწრაფად უმკლავდებიან ისინი ამას, ბევრს მეტყველებს UX დიზაინის ხარისხზე.

UI დიზაინის კონცეფცია, ამ შემთხვევაში, უფრო სუბიექტურია, რადგან ის ხშირად დამოკიდებულია მომხმარებლის პრეტენზიასა და გემოვნებაზე. და ის, რაც ერთს ლამაზად ეჩვენება, მეორეს თვალებს ავნებს. თუმცა, არსებობს ზოგადი რეკომენდაციები (ბლოკების მკაფიო განლაგება, ტექსტის კონტრასტი ფონზე, ხაზგასმული ან ხაზგასმული ელემენტების დაწკაპუნება და ა.

დაწერეთ კომენტარებშიქვემოთ არის თქვენი აზრი, მოვახერხე თუ არა მისი გამჟღავნება და თუ არა, მაშინ რა უნდა დაემატოს მას.