Theory
એક જ story માં આખો subject
તમે pieces શીખ્યા છો: research, personas, interaction design, visual design, testing, accessibility. Case study એ એ જગ્યા છે જ્યાં pieces એક JOURNEY બને છે: start થી finish સુધી solved થયેલો real design problem.
ચાલો FestConnect નું complete redesign walk કરીએ: જે very app ના confusing registration એ આ subject ની શરૂઆત કરી હતી: દરેક unit ને order માં apply કરીને. End સુધીમાં તમે જોશો કે concepts કેવી રીતે એક coherent process માં connect થાય છે, અને, એટલું જ examinably, કેવી રીતે design case study PRESENT કરવી: problem, process, outcome, સાથે reasoning જે તેમને tie કરે છે.
Theory
Problem, અને research
Problem: FestConnect technically કામ કરતું હતું, પણ few students એ registration complete કર્યું. Committee એ students ને blame કર્યા; truth એ હતી DESIGN (Unit 1: UI works, UX fails).
Research (Unit 2): real first-years સાથે interviews, તેમને register કરતાં watch કરીને. Findings: તેઓ tech-confident CS students નહોતા પણ cheap phones પર નervous newcomers હતા (say-do gap: બધાએ કહ્યું કે fine છે, પણ અડધાએ date field પર give up કર્યું). આએ 2 personas produce કર્યા: Rahul, anxious first-year જેને simplicity જોઈએ છે, અને Priya, organiser જેને powerful overview જોઈએ છે. Date field અને unclear navigation top pain points હતા.
Theory
Design, અને visuals
Structure (Unit 3): card sorting એ reveal કર્યું કે students 'Register' ને 'Events' નીચે buried નહીં પણ front and centre અપેક્ષિત કરતા હતા, એટલે information architecture ને reorganise કરવામાં આવ્યું. User flow ને shorten કરવામાં આવ્યો, confusing typed date ને simple picker સાથે replace કરવામાં આવ્યો (pain point ને source પર remove કર્યો), દરેક action પછી clear feedback add કરવામાં આવ્યું, અને navigation ને always-visible tabs આપવામાં આવ્યા જે where-am-I અને how-back નો answer આપે છે. બધું પહેલા cheap grey WIREFRAMES તરીકે test કરવામાં આવ્યું.
Visuals (Unit 4): warm terracotta-and-cream brand identity જે fest જેવું FEELS કરાવે; readable typography; visual hierarchy જે Register button ને dominant element બનાવે; દરેક screen પર consistent components જેથી students interface ને once learn કરે.
Theory
Validation, અને outcome
Validation (Unit 5): prototype પર 5 first-years સાથે usability testing. હવે five માંથી four એ smoothly register કર્યું; નવો minor label confusion surfaced થયો અને next ITERATION માં fix થયો (design એ line નહીં પણ loop છે). પછી ACCESSIBILITY: contrast raise કરવામાં આવ્યો જેથી low-vision students વાંચી શકે, errors ને colour alone નહીં પણ icon-plus-text સાથે show કરવામાં આવ્યા, form ને keyboard-navigable બનાવવામાં આવ્યું, images પર alt text: જેથી EVERYONE register કરી શકે.
Outcome: FestConnect એ students ગુમાવતા frustrating form થી smoother, inclusive product બન્યું જે more students complete કરે છે: features add કરવાથી નહીં, પણ users ને understand કરીને અને તેમના માટે design કરીને. આ એક app પર proven થયેલો આખો subject છે.
Quiz
FestConnect case study માં, registration problem ને ultimately કયા approach દ્વારા solve કરવામાં આવ્યો?
- Existing screens પર more colourful decorations add કરવા
- Research દ્વારા real users ને understand કરીને, પછી structure, visuals અને accessibility ને redesign કરીને, testing અને iteration દ્વારા validate કરીને
- Students ને blame કરીને કે તેઓ enough try નથી કરતા
- Backend code ને faster બનાવવા rewrite કરવું
- Registration feature ને entirely remove કરવું
Show the answer
Research દ્વારા real users ને understand કરીને, પછી structure, visuals અને accessibility ને redesign કરીને, testing અને iteration દ્વારા validate કરીને
Fix એ full user-centered design PROCESS હતો: real users ને understand કરવા research (nervous first-years, date-field pain), તેમની આસપાસ structure/flow/visuals/accessibility નું redesign, અને testing અને iteration દ્વારા validation: exactly જે journey subject શીખવે છે. Option A surface decoration છે, જેણે ક્યારેય real (structural અને research-based) problems ને address ન કર્યા. Option C એ committee ની original mistake છે જેને case study refute કરે છે (user ને નહીં design ને blame કરો). Option D performance ને target કરે છે, જે issue નહોતું (technically કામ કરતું હતું). Option E goal ને abandon કરે છે. Lesson: real UX improvement cosmetics કે blame થી નહીં, પણ users ને understand કરીને અને evidence દ્વારા validate કરીને design કરવાથી આવે છે.
Think first
Designer ની રીતે case study present કરો
Interviewer તમને કહે છે 'walk me through a project'. FestConnect નો ઉપયોગ કરીને, તમારા answer ને કઈ structure follow કરવી જોઈએ, અને એ structure શા માટે matter કરે છે? પછી tap કરો.
Show the answer
એને Problem → Process → Outcome, દરેક step પર તમારા REASONING સાથે structure કરો. Problem: શું ખોટું હતું અને તમને કેવી રીતે ખબર પડી (FestConnect registrations ગુમાવતું હતું; research એ date field અને IA ને culprits બતાવ્યા). Process: તમે શું કર્યું અને, crucially, શા માટે (IA ને reorganise કર્યું કારણ કે card sorting એ users ના mental model ને show કર્યું; pain ને source પર remove કરવા date picker add કર્યો; 5 users સાથે test કર્યું; iterate કર્યું; accessible બનાવ્યું). Outcome: result અને તમે શું શીખ્યા (smoother, inclusive registration; more completions). આ structure matter કરે છે કારણ કે એ show કરે છે કે તમે designer ની જેમ think કરો છો: evidence-driven, user-centered, reflective: માત્ર 'I made it pretty' નહીં. REASONING જ impress કરે છે; કોઈપણ what they did ને list કરી શકે છે.
Watch out
Case-study slips
Reasoning વગર actions ની listing: 'I changed the layout' weak છે; કહો WHY (research showed X), જે case study માટે જ છે.
Research/validation ને skip કરવું: visuals પર સીધું jump કરતી case study user-centered core ને miss કરે છે.
Luck ને credit લેવું: improvements ને vibes નહીં પણ evidence અને process ને attribute કરો.
Metrics invent કરવાં: real portfolio માં, honest data વાપરો; percentages fabricate ન કરો: outcomes ને truthfully અને directionally state કરો.
Theory
Subject complete: તમે people માટે design કરી શકો છો
'UI is not UX' થી fully redesigned, tested, accessible FestConnect સુધી, તમે આખો user-centered design process run કર્યો છે. હવે તમે users ને research કરી શકો છો, તેમને personas તરીકે model કરી શકો છો, intent સાથે structure અને visuals design કરી શકો છો, evidence પર test અને iterate કરી શકો છો, અને accessibility દ્વારા everyone ને include કરી શકો છો. એ process: understand people, design for them, validate, repeat: એ UX design છે, અને એ તમે જે પણ product build કરશો તેના પર apply થાય છે, including જે platform પર તમે learn કરી રહ્યા છો તેના પર પણ. Human માટે design કરો; બાકીનું follow થાય છે.
Summary
Key takeaways
- Case study real design problem ને start થી finish સુધી walk કરે છે, દરેક concept ને એક journey માં tie કરે છે.
- FestConnect journey: problem (lost registrations) -> research (personas, interviews, date-field pain).
- Design: reorganised information architecture, shorter flow, date picker, feedback, clear navigation, wireframes તરીકે tested.
- Visuals: terracotta-and-cream brand, readable type, Register પર visual hierarchy, consistency.
- Validation: 5 users સાથે usability testing, findings પર iteration, accessibility (contrast, alt text, keyboard, not colour-only).
- Case study ને Problem -> Process -> Outcome તરીકે present કરો, દરેક decision પાછળનું REASONING સાથે.
- Memory hook: understand people, design for them, validate, repeat: એ UX છે.