მობილური დიზაინის შექმნისას ბევრი რამ უნდა გაითვალისწინოთ, დავალების გასამარტივებლად ძალიან პრაქტიკული რჩევები მოგიმზადეთ, თუ რა უნდა გააკეთოთ
დავიწყოთ იმით, თუ რა უნდა გააკეთოთ
მოცემული სტატია ეძღვნება აუცილებლად გასათვალისწინებელ ფაქტებს
1. ჩაატარეთ კვლევა დიზაინის შექმნამდე
როცა ახალ პროექტს დაიწყებთ, ყოველთვის მაცდურია პირდაპირ სახატავ დაფასთან მისვლა და მონახაზების გაკეთება. მაგრამ უმჯობესია თავიდან აიცილოთ ეს ცდუნება, რადგან თქვენ უნდა მოერიდოთ ცრუ კონსენსუსის ეფექტს (თქვენ არ ხართ თქვენი მომხმარებელი). ჯერ კვლევა ჩაატარეთ და გაიგეთ რა ჭირდებათ მათ. სათანადო კვლევა დაგეხმარებათ შექმნათ გამოცდილება, რომელიც ნამდვილად რეზონანსდება თქვენს სამიზნე აუდიტორიასთან.
პრაქტიკული რეკომენდაციები:
ჩაატარეთ კონკურენტული ანალიზი. იპოვეთ აპლიკაციები, რომლებიც თქვენს მიერ შესაქმნელი აპლიკაციების მსგავსია. ყურადღება მიაქციეთ აპლიკაციების რომელი ნაწილები მოგწონთ, რომელი არ მოგწონთ და რატომ.
გაუკეთეთ იდენთიფიკაცია თქვენს მომხმარებლებს. შექმენით მომხმარებლის პერსონები, რომ უკეთესად გაერკვეთ, თუ როგორ ურთიერთქმედებენ მომხმარებლები თქვენს აპლიკაციასთან (რა მოქმედებებს ასრულებენ ისინი და რა შინაარსს მოელიან).
2. გააკეთეთ მახასიათებლების პრიორიტიზირება
გაითვალისწინეთ, არაფერია იმაზე უფრო დამაბნეველი პირველი მომხმარებლებისთვის, როგორც აპლიკაცია ბევრი მახასიათებლებით. ყველაზე წარმატებული აპლიკაციები, რომლებიც ხელმისაწვდომია ბაზარზე, მაღალ დონეზე ორიენტირებულია და წარმოადგენს შესაძლებლობების შეზღუდულ სიმრავლეს. ამრიგად, შეზღუდეთ თქვენი აპლიკაციის ფუნქციების რაოდენობა ისე, რომ პრიორიტეტი მიანიჭეთ მნიშვნელოვან პუნქტებს და შეამცირეთ ლამაზი მახასიათებლები.
პრაქტიკული რეკომენდაცია:
აქცენტი გააკეთეთ თქვენი ძირითადი მიზნების გარშემო არსებული გამოცდილების დახვეწაზე. იცოდეთ რა არის თქვენი აპლიკაციის ძირითადი მიზანი - გააანალიზეთ თქვენი აპლიკაციის რომელ ფუნქციებს იყენებენ ყველაზე მეტად და გამოიყენეთ მაქსიმალური ძალისხმევა იმისთვის, რომ ეს გამოცდილება უფრო ინტუიციური გახადოთ.
Lyft-ის დიზაინერები მუდმივად ხვეწენ გამოცდილებას ძირითადი მიზნების გარშემო. ისეთი თვისებები, როგორიცაა ახლოს მყოფი დრაივერების მოძიება და თქვენი ფასის წინასწარ ნახვა, მომხმარებლებს შეკვეთას გაუადვილებს.
3. გააქრეთ მოუწესრიგებლობა
მომხმარებლის ინტერფეისის მოუწესრიგებლობა თქვენს მომხმარებელს ზედმეტად ბევრი ინფორმაციით გადატვირთავს - ყოველი დამატებული ღილაკი, სურათი და ტექსტის ხაზი ეკრანს უფრო და უფრო ართულებს. მოუწესრიგებლობა სამუშაო მაგიდაზე საშინელებაა, მაგრამ ეს კიდევ უფრო უარესია მობილურ მოწყობილობებში, სადაც მომხმარებლებს ეკრანის შეზღუდული სივრცე აქვთ.
ანტუან დე სენტ-ეგზიუპერის ცნობილი გამონათქვამის გამოყენება შეიძლება მობილურ UX დიზაინზე: „სრულყოფილება მიიღწევა მაშინ, როცა დასაკარგი აღარაფერია.“ მობილურ დიზაინში თავიდან აუცილებლად უნდა აირიდოთ ყველაფერი, რაც საერთოდ არ არის საჭირო, რადგან მოუწესრიგებლობის შემცირება გაგებას, აღქმას გააუმჯობესებს.
პრაქტიკული რეკომენდაციები:
ყოველთვის ეცადეთ მინიმალიზმისკენ აიღოთ გეზი. ყურადღება გაამახვილეთ შინაარსზე, რომელიც თქვენი მომხმარებლებისთვის არის ღირებული და წაშალეთ ზედმეტი, არა საჭირო ელემენტები, რომლებიც არ არის გამოსადეგი მომხმარებლების დავალებებში. დეკორატიული ელემენტების მინიმალური გამოყენება, როგორიცაა გრადიენტები და ჩრდილების გარდამავლობა, დაგეხმარებათ შეინარჩუნოთ მსუბუქი და ჰაეროვანი ინტერფეისი.
პრიორიტეტი მიეცით ერთ პირველ მოქმედებას თითოეულ ეკრანზე. შეეცადეთ შექმნათ თითოეული ეკრანი მხოლოდ და მხოლოდ ერთი რამისთვის, არ შექმნათ ერთზე მეტი მოქმედება. ეს აადვილებს აპლიკაციის სწავლასაც და მის გამოყენებასაც. სასურველია რამდენიმე გარკვეული და მოწესრიგებული ეკრანი, ვიდრე ერთი მოუწესრიგებელი.
4. გახადეთ ნავიგაცია მარტივი
მომხმარებლებისთვის დახმარების გაწევა ნავიგაციაში მთავარი პრიორიტეტი უნდა იყოს ყველა მობილური აპლიკაციისთვის. მიუხედავად ყველაფრისა, კარგად შექმნილ მახასიათებლებს ან ყველაზე დამაჯერებელ შინაარსსაც კი აზრი დაეკარგება, თუ ადამიანები მას ვერ იპოვნიან.
პრაქტიკული რეკომენდაციები:
დარწმუნდით, რომ ნავიგაცია მომხმარებლებში ნაცნობ შეგრძნებებს გამოიწვევს. ხალხი ბედნიერია მაშინ, როცა აპლიკაცია მათ მოლოდინებს აკმაყოფილებს. ამის შესაქმნელად გამოიყენეთ სანავიგაციო შაბლონები, რომლებიც ნაცნობია თქვენი სამიზნე აუდიტორიისთვის, ისე რომ ნავიგაციას დამატებით ახსნა აღარ დასჭირდეს.
შექმენით ინფორმაციის კარგი არქიტექტურა
ინფორმაციის არქიტექტურა გულისხმობს ინფორმაციის მკაფიოდ და ლოგიკურად ორგანიზებას. გაუკეთეთ ორგანიზება ტქვენს ინფორმაციას ისე, რომ დანიშნულების ადგილამდე მისასვლელად მინიმალური რაოდენობის მოქმედებების შესრულება დაგჭირდეთ.
შინაარსიდან ყურადღება ნავიგაციაზე არ უნდა გადავიდეს. ის ისე უნდა განხორციელდეს, რომ აპლიკაციის სტრუქტურაზე მხარდაჭერა საკუთარ თავზე ყურადღების მიქცევის გარეშე მოახდინოს.
შეატყობინეთ მიმდინარე ადგილმდებარეობა
ხალხმა ყოველთვის უნდა იცოდეს სად იმყოფებიან თქვენს აპლიკაციაში, რათა მათ წარმატებულად განახორციელონ ნავიგაცია.
შეეცადეთ დაიცვათ თანმიმდევრულობა
არ გადაიტანოთ სანავიგაციო კონტროლი ახალ ადგილზე და არ დამალოთ ისინი სხვადასხვა გვერდებზე. ეს გაუგებრობას და დისორიენტაციას მოახდენს თქვენს მომხმარებლებზე.
მოახდინეთ მკაფიო გზის უზრუნველყოფა
მომხმარებლებმა სწრაფად უნდა იხელმძღვანელონ იმ შინაარსით, რასაც ეძებენ. შინაარსისკენ მიმავალი გზა ლოგიკური უნდა იყოს (მომხმარებლის თვალსაზრისით).
შექმენით თითებზე მორგებული ამოცანები
მცირე შეხების სამიზნეები პრობლემების ზოგადი წყაროა მობილური მომხმარებლებისთვის - მცდარი შეხება ხშირად ხდება მცირე შეხების კონტროლის გამო. როცა მობილური ინტერფეისის შექმნას აპირებთ, უმჯობესია თქვენი მიზნები დიდი გახადოთ, რომ მომხმარებლებმა ადვილად დააჭირონ ღილაკებს.
პრაქტიკული რეკომენდაციები:
უზრუნველყავით საკმარისი შეხების სამიზნეები ინტერაქტიული ელმენტებისთვის. შექმენით კონტროლი, რომელიც გაიზომება მინიმუმ 7-10 მმ, რათა ისინი თითების საშუალებით ზუსტად აიკრიფოს.
დარწმუნდით, რომ სამიზნე ღილაკებს შორის საკმარისი მანძილი არსებობს.
6. ტექსტი უნდა იყოს მოკლე და გასაგები
შინაარსი არის ის მიზეზი, რის გამოც ადამიანები იყენებენ თქვენს აპლიკაციას და ენას - ტიპოგრაფიაში (შრიფტით) განთავსებული და თქვენს ეკრანზე ტექსტის სახით ნაჩვენები ინფორმაცია, შინაარსის დიდი ნაწილია. მკაფიო და გასაგები ტექსტი სავალდებულო მოთხოვნაა თითოეული მობილური ინტერფეისისთვის.
პრაქტიკული რეკომენდაციები:
შეარჩიეთ შრიფტი, რომელიც კარგად მუშაობს მრავალფეროვან ზომებში და წონაში, რათა შეინარჩუნოთ წაკითხვადობა და გამოყენებადობა ყველა ზომაში. უსაფრთხო ფსონი ნიშნავს პლათფორმის ავტომატურ შრიფტზე დაყრდნობას. Apple-ი იყენებს San Francisco-ს ოჯახის ბეჭდვას, რომ უზრუნველყოს თანმიმდევრული კითხვის გამოცდილება ყველა პლათფორმაზე. Roboto და Noto არის სტანდარტული ტიპის ბეჭდვა Google Android-ზე.
გამოიყენეთ რიფტის მკაფიო ზომა
ტექსტი უნდა იყოს მინიმუმ 11 წერტილებით, რომ მომხმარებლებმა წაიკითხონ ეს ჩვეულებრივ დასათვალიერებელი მანძილიდან, მასშტაბირების გარეშე.
გამოიყენეთ ფერთა საკმარისი კონტრასტი
არასაკმარისი კონტრასტი ტექსტს ფონთან გააიგივებს. შეეცადეთ გააკეთოთ მინიმალური კონტრასტის კოეფიციენტი 4.5:1 სხეულის ტექსტისა და სურათის ტექსტისთვის.
7. უზრუნველყავით კავშირი ურთიერთქმედებების შესახებ
თითოეული ადამიანის და კომპიუტერის ურთიერთქმედება ემყარება ორ ფუნდამენტურ ელემენტს - მომხმარებლის მიერ მონაცემების შეყვანას და კომპიუტერის რეაქციას მასზე. ურთიერთმოქმედების პროგნოზირების მიზნით, აუცილებელია მომხმარებლის გარკვეული ქმედებების საპასუხოდ გარკვეული სახის გამოხმაურება:
კავშირი აღიარებს მოქმედებებს და ეხმარება მომხმარებლებს გააცნობიერონ ოპერაციების შედეგები. მაგალითად, როცა მომხმარებლები ღილაკზე ხელს აჭერენ, უკუკავშირის არარსებობამ შეიძლება ეჭვქვეშ დააყენოს დაამუშავა თუ არა აპლიკაციამ მოქმედება. აპლიკაცია, რომელიც უზრუნველყოფს ვიზუალურ გამოხმაურებას, გამორიცხავს მომხმარებლის ამ ვარაუდს.
გამოხმაურება ეხმარება ხალხს იმის გაგებაში, თუ რას აკეთებს ახლა პროგრამა. მაგალითად, შინაარსის ჩატვირთვის დროს, ცარიელმა ან სტატიკურმა ეკრანმა შეიძლება ისეთი შეგრძნება დაგიტოვოთ, თითქოს თქვენი აპლიკაცია გაყინულია, იმ მომენტში არ მუშაობს, რაც გამოიწვევს დაბნეულობას და იმედგაცრუებას. ჩატვირთვის მარტივ მაჩვენებელს, როგორიცაა უსასრულო სპინერი, შეუძლია დაუკავშირდეს ოპერაციის სტატუსს.
პრაქტიკული რეკომენდაციები:
UI ელემენტის ტიპისა და აპლიკაციის მიმდინარე მდგომარეობიდან გამომდინარე, დიზაინერებს შეუძლიათ გამოიყენონ უკუკავშირის სხვადასხვა ფორმა. მაგალითად, ინტერაქტიული ელემენტები მოკლედ უნდა იყოს ხაზგასმული, როცა ღილაკს ხელს დააჭერთ, პროგრესის ინდიკატორები შეიძლება გამოყენებული იყოს გრძელი ოპერაციების სტატუსის საკომუნიკაციოდ, ხოლო ანიმაციური ეფექტები ხელს შეუწყობს ოპერაციების შედეგების გარკვევას.
8. შეამცირეთ ბეჭდვის საჭიროება
მობილურ მოწყობილობაზე ბეჭდვა არის ნელი და შეცდომებისადმი მიდრეკილი პროცესი. მაშასადამე, ყოველთვის უკეთესია შეეცადოთ შეამციროთ მცირე ზომის მოწყობილობაზე საჭირო ბეჭდვის რაოდენობა.
პრაქტიკული რეკომენდაციები:
იკითხეთ მხოლოდ ის, რაც სინამდვილეში უნდა იცოდეთ. შეინახეთ ფორმები რაც შეიძლება მოკლედ და მარტივად, ზედმეტი ველების ამოღებით.
მონაცემების შეყვანა მაქსიმალურად ეფექტურად
ხშირად წარუდგინეთ არცევანი შეყვანის ველების ნაცვლად, რადგან უფრო ადვილია აირჩიოთ წინასწარ განსაზღვრული ვარიანტების სიიდან, ვიდრე პასუხის აკრეფა. შეეცადეთ შეარჩიოთ ველები სავარაუდოდ ავტომატური მნიშვნელობებით (კარგი ავტომატური მონაცემების უზრუნველყოფა ამცირებს გადაწყვეტილების მიღებას და აჩქარებს პროცესს).
9. შექმენით ერთიანი გამოცდილება
არასწორია მობილური აპლიკაციების, როგორც ცალკეული გამოცდილების განხილვა. ჩვეულებრივ მომხმარებელს აქვს რამდენიმე მოწყობილობა, როგორიცაა სამუშაო მაგიდა, მობილური ტელეფონი და პლანშეტი. თქვენი პროდუქტის გამოყენებისას ის მოელის შეუფერხებელ გამოცდილებას ყველა მოწყობილობაში.
პრაქტიკული რეკომენდაცია:
სინქრონიზაცია მოახდინეთ მომხმარებლის მიმდინარე პროგრესზე. მაგალითად, როცა მომხმარებლები ელექტრონული კომერციის აპლიკაციაში ათვალიერებენ ნივთებს მობილური ტელეფონით, მათ შეიძლება მოინდომონ დესქთოფის ვერსიაზე გადასვლა შესყიდვის დასასრულებლად. მომხმარებლები მოელიან მოგზაურობის გაგრძელებას იქიდან, სადაც გაჩერდნენ მობილურში.
10. ყოველთვის შეამოწმეთ თქვენი დიზაინი
ყველაზე კარგად შემუშავებული UI და კარგად გააზრებული UX საბოლოოდ მაინც შეიცავს უხოლავ ხარვეზებს რეალურ სამყაროში გამოყენების დროს. ძალიან ხშირად დიზაინი, რომელიც მშვენივრად გამოიყურება დიზაინერის დიდ დესქთოფ ეკრანზე, თითქმის არასოდეს გამოიყურება ისევე მშვენივრად, როცა ნამდვილ მობილურ მოწყობილობაზე შესამოწმებლად წაიღებთ. სწორედ ამიტომ არის ასე მნიშვნელოვანი, რომ თქვენი აპლიკაცია რეალურ მომხმარებლებზე შეამოწმოთ სხვადასხვა მობილური მოწყობილობით, რომ დარწმუნდეთ, რომ ეს ორივე კარგად გამოიყურება და კარგად მუშაობს.
პრაქტიკული რეკომენდაციები:
სთხოვეთ რეალურ მომხმარებლებს შეასრულონ რეგულარული დავალებები თქვენს პროგრამაში.ტესტირების შედეგების საფუძველზე, თქვენ ნახავთ თუ რამდენად კარგად მუშაობს დიზაინი.
განიხილეთ თქვენი აპლიკაცია, როგორც მუდმივად განვითარებადი პირი, ანალიზისა და მომხმარებლის გამოხმაურების მონაცემების გამოყენებით, გამოცდილების გასაუმჯობესებლად.
გაინტერესებთ სასარგებლო რჩევები მობილური აპლიკაციის დიზაინისთვის თუ რას არ ვაკეთებთ?
IT Academy STEP – მსოფლიო ბრენდი 82 ფილიალით!
გახდი კვალიფიციური სპეციალისტი და საკუთარი საქმის პროფესიონალი, შემოგვიერთდით სტეპერების დიდ ოჯახში
თბილისი,
საბურთალო, ალ.ყაზბეგის 34/34ბ
