🎨 Lecture 07 · UI = الصورة اللي بيشوفها اليوزر

UI Design, Usability & Accessibility

إزاي نقيس جودة الـ UI؟ باستخدام SUS scoring، و Nielsen's 10 heuristics، و POUR accessibility. دي من أهم المحاضرات في Winter 2025 (4+ MCQs).

← All Lectures 🎯 جرب أسئلة الامتحان

Chapters

Nielsen Rules

POUR Principles

Exam Qs

Examples of Bad Designs

قبل ما نتعلم الصح، خلينا نشوف الغلط. الدكتور بيدي 7 أمثلة من الواقع.

⚠️ الـ 7 أمثلة الكلاسيكية

1. Inconsistent Doors (Push vs Pull)

بابين شكلهم شبه بعض، واحد push والتاني pull، والـ user لازم يجرب علشان يعرف. دي مشكلة في الـ consistency.

2. Stove Knobs (Poor Layout)

4 burners في مربع لكن الـ knobs في صف أفقي. مش واضح أي knob يتحكم في أي burner. دي Mapping problem.

3. CFC Sign (Unclear Labels)

"GODDARD SPACE FLIGHT CENTER — CFC — GOAL 457000". معاني CFC و 457000 غير موضحة. Not self-evident.

4. Elevator Buttons (Poor Organization)

أرقام مكتوبة في عمودين مش منطقي. اليسار: 2, 1, 8, 9. اليمين: 7, 6, 5, 4, 3. ترتيب فوضوي.

5. NY Times Homepage 2012 (Cluttered)

معلومات كتيرة جداً في صفحة واحدة. الـ user مش عارف يبدأ منين. دي Cognitive overload.

6. Door with "PULL" written on push-style handle

الـ handle شكلها بيقول "اضغط"، بس مكتوب عليها PULL بقلم. دي Contradicting affordances، يعني التصميم بيتحدى نفسه.

7. "Invalid password format" (No Help)

الـ system بيقول إن الـ password غلط، لكنه ما بيقولش الـ format المطلوب. الـ user مش عارف يصلح إيه.

💡 الخلاصةBad UI = الـ user محتاج يفكر كتير، يحفظ تفاصيل، أو يجرب. Good UI = الـ system بيقول للـ user يعمل إيه وإيه اللي حصل بوضوح.

Usability — 3 Pillars

التعريف الرسمي من ISO + الـ 3 معايير: Effectiveness, Efficiency, Satisfaction.

📖 ISO Definition

Usability is the extent to which a system, product or service can be used by specified users to achieve specified goals with effectiveness, efficiency, and satisfaction in a specified context of use.
— ISO

"We can't predict a software system's usability without testing it with real users." — Ferre et al., 2001

🎯 Effectiveness

درجة قدرة الـ system على تحقيق غرضه: هل الـ user يقدر يخلص المهمة بنجاح؟

مثال: Banking app — هل الـ user قدر يحوّل فلوس بدون مساعدة؟ نعم → effective.

⚡ Efficiency

الـ user بيخلص المهمة بسرعة قد إيه وبمجهود قليل قد إيه؟

مثال: Banking app — تحويل فلوس في 2 clicks أحسن من 10 clicks. الـ 2 clicks أكتر efficient.

😊 Satisfaction

درجة رضا الـ user عن التجربة. بتتقاس بالـ feedback أو surveys.

مثال: لو التطبيق intuitive، جميل بصرياً، و easy to navigate → الـ user راضي.

📌 ملحوظة الـ 3 معايير دي مختلفة. ممكن app يكون effective (بيخلص الشغل) بس not efficient (بياخد وقت) و not satisfying (الـ UI وحش). الهدف: الـ 3 مع بعض.

Why Usability Matters

دور المطور · Common pitfalls · Business impact.

👤 User-Centered Design

تصميم software يتوافق مع احتياجات وتوقعات المستخدمين.

💼 Business Impact

Usability وحشة → users غير راضين → زيادة support costs → معدل تبني أقل.

🏆 Competitive Advantage

Usable software → user satisfaction أعلى → retention أعلى → نجاح في السوق.

👨‍💻 دور المطور في الـ Usability

Involvement in Design — الـ Developers يشاركوا بدري في مرحلة التصميم عشان يدمجوا الـ usability من البداية.
Collaboration with Designers — التعاون مع UX/UI designers عشان يحصل alignment بين الأهداف التقنية وأهداف UX.
Iterative Development — تحسينات على مراحل مع continuous user feedback و testing.

⚠️ Common Usability Pitfalls

الـ Pitfall	الـ description
Feature Creep	إضافة features كتيرة بدون داعي → الـ interface مزدحم
Ignoring User Feedback	إهمال احتياجات وسلوكيات الـ users الحقيقيين
Overcomplicating Interfaces	تصميمات معقدة جداً
Lack of Testing	الاعتماد على افتراضات الـ developers بدون validation

😂 مثال مرعبAdvanced Volume Control — 100 radio buttons من 1 لـ 100 بدل slider. مثال كلاسيكي لـ terrible UI.

System Usability Scale (SUS) ⭐

أهم metric في الـ usability. سؤال Winter 2025 Q1.16 كان عن حساب SUS، وهتعرف تحسبه هنا.

📊 What is SUS?

Standardized questionnaire لقياس الـ usability.
طوّره John Brooke سنة 1986.
الأكثر استخداماً في UX research.
10 questions، تقييم من 1 (Strongly Disagree) لـ 5 (Strongly Agree).

📝 الـ 10 أسئلة (Odd = positive, Even = negative)

#	Question	Type
1	I think I would like to use this system frequently	+
2	I found the system unnecessarily complex	−
3	I thought the system was easy to use	+
4	I think I would need the support of a technical person	−
5	I found the various functions were well integrated	+
6	I thought there was too much inconsistency	−
7	I would imagine that most people would learn this system very quickly	+
8	I found the system very cumbersome to use	−
9	I felt very confident using the system	+
10	I needed to learn a lot of things before I could get going	−

🧮 Scoring Formula ⭐

For odd questions (1, 3, 5, 7, 9): subtract 1 from user response.
For even questions (2, 4, 6, 8, 10): subtract user response from 5.
This scales all values from 0 to 4.
Sum all 10 converted values (range 0 to 40).
Multiply by 2.5 → final score 0 to 100.

SUS Formula

// For each odd question (Q1, Q3, Q5, Q7, Q9):
converted = response - 1

// For each even question (Q2, Q4, Q6, Q8, Q10):
converted = 5 - response

// Final score:
SUS = (sum of all converted values) × 2.5

📈 تفسير النتيجة

Score	Grade	التفسير
80.3+	A	People love it & recommend it
≥ 68	C	Above average — OK but can improve
~ 68	Avg	Average — needs improvement
< 51	F	Make usability priority NOW

🧮 SUS Interactive Calculator

جرب تحسب SUS من ردود مستخدم واحد. الأرقام من 1 (strongly disagree) لـ 5 (strongly agree):

Q1+

I would use it frequently

Q2−

Unnecessarily complex

Q3+

Easy to use

Q4−

Need tech support

Q5+

Functions well integrated

Q6−

Too much inconsistency

Q7+

Easy to learn

Q8−

Cumbersome to use

Q9+

Confident using it

Q10−

Needed to learn a lot

📌 Winter 2025 Q1.16 القيم الـ default في الـ calculator فوق هي نفس قيم سؤال الامتحان. اضغط Calculate وشوف الإجابة بنفسك: 85.

✅ SUS Pros

Quick & easy — دقايق قليلة.
Standardized and reliable.
Widely accepted.

❌ SUS Limitations

Subjective — مبني على الإدراك الشخصي، وممكن يتأثر بالمزاج أو الخبرة.
Limited Granularity — single score بدون تفاصيل عن المشاكل المحددة.

UMUX — Usability Metric for User Experience

ده شبه shorter SUS: 4 أسئلة بس بدل 10. مفيد للـ rapid prototyping.

⚡ الـ 4 أسئلة (scale 1-7)

[This system's] capabilities meet my requirements.
Using [this system] is a frustrating experience.
[This system] is easy to use.
I have to spend too much time correcting things with this system.

🏆 UMUX Advantages

أقصر من SUS (4 بدل 10 أسئلة).
Strong correlation with SUS — لو SUS هتطلع كذا، UMUX غالباً هتطلع قريبة منها.
Easy & quick — مثالي للـ rapid prototyping أو early-stage testing.

Nielsen's 10 Usability Heuristics ⭐

Jakob Nielsen سنة 1994. دي أشهر 10 guidelines لتقييم الـ UI، ولازم تحفظهم بأمثلة.

👁️ Visibility of System Status

النظام دايماً لازم keep users informed عن اللي بيحصل، باستخدام feedback مناسب وفي وقت معقول. مثال: progress bar للـ download.

🌍 Match Between System and Real World

استخدم لغة المستخدم: كلمات وأفكار مألوفة. مثال: iOS Compass app بيشبه الـ compass الحقيقي.

🔄 User Control and Freedom

لازم الـ user يقدر يعمل undo / redo، يخرج، أو يلغي. مثال: confirmation قبل actions مهمة + recovery للملفات المحذوفة.

📏 Consistency and Standards

نفس الـ terminology و layout و behavior في كل المنصة. مثال: 🔍 magnifying glass عالمياً = search.

🛡️ Error Prevention

منع المشاكل قبل ما تحصل أفضل من error messages بعدها. مثال: Ryanair بيعطّل الـ destinations اللي مفيش فيها رحلات.

👀 Recognition Rather Than Recall

قلل الـ memory load: خلي الـ objects والـ options مرئية بدل ما الـ user يحفظ. مثال: dropdown menus بدل ما الـ user يحفظ commands.

⚡ Flexibility and Efficiency of Use

ادعم الـ novice والـ expert users: shortcuts، customizations، accelerators. مثال: Amazon filters للـ power users.

🎨 Aesthetic and Minimalist Design

ما تحطش معلومات غير ضرورية. كل معلومة بتتنافس مع الباقي. مثال: Google Maps بيركز على الخريطة، والـ UI controls صغيرة.

🚨 Help Recognize, Diagnose, Recover from Errors

الـ Error messages لازم تكون واضحة، مفيدة، وتدي حلول. مثال: IKEA بيقول: Password needs 8 chars + uppercase + number.

H10

📚 Help and Documentation

حتى لو الـ system سهل، الـ help لازم تكون متاحة بسهولة. مثال: Airbnb Support section في Profile tab.

📌 Winter 2025 Q1.17 السؤال بيدي 4 icons (bell with badge, shopping cart, step indicator, battery level) ويسأل أيهم بيظهر system status. الإجابة: All four — كلهم بيعرضوا status.

Accessibility — Definition (ISO)

الفرق بين Usability و Accessibility: الـ Usability بتتكلم عن specified users، لكن الـ Accessibility تستهدف أوسع نطاق ممكن.

📖 ISO Definition ⭐

Accessibility is the extent to which product, system, services, environments, and facilities can be used by people from the population with the widest range of characteristics and capabilities to achieve a specified goal in a specified context of use.
— ISO

📌 Winter 2025 Q1.18 الـ definition دي بالظبط هي السؤال. الكلمة المفتاحية: widest range of characteristics and capabilities. الإجابة: Accessibility.

🎯 Usability

Targeting specified users in a specified context.

مثال: app لمحاسبين الشركات — الـ usability بتقيس قد إيه المحاسبين بيستخدموه بسهولة.

🌍 Accessibility

استهداف widest range من الـ users بمختلف القدرات والظروف.

مثال: نفس الـ app — هل يقدر أعمى يستخدمه بـ screen reader؟ هل يقدر شخص عنده إعاقة حركية يستخدمه بكيبورد بس؟

POUR — 4 Legal Requirements ⭐

Accessibility Regulations 2018 في UK Public Sector: 4 شروط عشان الموقع أو التطبيق يبقى accessible.

Perceivable

المعلومات قابلة للإدراك بالحواس

Operable

الـ interface قابل للتشغيل

Understandable

المحتوى مفهوم وواضح

Robust

متوافق مع assistive technologies

👁️ P — Perceivable

المعلومات والـ UI components لازم تكون قابلة للإدراك بالحواس (بصر، سمع، لمس) بغض النظر عن قدرات المستخدم.

Text Alternatives — كل image تكون عندها alt tag للـ screen readers.
<img src="search.png" alt="Search button">
Color Contrast — high contrast بين النص والخلفية لـ color-blind users.
Audio Content — captions أو transcripts للـ video/audio للـ deaf/hard-of-hearing.

⌨️ O — Operable

الـ interface لازم تكون قابلة للتشغيل بمختلف وسائل الإدخال: keyboard, mouse, touch, voice.

Keyboard Accessibility — كل function متاحة بالـ keyboard (Tab + Enter).
Touchscreen Support — buttons كبيرة كفاية ومتباعدة للـ motor impairments.
Avoid Time Limits — أو وفر خيار لتمديد الوقت.

🧠 U — Understandable

المحتوى والتشغيل لازم يكونوا واضحين وسهل فهمهم، حتى للـ cognitive disabilities أو أصحاب limited tech knowledge.

Easy Language — Enter your email بدل Please provide your contact information.
Predictable Navigation — الـ menu في نفس المكان على كل صفحة.
Form Field Labels — كل field عنده label واضح.

💪 R — Robust

الـ system لازم يكون متوافق مع مختلف assistive technologies مثل screen readers و voice recognition.

يشتغل على desktop و mobile.
يدعم browsers مختلفة.
يشتغل مع JAWS, NVDA, VoiceOver.

Inclusive Computing

تصميم technology لأوسع نطاق ممكن من الناس. 15% of global population = 1 مليار شخص.

🌐 6 أبعاد الـ Inclusion

🧠 Cognitive

Dyslexia, learning disabilities

👁️ Sensory

Vision, hearing impairments

♿ Physical

Motor impairments, wheelchair users

🗣️ Language

Non-native speakers

🌎 Cultural

Different backgrounds

💰 Socioeconomic

Income, education differences

💡 Why Does It Matter?

15% of global population عندهم شكل من أشكال الإعاقة.
لو الـ tech مش inclusive = 1 مليار شخص مش هيعرفوا يستخدموا أدواتنا.
Inclusivity → better innovation. لما تصمّم للجميع، بتدفع حدود الـ tech.

Tim Berners-Lee (inventor of the Web): "Power of the web is in its universality. Access by everyone, regardless of disability, is an essential aspect."

🎤 Case Study #1: Google's Project Euphonia

الـ Speech recognition systems غالباً بتتدرب على standard speech.
الناس اللي عندهم speech impairments ما يقدروش يستفيدوا كويس.
Project Euphonia بيدرّب AI على non-standard speech.
بيحسّن قدرة الـ voice recognition لدعم الـ accessibility.

⚖️ Case Study #2: Domino's Pizza (2019)

Guillermo Robles — أعمى، ما قدرش يستخدم Domino's website/app بـ screen reader.
Domino's: حجتها إن قانون ADA (1990) ما بيغطيش الإنترنت.
U.S. Supreme Court: رفضت الحجة. الـ ADA applies to digital platforms.
الدرس: الـ Digital accessibility = legal requirement مش اختيار.

🏢 Microsoft Inclusive Design Toolkit — 3 Principles

Recognize Exclusion — اعرف الـ bias والـ exclusions اللي بتحصل بسبب mismatch بين الناس والتجربة.
Learn from Diversity — الـ Inclusive Design بيحط الناس في المركز. perspectives متنوعة = insights حقيقية.
Solve for One, Extend to Many — التصميم للـ permanent disabilities بينتج حلول تنفع الجميع.

💡 مثال Solve for One, Extend to ManyCurb cuts (الـ dropped curb في الشوارع) اتعملت أصلاً للـ wheelchair users، لكنها دلوقتي بتفيد stroller users, cyclists, luggage rollers, everyone.

🛠️ Essential Accessibility Features

Feature	للناس مع
Screen Reader Support (JAWS/NVDA + alt text)	Visual impairments
Keyboard Navigation (Tab key access to all elements)	Motor impairments
Color Contrast & Text Size	Low vision, color blindness
Captions & Transcripts	Hearing impairments

🎯

Exam Question Bank — Lecture 7

8 أسئلة من الامتحانات الحقيقية. SUS, Nielsen, Accessibility كلهم متكررين.

Question 1 Fall 2021–22 · Q1.15 (Message dialog)

A Message dialog box shows just "This is an error message" with an X icon and an OK button. What is wrong with this UI?

A Cluttered appearance and organization

B Unclear and uninformative error message

C Inconsistent colors

D Unclear what actions the user can take

✅ الإجابة الصح: B — Uninformative error message This is an error message ما بتقولش إيه الـ error ولا إزاي تصلحه. ده violation لـ H9 (Help users recover from errors).

A — الـ dialog فيه element واحد، مش cluttered. · C — الألوان عادية. · D — فيه OK button، فالـ action واضح.

Question 2 Fall 2021–22 / Winter 2021 · Q1.15 (Date dialog)

A Google Fit confirmation dialog shows a date picker with "Fri, Jun 15" and a "DONE" button, but no cancel option. Which UI design principle is violated?

A Use understandable encoding techniques

B Be consistent

C Provide all necessary help

D Ensure users always know what they can do next

E Ensure users can always get out, go back, cancel or undo actions

✅ الإجابة الصح: E — User can't cancel/go back ده violation مباشر لـ Nielsen H3 (User Control and Freedom). لو الـ user دخل بالغلط ومش عايز يحفظ تاريخ، مفيش طريقة يلغي.

A — الـ encoding للتاريخ واضح. · B — الـ dialog متسق مع باقي Material Design. · C — مش عن مساعدة. · D — الـ user يعرف يضغط DONE.

Question 3 Winter 2025 · Q1.10

Which of the following best describes the principle of using understandable encoding techniques in UI design?

A Making sure the UI elements are visually appealing

B Organizing the UI elements in a hierarchical structure

C Using icons and symbols that are universally recognizable

D Implementing animations and transitions for a smoother user experience

✅ الإجابة الصح: C — Universal icons/symbols Understandable encoding = استخدام رموز عالمياً معروفة مثل 🔍 search، ⚙️ settings، 🔔 notification. ده مرتبط بـ Nielsen H2 (Match Between System and Real World).

A — الـ Visual appeal مهم، لكنه مش encoding. · B — الـ Hierarchy تخص الـ layout مش الـ symbols. · D — الـ Animations تخص الـ smoothness مش encoding.

Question 4 Winter 2025 · Q1.16 ⭐

A team conducted a SUS test and received these average responses (1=Strongly Disagree, 5=Strongly Agree):

Q1=4, Q2=2, Q3=5, Q4=2, Q5=4, Q6=2, Q7=5, Q8=2, Q9=5, Q10=1

What is the SUS score?

A 85 — Excellent usability

B 32 — Poor usability

C 68 — Average usability

D 34 — Poor usability

✅ الإجابة الصح: A — 85 (Excellent) Odd questions (Q1, Q3, Q5, Q7, Q9): response − 1
= (4−1) + (5−1) + (4−1) + (5−1) + (5−1) = 3+4+3+4+4 = 18

Even questions (Q2, Q4, Q6, Q8, Q10): 5 − response
= (5−2) + (5−2) + (5−2) + (5−2) + (5−1) = 3+3+3+3+4 = 16

Sum = 34. × 2.5 = 85.

الـ score > 80.3 → grade A → Excellent.

D (34) — ده هو الـ sum قبل × 2.5. لو نسيت تضرب في 2.5، هتختار D. · B, C — أرقام عشوائية.

Question 5 Winter 2025 · Q1.17

Which of the following icons/UI elements show clearly the system status?
1. 🔔 Bell with red badge (notification count)
2. 🛒 Shopping cart with item count
3. Step progress indicator (Step 1 / Step 2 / Step 3 / Step 4)
4. 🔋 Battery level indicator (50%)

A Only 1, 2 and 4

B Only 1, 3 and 4

C Only 2 and 3

D All four

✅ الإجابة الصح: D — All four كلهم بيعرضوا status:

Bell + badge — عدد الـ unread notifications.
Cart count — عدد الـ items في الـ cart.
Step indicator — احنا في أي خطوة من الـ flow.
Battery — مستوى البطارية الحالي.

كلهم تطبيق لـ Nielsen H1 (Visibility of System Status).

Question 6 Winter 2025 · Q1.18

__________ is the extent to which product, system, services, environments, and facilities can be used by people from the population with the widest range of characteristics and capabilities to achieve a specified goal in a specified context of use.

A Usability

B User satisfaction

C Accessibility

D Efficiency

✅ الإجابة الصح: C — Accessibility الكلمة المفتاحية في الـ definition: widest range of characteristics and capabilities. ده هو تعريف Accessibility في ISO.

A (Usability) — Usability بتتكلم عن specified users، مش widest range. · B (Satisfaction) — جزء من الـ usability فقط. · D (Efficiency) — جزء من الـ usability فقط.

Question 7 Winter 2021 · Q1.16

Which UI design applies ALL these principles the most?
• Use understandable encoding techniques
• Ensure users can always get out, go back, or undo actions
• Ensure the sequence of actions to do a task is as simple as possible
• Ensure that the UI's appearance is uncluttered

A (a) Flight details with Round Trip toggle, no back button

B (b) Flight details with empty toggle state

C (c) Flight details with back arrow only

D (d) Flight details with Home + Cancel buttons + Next button

✅ الإجابة الصح: D الـ design (d) عنده:

Home + Cancel + Next = الـ user يقدر يخرج، يلغي، أو يكمل (User Control & Freedom).
Universal icons للتاريخ والدرجة والركاب (Understandable encoding).
Clean layout بأقسام منفصلة (Uncluttered).

Question 8 Practice — Nielsen heuristic

When designing an e-commerce site, you make sure that the shopping cart icon always appears in the same top-right position across all pages. Which Nielsen heuristic does this support?

A H1 — Visibility of System Status

B H4 — Consistency and Standards

C H6 — Recognition Rather Than Recall

D H8 — Aesthetic and Minimalist Design

✅ الإجابة الصح: B — Consistency and Standards الـ position الثابت للـ icon عبر الـ pages = consistency. الـ user بيتعلم مكانه ويتوقعه في كل صفحة.

A — الـ Status عن إظهار حالة النظام مثل cart count، مش مكان الـ icon. · C — الـ Recognition عن إن الـ user يقدر يعرف الـ icon بدون حفظ. قريب، لكنه مش الأفضل. · D — الـ Aesthetic عن minimalism، مش consistency.

📋

Cheat Sheet

SUS formula · Nielsen 10 · POUR · ISO definitions.

🧮 SUS Scoring Formula

Odd Qs (1,3,5,7,9)

response − 1

Even Qs (2,4,6,8,10)

5 − response

Sum (range 0–40)

all converted values

Final score

sum × 2.5 = 0–100

≥ 80.3

A — Excellent

≥ 68

C — Above avg

< 51

F — fix now

🌟 Nielsen 10 Heuristics

Visibility of System Status

Match between system & real world

User Control & Freedom (undo)

Consistency & Standards

Error Prevention

Recognition rather than recall

Flexibility & Efficiency

Aesthetic & Minimalist

Help recognize/recover from errors

H10

Help & Documentation

♿ POUR Accessibility

Perceivable — alt text, captions, contrast

Operable — keyboard nav, no time limits

Understandable — clear lang, predictable nav

Robust — works with assistive tech

📖 ISO Definitions

Usability

specified users, specified goals — effectiveness + efficiency + satisfaction

Accessibility

widest range of characteristics and capabilities

Effectiveness

achieves goals successfully

Efficiency

quickly & with minimal effort

Satisfaction

user is happy with experience

🚨 Famous Names

John Brooke 1986

Created SUS

Jakob Nielsen 1994

10 Heuristics

Tim Berners-Lee

"Power of web = universality"

Domino's 2019

ADA applies to digital → legal precedent

Project Euphonia

Google AI for speech impairments

🎯 UMUX (shorter SUS)

Questions

4 (vs SUS 10)

Scale

1–7 (vs SUS 1–5)

Correlates with SUS

Strongly

Best for

Rapid prototyping, early-stage

⚡

Rapid Revision

Flashcards · Common Mistakes · What the doctor loves.

3 pillars of Usability؟

tap

Effectiveness · Efficiency · Satisfaction

SUS formula for odd questions؟

tap

response − 1

SUS formula for even questions؟

tap

5 − response

SUS multiplier؟

tap

× 2.5 (range 0–100)

POUR principles؟

tap

Perceivable · Operable · Understandable · Robust

SUS creator + year؟

tap

John Brooke · 1986

Nielsen Heuristics creator + year؟

tap

Jakob Nielsen · 1994

Usability vs Accessibility؟

tap

Usability = specified users · Accessibility = widest range

Microsoft Inclusive Design 3 principles؟

tap

Recognize exclusion · Learn from diversity · Solve for one, extend to many

% of people with some disability؟

tap

15% global = 1 billion people

UMUX in 1 line؟

tap

Shorter SUS — 4 Qs on scale 1–7

Domino's 2019 lesson؟

tap

ADA applies to digital platforms (legal)

🚨 Common Mistakes

1. نسيان ضرب SUS في 2.5الـ sum من 0-40. لو نسيت تضرب في 2.5، هتقدم 34 كإجابة بدل 85. دايماً اضرب في 2.5.

2. خلط الـ odd/even formulaOdd = positive items = subtract 1. Even = negative items = subtract from 5. اتذكر: "odd - 1, even from 5".

3. خلط Usability و AccessibilityUsability = specified users. Accessibility = widest range. الكلمات المفتاحية في الـ definition تختار الإجابة.

4. POUR — مش PORU أو POUEP-O-U-R: Perceivable, Operable, Understandable, Robust. "POUR" زي بصب water.

5. نسيان أمثلة الـ heuristicsالـ doctor بيدي صورة/scenario ويسأل أي heuristic. لازم تربط الـ heuristic بأمثلة (Cart icon = consistency, undo = freedom, etc.).

⭐ What Dr. El-Ramly Loves

🔥 الأسئلة المتكررة على Lec 7 (Winter 2025 جديد + قديم)

SUS calculation — بيدي 10 responses ويطلب الـ score. احفظ الـ formula كويس.
Nielsen heuristic violated — بيدي screenshot لـ bad UI ويسأل أي rule بيخالف.
Encoding techniques — universal icons.
Accessibility definition — الكلمة المفتاحية "widest range".
POUR — كل principle مرتبط بمثال (alt text = perceivable, keyboard = operable).
System status icons — أمثلة (battery, notifications, progress).