ქაღალდის პროტოტიპები

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

ᲞᲠᲝᲢᲝᲢᲘᲞᲘᲠᲔᲑᲐ

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

პროტოტიპი არის რაღაცის ადრეული მოდელი.

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

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

paper prototype of app screens

ᲠᲐᲢᲝᲛ ᲞᲠᲝᲢᲝᲢᲘᲞᲘ?

ისწავლეთ როგორ შექმნეს ქაღალდის და ციფრული პროტოტიპები სხვა გუნდებმა ამ ვიდეოში!

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

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

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

კითხვები მოსწავლეებისთვის: 

რატომ არის სასარგებლო ქაღალდის ან მუყაოს გამოყენებით მარტივი პროტოტიპის შექმნა საბოლოო პროდუქტის დამზადებამდე?

როგორ დაგეხმარებათ ქაღალდის ან მუყაოს მოდელის დამზადება თქვენი დიზაინის გაუმჯობესებაში?

რა შეიძლება ისწავლოთ ქაღალდის პროტოტიპის ტესტირებიდან, რაც სხვაგვარად არ იცით? 

მენტორის რჩევები მოწოდებულია AmeriCorps-ის მხარდაჭერით.

stylized A, AmeriCorps logo in navy

ᲞᲠᲝᲢᲝᲢᲘᲞᲘᲡ ᲔᲚᲔᲛᲔᲜᲢᲔᲑᲘ

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

მომხმარებლები

მომხმარებლები

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

მოწყობილობის ტიპები

მოწყობილობის ტიპები

როგორ გამოიყურება თქვენი აპლიკაცია iPhone-ზე ან Android-ზე?
ტელეფონზე და ტაბლეტზე?

თანმიმდევრულობა

თანმიმდევრულობა

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

ᲛᲝᲛᲮᲛᲐᲠᲔᲑᲚᲘᲡ ᲘᲜᲢᲔᲠᲤᲔᲘᲡᲘ

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

ციფრული პროდუქტების დიზაინის კიდევ ერთი ტერმინია User Experienc e ან UX . თითოეული მათგანი ახსნილია ქვემოთ.

მომხმარებლის ინტერფეისი

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

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

მომხმარებლის გამოცდილება

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

UX დიზაინი მიმართულია მომხმარებლის საჭიროებებისკენ და მიზნებისკენ და აძლიერებს მათ საერთო გამოცდილებას.

ᲛᲝᲛᲮᲛᲐᲠᲔᲑᲚᲘᲡ ᲘᲜᲢᲔᲠᲤᲔᲘᲡᲘᲡ ᲛᲐᲮᲐᲡᲘᲐᲗᲔᲑᲚᲔᲑᲘ

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

ᲜᲐᲕᲘᲒᲐᲪᲘᲐ

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

ᲙᲝᲜᲢᲔᲘᲜᲔᲠᲘ

ეს კომპონენტები საშუალებას გაძლევთ დააჯგუფოთ შინაარსი. ის გვეხმარება ერანის ნაწილების განლაგებასა და ნაწილების დამალვა-ჩვენებაში.

ინფუთი

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

ᲘᲜᲤᲝᲠᲛᲐᲪᲘᲐ

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

ᲒᲐᲛᲝᲘᲧᲔᲜᲔᲗ ᲡᲢᲐᲜᲓᲐᲠᲢᲣᲚᲘ ᲔᲚᲔᲛᲔᲜᲢᲔᲑᲘ

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

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

შეჩერდი ᲓᲐ ᲡᲪᲐᲓᲔ

  1. ჩამოტვირთეთ ახალი აპლიკაცია აპლიკაციების მაღაზიიდან ახლავე. 
  2. თუ შთაგონება გჭირდებათ, სცადეთ AllTrails ( iOS ან Android ) ან Blinkist ( iOS ან Android )
  3. ზემოთ ნახსენებ რომელ კომპონენტებს იყენებს? 
  4. სცადეთ აპლიკაციის გამოყენება დაახლოებით 5 წუთის განმავლობაში. 
  5. რამდენი დრო დაგჭირდათ იმის გასარკვევად, თუ როგორ გამოიყენოთ იგი?

ნახეთ ეს მოკლე ვიდეო მელისა პაუელთან და მარიამ შაიხთან ერთად Google-ისგან ესკიზებისა და ქაღალდის პროტოტიპების შესახებ

ᲐᲥᲢᲘᲕᲝᲑᲐ 1: ᲥᲐᲦᲐᲚᲓᲘᲡ ᲞᲠᲝᲢᲝᲢᲘᲞᲘ

სავარაუდო დრო: 60 წუთი

დახაზეთ ეკრანები თქვენი აპისთვის

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

უკუკავშირის მიღება

ახლა, როდესაც უკვე გაქვთ ფიზიკური გამოსავალი, დროა მიიღოთ მომხმარებელთა უკუკავშირი!

პოტენციურმა მომხმარებლებმა უნდა სცადონ ეს და მოგაწოდონ გულწრფელი გამოხმაურება.

რა გინდათ, რომ გაიგოთ მომხმარებელთა ტესტირების პროცესისგან? 

ერთი მეთოდი:

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

გახსოვდეთ, ტესტერები მუდამ დაგეზმარებიან! არ განსაჯოთ და არ ჩაერიოთ მათ ურთიერთქმედებებში (გარდა „კომპიუტერისა“, რომელიც პასუხობს/აახლებს პროტოტიპს ქმედებებზე დაყრდნობით).

უბრალოდ მიიღეთ მათი გამოხმაურება მადლიერებით.

ეს ვიდეო მომხმარებლის ტესტირების შესანიშნავი მაგალითია ველოსიპედის სარემონტო მაღაზიის აპისთვის. 

ᲐᲥᲢᲘᲕᲝᲑᲐ 2: ᲣᲙᲣᲙᲐᲕᲨᲘᲠᲘს მიღება

სავარაუდო დრო: 30 წუთი

შეამოწმეთ თქვენი ქაღალდის პროტოტიპი 2-3 მომხმარებელთან ერთად

  1. აჩვენეთ პროტოტიპი მომხმარებლებს.
  2. სთხოვეთ მომხმარებლებს შეასრულონ დავალება პროტოტიპთან ერთად.
  3. მიეცით საშუალება შეეცადონ შეასრულონ დავალება დახმარების გარეშე.
  4. გუნდის წევრს შეუძლია იმოქმედოს როგორც "კომპიუტერი" და რეაგირება მოახდინოს მათ ქმედებებზე.
  5. გუნდის კიდევ ერთი წევრი (ან ორი) ინიშანავს შენიშვნებს იმაზე, თუ რას აკეთებენ მომხმარებლები, მათი კომენტარებისა და რეაქციების შესახებ.

რეფლექსია

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

prototype on phone and on paper
აღმოაჩინეთ რაიმე მახასიათებელი, რომელიც არ არის აუცილებელი მინიმალური განხორციელებადი პროდუქტისთვის?
მიიღეთ რაიმე სასარგებლო გამოხმაურება მომხმარებლებისგან?
გჭირდებათ რაიმეს შეცვლა თქვენს აპლიკაციაში გამოხმაურების მიღების შემდეგ?

ძირითადი ტერმინების  მიმოხილვა

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

ᲓᲐᲛᲐᲢᲔᲑᲘᲗᲘ ᲠᲔᲡᲣᲠᲡᲔᲑᲘ

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

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