- შეიტყობთ მომხმარებლის ინტერფეისის სტანდარტული პრაქტიკის შესახებ
- შექმნით თქვენი აპლიკაციის ქაღალდის პროტოტიპს
- მიიღებთ უკუკავშირს მომხმარებლისგან
აქტივობები ამ გაკვეთილისთვის:
ᲞᲠᲝᲢᲝᲢᲘᲞᲘᲠᲔᲑᲐ
ახლა, როდესაც თქვენ გაქვთ იდეა თქვენი მინიმალური განხორციელებადი პროდუქტის შესახებ, დროა დაფიქრდეთ იმაზე, თუ როგორი იქნება თქვენი პროექტი და ჩამოაყალიბოთ რამდენიმე იდეა.
პროტოტიპი არის რაღაცის ადრეული მოდელი.
აპლიკაციის დეველოპერები, როგორც წესი, ამზადებენ თავიანთი აპის ქაღალდის პროტოტიპს, სანამ კოდირებას დაიწყებენ.
ქაღალდის პროტოტიპი არის ხელით დახატული წარმოდგენა აპლიკაციის მომხმარებლის ინტერფეისის შესახებ. ის, როგორც წესი, მოიცავს თქვენი აპის თითოეული ეკრანის ნახატებს, რომლებიც ასახავს სხვადასხვა მდგომარეობას.
ᲠᲐᲢᲝᲛ ᲞᲠᲝᲢᲝᲢᲘᲞᲘ?
- შეგიძლიათ სწრაფად გადმოგცეთ თქვენი იდეები ვიზუალურად.
- ის კოლაბორაციულია!
- ქაღალდზე მუშაობა უფრო ჩვეულებრივია და საუბრები ექსპერიმენტებიდან მოდის.
- იაფია!
- არ გჭირდებათ დიდი დროისა და ფულის დახარჯვა
- თქვენ არ გჭირდებათ კომპიუტერზე ან ინტერნეტზე წვდომა.
- პროცესის ამ ნაწილისთვის ტექნიკური ექსპერტი არ უნდა იყოთ.
- თქვენ შეგიძლიათ ნახოთ, როგორ რეაგირებენ თქვენი მომხმარებლები თქვენს პროტოტიპზე, რათა სწრაფად გაიგოთ, რა შეიძლება იმუშაოს ან არ იმუშაოს თქვენს დიზაინში.
- დიზაინის გადაწყვეტილებები შეიძლება დადასტურდეს სანამ დროს დახარჯავთ თქვენი აპლიკაციის შემუშავებასა და კოდირებაზე.
ისწავლეთ როგორ შექმნეს ქაღალდის და ციფრული პროტოტიპები სხვა გუნდებმა ამ ვიდეოში!
მენტორის რჩევა
საუკეთესო პრაქტიკა: სტუდენტებისთვის ქაღალდისა და მუყაოს პროტოტიპების გაცნობისას, ხაზგასმით აღინიშნეთ იდეების გამოსაცდელად მარტივი, დაბალფასიანი მოდელების გამოყენების მნიშვნელობა. მაგალითად: „ქაღალდისა და მუყაოს პროტოტიპები ჰგავს თქვენს დიზაინის ნახაზს. ისინი გეხმარებათ გაარკვიოთ, როგორ გამოიყურება და მუშაობს თქვენი იდეა, სანამ საბოლოო ვერსიას შექმნით. ეს მარტივი მოდელები საშუალებას გაძლევთ სწრაფად შეიტანოთ ცვლილებები და გაარკვიოთ, რა არის საუკეთესო.“
ქაღალდის პროტოტიპის გამოყენება შესაძლებელია პოტენციური მომხმარებლებისგან უკუკავშირის მისაღებად (ოჯახის წევრები, მენტორები, მეგობრები, საზოგადოების წევრები და სხვ.). ეს უკუკავშირი შესაძლოა საბოლოო წარდგენის მასალებში იყოს ჩართული.
მომდევნო ვიდეოები აჩვენებს პროტოტიპირების პროექტის მაგალითს, სადაც გამოყენებულია ტექნიკა (მარცხნივ) და ქაღალდის პროტოტიპის ტესტირების პროცესი (მარჯვნივ).
კითხვები მოსწავლეებისთვის:
რატომ არის სასარგებლო ქაღალდის ან მუყაოს გამოყენებით მარტივი პროტოტიპის შექმნა საბოლოო პროდუქტის დამზადებამდე?
როგორ დაგეხმარებათ ქაღალდის ან მუყაოს მოდელის დამზადება თქვენი დიზაინის გაუმჯობესებაში?
რა შეიძლება ისწავლოთ ქაღალდის პროტოტიპის ტესტირებიდან, რაც სხვაგვარად არ იცით?
მენტორის რჩევები მოწოდებულია AmeriCorps-ის მხარდაჭერით.
ᲞᲠᲝᲢᲝᲢᲘᲞᲘᲡ ᲔᲚᲔᲛᲔᲜᲢᲔᲑᲘ
გაითვალისწინეთ ეს ყველაფერი თქვენი ქაღალდის პროტოტიპის დაწყებისას. გადაიტანეთ მაუსი თითოეულ ბარათზე მეტის გასაგებად.
მომხმარებლები
მომხმარებლები
მოწყობილობის ტიპები
მოწყობილობის ტიპები
ტელეფონზე და ტაბლეტზე?
ხელმისაწვდომობა
ხელმისაწვდომობა
თანმიმდევრულობა
თანმიმდევრულობა
ᲛᲝᲛᲮᲛᲐᲠᲔᲑᲚᲘᲡ ᲘᲜᲢᲔᲠᲤᲔᲘᲡᲘ
თქვენი პროტოტიპის შექმნა დამოკიდებულია იმაზე, თუ როგორ ურთიერთობს მომხმარებელი თქვენს აპლიკაციასთან. ამას მომხმარებლის ინტერფეისი ან UI ეწოდება. იგი მოიცავს ყველა ელემენტს, როგორიცაა ღილაკები, ტექსტური ყუთები და სლაიდერები, რომლებიც მომხმარებელს საშუალებას აძლევს გამოიყენოს თქვენი აპლიკაცია.
ციფრული პროდუქტების დიზაინის კიდევ ერთი ტერმინია User Experienc e ან UX . თითოეული მათგანი ახსნილია ქვემოთ.
მომხმარებლის ინტერფეისი
როგორ ურთიერთობენ მომხმარებლები აპლიკაციასთან. იგი მოიცავს ყველა ელემენტს, როგორიცაა ღილაკები, ტექსტური ყუთები და სლაიდერები, რომლებიც მომხმარებელს საშუალებას აძლევს გამოიყენოს თქვენი აპლიკაცია.
UI დიზაინი ფოკუსირებულია თქვენი აპლიკაციის ვიზუალურად მიმზიდველობაზე, ინტუიციურ და მარტივ გამოყენებაზე.
მომხმარებლის გამოცდილება
როგორ მუშაოებენ მომხმარებლები აპლიკაციაზე. იგი მოიცავს UI-ს, მაგრამ უფრო მეტად ეხება მომხმარებლების ემოციებს, დამოკიდებულებებსა და ქცევას.
UX დიზაინი მიმართულია მომხმარებლის საჭიროებებისკენ და მიზნებისკენ და აძლიერებს მათ საერთო გამოცდილებას.
ᲛᲝᲛᲮᲛᲐᲠᲔᲑᲚᲘᲡ ᲘᲜᲢᲔᲠᲤᲔᲘᲡᲘᲡ ᲛᲐᲮᲐᲡᲘᲐᲗᲔᲑᲚᲔᲑᲘ
ქვემოთ მოცემულია მობილური აპლიკაციის მომხმარებლის ინტერფეისის რამდენიმე ძირითადი ნაწილი
ᲜᲐᲕᲘᲒᲐᲪᲘᲐ
ნავიგაციის საშუალებით მომხმარებლები პოულობენ იმას, რასაც ეძებენ აპში. ფოტოებზე მოცემულია ნავიგაციის ვარიანტების რამდენიმე მაგალითი.





ᲙᲝᲜᲢᲔᲘᲜᲔᲠᲘ
ეს კომპონენტები საშუალებას გაძლევთ დააჯგუფოთ შინაარსი. ის გვეხმარება ერანის ნაწილების განლაგებასა და ნაწილების დამალვა-ჩვენებაში.



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







ᲘᲜᲤᲝᲠᲛᲐᲪᲘᲐ
ეს კომპონენტები საშუალებას აძლევს აპს გაუზიაროს ინფორმაცია მომხმარებლებს.




ᲒᲐᲛᲝᲘᲧᲔᲜᲔᲗ ᲡᲢᲐᲜᲓᲐᲠᲢᲣᲚᲘ ᲔᲚᲔᲛᲔᲜᲢᲔᲑᲘ
შეიძლება გინდოდეთ, რომ თქვენი აპლიკაცია განსხვავებულად გამოიყურებოდეს, რათა გამოირჩეოდეს კონკურენტებისგან. თუმცა, სტანდარტული ელემენტების გამოყენება შეიძლება რეალურად დაეხმაროს თქვენს მომხმარებლებს იმის გაგებაში, თუ როგორ გამოიყენონ თქვენი აპლიკაცია უფრო სწრაფად.
მაგალითად, მომხმარებელთა უმეტესობა იცნობს ჩამოსაშლელ მენიუს. თქვენ შეგიძლიათ შექმნათ ახალი ტიპის მენიუ, მაგრამ ეს შეიძლება იყოს დამაბნეველი მომხმარებლებისთვის. გამოიყენეთ ნაცნობი კომპონენტები, რაც გაუადვილებს მომხამრებლებს აპში ნავიგაციას.
შეჩერდი ᲓᲐ ᲡᲪᲐᲓᲔ
- ჩამოტვირთეთ ახალი აპლიკაცია აპლიკაციების მაღაზიიდან ახლავე.
- თუ შთაგონება გჭირდებათ, სცადეთ AllTrails ( iOS ან Android ) ან Blinkist ( iOS ან Android )
- ზემოთ ნახსენებ რომელ კომპონენტებს იყენებს?
- სცადეთ აპლიკაციის გამოყენება დაახლოებით 5 წუთის განმავლობაში.
- რამდენი დრო დაგჭირდათ იმის გასარკვევად, თუ როგორ გამოიყენოთ იგი?
ნახეთ ეს მოკლე ვიდეო მელისა პაუელთან და მარიამ შაიხთან ერთად Google-ისგან ესკიზებისა და ქაღალდის პროტოტიპების შესახებ
ᲐᲥᲢᲘᲕᲝᲑᲐ 1: ᲥᲐᲦᲐᲚᲓᲘᲡ ᲞᲠᲝᲢᲝᲢᲘᲞᲘ
დახაზეთ ეკრანები თქვენი აპისთვის
- როგორ გადადიან მომხმარებლები ეკრანიდან ეკრანზე?
- როგორ შეიყვანენ ისინი აპისთვის საჭირო ინფორმაციას?
- როგორ იქნება ნაჩვენები ინფორმაცია?
- როგორ გახდით აპს ესთეტიურად სასიამოვნოს?
- იფიქრეთ ფერის სქემაზე, შრიფტზე, ლოგოზე
უკუკავშირის მიღება
ახლა, როდესაც უკვე გაქვთ ფიზიკური გამოსავალი, დროა მიიღოთ მომხმარებელთა უკუკავშირი!
პოტენციურმა მომხმარებლებმა უნდა სცადონ ეს და მოგაწოდონ გულწრფელი გამოხმაურება.
რა გინდათ, რომ გაიგოთ მომხმარებელთა ტესტირების პროცესისგან?
ერთი მეთოდი:
- მიეცით მომხმარებლებს დავალებების სია, რაც უნდა შეასრულონ თქვენს აპლიკაციაში ისე, რომ თქვენი ჩარევა საჭირო არ იყოს.
- ერთმა გუნდმა წევრმა შეიძლება იმოქმედოს, როგორც "კომპიუტერი"
- ცვლის ეკრანებს ან ეკრანის ნაწილებს მომხმარებელთა ინტერაქციებზე დაყრდნობით.
- გუნდის კიდევ ერთი წევრი არის შენიშვნის ჩამწერი
- წერს რას აკეთებს მომხმარებელი, მის კომენტარებსა და რეაქციებს.
- მომხმარებლის ნებართვით შეგიძლიათ ტესტირების სესია ჩაწეროთ.
გახსოვდეთ, ტესტერები მუდამ დაგეზმარებიან! არ განსაჯოთ და არ ჩაერიოთ მათ ურთიერთქმედებებში (გარდა „კომპიუტერისა“, რომელიც პასუხობს/აახლებს პროტოტიპს ქმედებებზე დაყრდნობით).
უბრალოდ მიიღეთ მათი გამოხმაურება მადლიერებით.
ეს ვიდეო მომხმარებლის ტესტირების შესანიშნავი მაგალითია ველოსიპედის სარემონტო მაღაზიის აპისთვის.
ᲐᲥᲢᲘᲕᲝᲑᲐ 2: ᲣᲙᲣᲙᲐᲕᲨᲘᲠᲘს მიღება
შეამოწმეთ თქვენი ქაღალდის პროტოტიპი 2-3 მომხმარებელთან ერთად
- აჩვენეთ პროტოტიპი მომხმარებლებს.
- სთხოვეთ მომხმარებლებს შეასრულონ დავალება პროტოტიპთან ერთად.
- მიეცით საშუალება შეეცადონ შეასრულონ დავალება დახმარების გარეშე.
- გუნდის წევრს შეუძლია იმოქმედოს როგორც "კომპიუტერი" და რეაგირება მოახდინოს მათ ქმედებებზე.
- გუნდის კიდევ ერთი წევრი (ან ორი) ინიშანავს შენიშვნებს იმაზე, თუ რას აკეთებენ მომხმარებლები, მათი კომენტარებისა და რეაქციების შესახებ.
რეფლექსია
გირჩევთ შეინახოთ თქვენი ქაღალდის პროტოტიპი. პროექტის კეთებისას აუცილებლად ის უნდ აგამოიყენოთ. ასევე უნდა გადაიღოთ თქვენი პროტოტიპის სურათები.
ძირითადი ტერმინების მიმოხილვა
- პროტოტიპი - პროდუქტის ადრეული მოდელი
- ქაღალდის პროტოტიპი – ხელით დახატული წარმოდგენა იმისა, თუ როგორ გამოიყურება თქვენი აპლიკაცია
- მომხმარებლის ინტერფეისი (UI) – როგორ ურთიერთობს მომხმარებელი ფიზიკურად მობილურ აპლიკაციასთან
- მომხმარებლის გამოცდილება (UX) – რას გრძნობს მომხმარებელი მობილური აპლიკაციის მიმართ, მის გამოყენებამდე, დროს და მის შემდეგ
ᲓᲐᲛᲐᲢᲔᲑᲘᲗᲘ ᲠᲔᲡᲣᲠᲡᲔᲑᲘ
მიუხედავად იმისა, რომ ქაღალდი სასურველი მეთოდია პროტოტიპებისთვის, განსაკუთრებით როგორც პირველი ნაბიჯი, თქვენ ასევე შეგიძლიათ გამოიყენოთ ციფრული ხელსაწყოები თქვენი აპლიკაციის პროტოტიპისთვის.
ბევრი ფასიანი ხელსაწყო არსებობს, მაგრამ ჩვეულებრივ არის უფასო ვერსია, რომელიც შეგიძლიათ გამოიყენოთ შეზღუდული ფუნქციებით ან პროექტებით. განიხილეთ რამდენიმე ვარიანტი.
- Google სლაიდები (მარტივი და უფასო!)
- InvisionApp
- Figma
- POP მარველის მიერ
