Theory
Five Screens, Five अलग-अलग Apps
एक rushed FestConnect में एक problem था: home screen blue थी round buttons के साथ, events screen green थी square वालों के साथ, profile ने बिल्कुल अलग font इस्तेमाल किया, और register button हर page पर अलग दिखता था।
Users को लगा जैसे उन्हें 5 unrelated apps के बीच फेंका जा रहा है। कुछ भी trustworthy feel नहीं हुआ, और हर screen ने उन्हें interface फिर से सीखने पर मजबूर किया।
दो forces इसे fix करती हैं: branding (एक recognisable identity) और consistency (वह identity HAR JAGAH applied)। साथ में वे screens के ढेर को एक coherent, trustworthy product में बदल देती हैं। यह lesson पूरी visual unit को एक साथ बाँधता है।
Theory
Branding: Product की Identity
Branding एक product की identity है: इसका logo, colours, typography, tone of voice, imagery style और personality: वह सब कुछ जो इसे recognisable बनाता है और यह conveys करता है यह किस लिए खड़ा है।
UI में good branding यह build करती है:
- recognition: users instantly जानते हैं यह FestConnect है
- trust: एक coherent, professional identity reliability signal करती है
- emotional connection: एक warm, festive terracotta-and-cream identity एक college fest जैसी FEEL होती है, एक tax form जैसी नहीं
Branding सिर्फ़ logo नहीं है: यह वह consistent PERSONALITY है जो हर visual choice के ज़रिए express होती है। यह answer देती है: यह product हर जगह कैसा दिखता और feel होता है?
Theory
Consistency: Identity, Enforced
Consistency same design decisions को HAR JAGAH apply करना है, ताकि brand together हो। इसके कई kinds हैं:
- visual consistency: हर screen पर same colours, fonts, spacing और components
- functional/behavioural consistency: same action हर जगह same तरीके से काम करता है: एक button हमेशा predictably behave करता है
- platform consistency: iOS/Android/web conventions follow करना ताकि app familiar feel हो
- external consistency: users जो OTHER products जानते हैं उससे expect करते हैं वह match करना
Consistency का payoff reduced cognitive load है: users interface को EK BAAR सीखते हैं और उस knowledge को हर screen पर reuse करते हैं। Inconsistency constant relearning force करती है: और quietly trust erode करती है।
Quiz
Screens के आर-पार consistency user experience को क्यों improve करती है?
- यह app की file size छोटी बनाती है
- Users interface एक बार सीखते हैं और उस knowledge को हर जगह reuse करते हैं, cognitive load कम करते हुए और trust build करते हुए
- यह designers को user research skip करने देती है
- Consistency सिर्फ़ logo के लिए matter करती है
- यह purposely हर screen को identical और boring बनाती है
Show the answer
Users interface एक बार सीखते हैं और उस knowledge को हर जगह reuse करते हैं, cognitive load कम करते हुए और trust build करते हुए
Consistency users को एक बार LEARN करने देती है और उस learning को पूरे product पर apply करने देती है: एक button जो हमेशा same दिखता और behave करता है उसे relearning की ज़रूरत नहीं होती, जो mental effort कम करता है और confidence और trust build करता है। Option A design consistency को technical file size से confuse करता है। Option C ग़लत है: consistency research को complement करती है, कभी replace नहीं करती। Option D इसे logo तक shrink कर देता है, जबकि यह colours, components, behaviour और conventions तक फैली है। Option E consistency को monotony की तरह misread करता है: इसका मतलब predictable PATTERNS और identity है, जो content के भीतर variety के साथ coexist करते हैं। Core benefit: predictability cognitive load कम करती है और trust बढ़ाती है।
Think first
बड़ी Teams Consistent कैसे रहती हैं?
FestConnect कई लोगों द्वारा बनाई गई 30 screens तक grow होता है। Colours, buttons और behaviour को हाथ से identical रखना hopeless है। कौन सा professional tool यह solve करता है, और कैसे? फिर tap कीजिए।
Show the answer
एक design system (या style guide): reusable components (buttons, cards, inputs), defined colours, typography, spacing और usage RULES की एक documented, shared LIBRARY, जिससे हर कोई build करता है। हर designer/developer खुद एक button invent करने के बजाय, वे सब उस ONE defined button component को इस्तेमाल करते हैं, तो consistency VIGILANCE से नहीं, REUSE से enforce होती है। यह large teams और कई screens पर consistency को scale करता है, work speed करता है, और brand को document करता है। (यह exactly वही है जो real products, इस lesson को host करने वाले platform सहित, इस्तेमाल करते हैं: tokens और components वाला एक named design system।) 'scale पर आप consistent कैसे रहते हैं' का professional answer है: एक design system बनाइए और इस्तेमाल कीजिए।
Watch out
Branding/Consistency Slips
Branding = बस एक Logo: यह पूरी personality है (colour, type, tone, imagery), हर जगह applied।
Inconsistent Components: हर screen पर अलग button styles/behaviours relearning force करते हैं और trust erode करते हैं।
Platform Conventions Ignore करना: iOS/Android norms से लड़ना एक app को alien feel कराता है।
Consistency को Monotony समझना: predictable PATTERNS, identical content नहीं; variety एक consistent system के अंदर रहती है।
Scale पर कोई Design System नहीं: कई screens पर हाथ से consistency maintain करना fail होता है; document और reuse कीजिए।
Theory
Unit 4 बंद होती है: यह सही दिखता और Feel होता है
FestConnect के पास अब एक clear structure है (Unit 3) एक coherent, branded, consistent visual identity पहने हुए (Unit 4): readable, ordered, recognisable, trustworthy। पर 'अच्छा दिखता है और मेरे लिए काम करता है' अभी भी REAL users के लिए proven नहीं है। Unit 5 उस loop को बंद करती है जिसकी तरफ़ पूरा subject build हो रहा था: इसे properly TEST करना, feedback पर ITERATE करना, और accessibility के ज़रिए इसे EVERYONE के लिए काम कराना: फिर एक final case study। Design बन गई; अब, validated।
Summary
Key takeaways
- Branding एक product की identity है (logo, colours, typography, tone, imagery, personality) जो इसे recognisable बनाती है और trust build करती है।
- Consistency same design decisions को हर जगह apply करती है, brand को together रखते हुए।
- Kinds: visual (colours/fonts/components), functional (same action same तरीके से behave करता है), platform, और external (user expectations match करना)।
- Consistency cognitive load कम करती है: users एक बार सीखते हैं और उस knowledge को reuse करते हैं; inconsistency trust erode करती है।
- Branding एक logo से ज़्यादा है: यह हर screen पर एक consistent personality है।
- एक design system (documented reusable components + rules) scale पर consistency enforce करता है।
- Memory hook: एक identity, हर जगह same: एक बार सीखिए, हमेशा trust कीजिए।