UX Design Basics · Course lab · about 300 minutes · 6 tasks · marked out of 100, pass at 60
One case study: interviews, a flow, a test, and what broke
The situation
Pick one process people around you actually go through — paying a bill, enrolling in a course, booking an appointment. Interview five real people about the last time they did it, map the flow with its failure paths, sketch and prototype the key screens, test with five people while saying nothing, fix the two worst problems, test again, and write the case study that most applicants do not have.
What you'll be able to show
- Learn from real people's last real experience, not from what you expected
- Map a flow including failure paths and remove a step safely
- Run a usability test without helping, and sort problems by severity
- Write a one-page case study with before and after
What you need
- Paper and a pen for sketches
- Figma or any prototyping tool
- Ten people in total: five to interview, five to test (two fresh ones for the retest)
Tasks
-
1Five interviewsAsk five people only about the last real time they did the process. Record three repeated problems, the words they used, and the workarounds they invented. Before you start, write what you expect to find; compare afterwards.A correct result: Interview notes, the three problems, the users' own words, and your expectation vs reality.
-
2The flow, with failure pathsMap the complete flow including every failure path you can think of. Count the steps to the goal. Produce a second version with one step removed and one error state properly designed. Explain in one line why the removed step was safe to remove.A correct result: Two flow maps, a step count for each, and the one-line justification.
-
3Sketch, then prototypeSketch every screen on paper with real words and no decoration. Rebuild the three most important screens digitally and link them into a clickable prototype. Keep the paper.A correct result: Photographed sketches and a prototype link.
-
4Test, silentlyFive people, one at a time, one clear task, and you say nothing while they work. Record where each got stuck. Sort the problems by severity.A correct result: Five test notes and a severity-sorted problem list.
-
5Fix two, test againFix the top two problems. Test with two fresh people. Record whether the problems are gone and what new ones appeared.A correct result: Two fixes, two retests, and an honest before/after.
-
6The case studyOne page plus images: the problem, the five interviews, the flow, the wireframes, the usability test and what broke, the changes, the second test.A correct result: A one-page case study a hiring manager could read in five minutes.
What to hand in
The case study page with its images, the interview notes, the two flow maps, the prototype link, and the test notes from both rounds.
How it is marked
| Criterion | Points |
|---|---|
| Interviews are about real last experiences with the users' words recorded | 20 |
| Flow has failure paths and the removed step is justified | 15 |
| Sketches and a working prototype | 15 |
| Silent test with severity-sorted problems | 20 |
| Two fixes and an honest retest | 15 |
| Case study complete and readable | 15 |
| Total · pass at 60 | 100 |
صورتحال
ایک ایسا process چنیں جس سے آپ کے ارد گرد لوگ واقعی گزرتے ہیں — بل کی ادائیگی، course میں داخلہ، appointment کی booking۔ پانچ حقیقی لوگوں سے ان کے آخری تجربے کے بارے میں interview کریں، flow کو اس کے ناکامی کے راستوں کے ساتھ بنائیں، اہم screens کے sketch اور prototype بنائیں، پانچ لوگوں کے ساتھ کچھ کہے بغیر test کریں، دو بدترین مسائل ٹھیک کریں، دوبارہ test کریں، اور وہ case study لکھیں جو زیادہ تر امیدواروں کے پاس نہیں ہوتی۔
آپ کیا دکھا سکیں گے
- حقیقی لوگوں کے آخری حقیقی تجربے سے سیکھنا، اپنی توقع سے نہیں
- ناکامی کے راستوں سمیت flow بنانا اور ایک step محفوظ طریقے سے ہٹانا
- بغیر مدد کیے usability test چلانا، اور مسائل کو شدت سے ترتیب دینا
- پہلے اور بعد کے ساتھ ایک صفحے کی case study لکھنا
آپ کو کیا چاہیے
- sketches کے لیے کاغذ اور قلم
- Figma یا کوئی بھی prototyping tool
- کل دس لوگ: پانچ interview کے لیے، پانچ test کے لیے (دوبارہ test کے لیے دو نئے)
کام
-
1پانچ interviewsپانچ لوگوں سے صرف آخری حقیقی بار کے بارے میں پوچھیں جب انہوں نے یہ process کیا۔ تین دہرائے گئے مسائل، ان کے استعمال کیے ہوئے الفاظ، اور ان کے ایجاد کیے ہوئے workarounds لکھیں۔ شروع کرنے سے پہلے لکھیں کہ آپ کیا ملنے کی توقع رکھتے ہیں؛ بعد میں موازنہ کریں۔درست نتیجہ: interview کے notes، تین مسائل، users کے اپنے الفاظ، اور آپ کی توقع بمقابلہ حقیقت۔
-
2flow، ناکامی کے راستوں کے ساتھمکمل flow بنائیں، ہر ناکامی کے راستے سمیت جو آپ سوچ سکیں۔ منزل تک steps گنیں۔ ایک دوسرا نسخہ بنائیں جس میں ایک step کم ہو اور ایک error state ٹھیک سے design ہو۔ ایک line میں بتائیں کہ ہٹایا گیا step ہٹانا محفوظ کیوں تھا۔درست نتیجہ: دو flow maps، ہر ایک کی steps کی گنتی، اور ایک line کی وجہ۔
-
3sketch، پھر prototypeہر screen کاغذ پر حقیقی الفاظ کے ساتھ اور بغیر سجاوٹ بنائیں۔ تین سب سے اہم screens digitally دوبارہ بنائیں اور clickable prototype میں جوڑیں۔ کاغذ رکھیں۔درست نتیجہ: تصویر کھینچے ہوئے sketches اور prototype کا link۔
-
4test، خاموشی سےپانچ لوگ، ایک ایک کر کے، ایک واضح کام، اور ان کے کام کے دوران آپ کچھ نہ کہیں۔ لکھیں کہ ہر ایک کہاں اٹکا۔ مسائل کو شدت کے حساب سے ترتیب دیں۔درست نتیجہ: پانچ test notes اور شدت کے حساب سے ترتیب شدہ مسائل کی فہرست۔
-
5دو ٹھیک کریں، دوبارہ testاوپر کے دو مسائل ٹھیک کریں۔ دو نئے لوگوں کے ساتھ test کریں۔ لکھیں کہ کیا مسائل ختم ہوئے اور کون سے نئے سامنے آئے۔درست نتیجہ: دو fixes، دو دوبارہ tests، اور ایماندار پہلے/بعد۔
-
6case studyایک صفحہ اور تصویریں: مسئلہ، پانچ interviews، flow، wireframes، usability test اور کیا ٹوٹا، تبدیلیاں، دوسرا test۔درست نتیجہ: ایک صفحے کی case study جو hiring manager پانچ منٹ میں پڑھ سکے۔
کیا جمع کروانا ہے
تصویروں کے ساتھ case study کا صفحہ، interview کے notes، دو flow maps، prototype کا link، اور دونوں دوروں کے test notes۔
نمبر کیسے ملیں گے
| معیار | نمبر |
|---|---|
| interviews حقیقی آخری تجربوں کے بارے میں ہیں، users کے الفاظ درج | 20 |
| flow میں ناکامی کے راستے ہیں اور ہٹایا گیا step جائز ٹھہرایا گیا | 15 |
| sketches اور کام کرتا prototype | 15 |
| خاموش test، شدت کے حساب سے ترتیب شدہ مسائل | 20 |
| دو fixes اور ایماندار دوبارہ test | 15 |
| case study مکمل اور پڑھنے کے قابل | 15 |
| کل · پاس 60 | 100 |
Hand in your lab
Create a free BvLogic ID to hand in your lab, get it marked, and have it on your certificate.
Create your BvLogic IDAlready have one? Sign in and this course will be added to it.