2.2.1 Mental, Conceptual & Implementation Models
🎯 Learning Objectives
- Define Mental, Conceptual, and Implementation Models.
- Compare the three models.
- Explain why all three models are important in UX design.
🧠 1. Mental Model (User's View)
When designing software, different people see the system in different ways. Users think about how they expect the system to work.
Definition
A Mental Model is the user's understanding or expectation of how a system works based on their previous knowledge and experience.
Simple Definition: What users think will happen when they use a system.
Examples
- Print Button: A user expects clicking "Print" will immediately print the document.
- Elevator: Press button → Elevator arrives → Door opens. (Users already know this flow).
Characteristics
- Based on user experience.
- Different users may have different mental models.
- Can be correct or incorrect.
- Changes as users gain experience.
📐 2. Conceptual & 3. Implementation Models
2. Conceptual Model (Designer's View)
Definition: The designer's representation of how the system should work from the user's point of view. It is the plan for how users interact with the system.
Browse Products → Add to Cart → Checkout → Payment → Order Confirmation.
Characteristics: Created during design, user-centered, easy to understand, independent of programming.
3. Implementation Model (Developer's View)
Definition: Describes how the system is actually built using programming, databases, and hardware.
Validate username → Check password → Query database → Create session → Open dashboard.
Characteristics: Technical, used by developers, includes code/APIs, hidden from users.
🔄 Comparison & Real-Life Example (ATM)
Comparison Table
| Feature | Mental Model | Conceptual Model | Implementation Model |
|---|---|---|---|
| Created By | User | Designer | Developer |
| Focus | User expectations | System behaviour | Technical implementation |
| Technical Details | No | No | Yes |
| Used For | Understanding | Designing interface | Building software |
Real-Life Example: ATM Machine
- Mental Model: "I insert card, enter PIN, get cash."
- Conceptual Model: Insert Card → Enter PIN → Choose Transaction → Receive Cash.
- Implementation Model: Read card mag-stripe → Verify PIN in DB → Check balance → Update records → Dispense cash → Print receipt.
🤝 Why Models Must Match & Activity
Why Should These Models Match?
A good UX design ensures that the Conceptual Model matches the User's Mental Model. If users expect one thing but the system behaves differently, they become confused.
Summary
- Mental Model: What the user thinks the system does.
- Conceptual Model: How the designer wants the system to work.
- Implementation Model: How the developer actually builds the system.
2.3 Interface Metaphors
🎯 Learning Objectives & Introduction
- Define an interface metaphor.
- Explain why interface metaphors are used in UX design.
- Identify common interface metaphors.
- Discuss advantages and disadvantages.
Introduction
When learning new software, users understand it quickly if it resembles something they already know. UX designers use interface metaphors to make digital systems familiar.
Definition: The use of familiar real-world objects or concepts in a computer interface to help users understand how the system works.
Simple Definition: A real-world object used to represent a digital function.
🖼️ Common Interface Metaphors
✨ Characteristics, Pros & Cons
Characteristics of a Good Metaphor
- Be familiar to users.
- Be easy to understand.
- Represent the function correctly.
- Be consistent throughout the system.
Advantages
- Easy for beginners to learn.
- Reduces training requirements.
- Makes interfaces intuitive.
- Helps users remember functions.
Disadvantages
- Some metaphors become outdated (e.g., Floppy Disk).
- Different cultures may interpret metaphors differently.
- Overusing metaphors can limit creativity.
- Some digital functions have no real-world equivalent.
📊 Summary Table & Activity
Quick Reference Table
| Interface Metaphor | Represents |
|---|---|
| Folder | Store files |
| Shopping Cart | Selected products |
| Recycle Bin | Deleted files |
| Envelope | |
| Camera | Take photos |
| Calendar | Events/Schedules |
| Magnifying Glass | Search |
| Bookmark | Save webpage |
Summary
An Interface Metaphor uses familiar real-world objects to represent digital functions. Good metaphors improve usability, reduce learning time, and enhance the overall user experience by leveraging what users already know.
🎓 Expert ICT, Coding, School Classes, Digital Marketing & University Project Guidance
Struggling with your university final year project? Want to master coding, upscale your business with expert digital marketing, or learn absolute computer basics from scratch? We offer high-quality individual and group online classes conducted in English, Sinhala, or Tamil mediums. Get guaranteed academic success and professional growth with tailored guidance.
🎓 University Final Year Project Guidance & AI
Get specialized, end-to-end mentoring and technical support to pass your degree or master's program with flying colors:
- 🏫 Targeted Institutes: Expert guidance tailored for BIT UCSC, UoM, SLIIT, NIBM, and other leading universities.
- 🔬 Postgraduate Support: Comprehensive assistance for MSc Software Final Year Projects.
- 🤖 AI & Smart Applications: Step-by-step implementation of AI, Machine Learning (ML), and automation modules.
- ✅ Guaranteed Success: Help with documentation, system architecture, coding, and viva preparation.
🏫 School ICT & Corporate Beginner Classes
- 💻 Non-IT Staff Computer Basics: Absolute beginner-friendly online classes covering essential computer skills, office tools, and internet operations.
- 🎒 Primary & Secondary (Grades 1-10): Interactive online ICT classes tailored to build strong foundations from early ages.
- 📝 Exam Prep: Dedicated training packages for GCE O/L, GCE A/L ICT, and GIT exams.
- 🌍 Global Syllabuses: Complete curriculum coverage for Local, Edexcel, and Cambridge in English & Tamil Mediums.
📢 Software Development & Digital Marketing Services
- ⚙️ Software & Web Development: Professional custom software application and website development built using PHP & MySQL.
- 🎯 Social Media Management: Content creation, publishing, and channel management for Facebook, Instagram, TikTok, and YouTube.
- 📈 Ad Boosting: Highly targeted paid advertising campaigns to drive leads, traffic, and sales to your business.
📞 Connect With Us Instantly
Book your slot for online classes or get a premium tech service quote today!
💬 WhatsApp: +94 729622034
📧 Email: ITClassSL@gmail.com
🌐 Explore Our Resources & Communities
Stay updated with our latest tutorials, project ideas, and student guides across all our official platforms:
- 📺 YouTube Tutorials: Subscribe to our Channel
- 💼 Professional Network: Connect on LinkedIn
- ✍️ Tech Blog: Visit our WordPress Site
- ❓ Project Q&A: Follow our Quora Guide Profile
- 📰 Monthly Updates: Read Our Newsletter
- 🌐 Official Portfolios: Wix Site | Google Business | Strikingly Portfolio
- 🗣️ Student Forum: Join our ElaKiri Discussion Thread
No comments:
Post a Comment