CHAPTER 2: CONCEPTUAL INTERACTION
🎯 2.1 Conceptualizing Interaction - Learning Objectives
At the end of this lesson, students should be able to:
- Define interaction and conceptualizing interaction.
- Explain why conceptualizing interaction is important in User Experience (UX) Design.
- Identify the four main types of interaction.
- Apply conceptual interaction principles when designing software systems.
- Analyze different software interfaces based on interaction concepts.
📖 Introduction
Whenever we use a computer, smartphone, ATM, website, or mobile application, we are constantly communicating with a computer system. This communication is known as interaction. Every click, swipe, touch, voice command, or keyboard input is an interaction between the user and the system.
Before software developers start writing code, UX designers must carefully think about how users will interact with the system. This planning process is called Conceptualizing Interaction.
Conceptualizing interaction is one of the most important stages of User Experience (UX) Design because it determines whether a system will be easy or difficult to use.
💡 What is Interaction?
Definition
Interaction is the communication or exchange of information between a user and a computer system while performing a task. According to Human-Computer Interaction (HCI), interaction occurs whenever a user performs an action and the computer responds to that action.
Simple Definition: Interaction is the process through which a user communicates with a computer to accomplish a specific goal.
Understanding Interaction
Interaction is not simply pressing buttons. It is a complete communication cycle consisting of four stages:
- The user performs an action.
- The system receives the action.
- The system processes the request.
- The system provides feedback.
This process continues until the user's goal has been achieved.
Example: Using an ATM
Every step above is an interaction between the customer and the ATM.
Everyday Examples of Interaction
| Device | User Action | System Response |
|---|---|---|
| Smartphone | Touch icon | Opens application |
| ATM | Insert card | Displays PIN screen |
| Click Like | Updates Like count | |
| YouTube | Press Play | Starts video |
| Google Search | Enter keywords | Displays search results |
| Food Delivery App | Place Order | Confirms order |
| Online Banking | Transfer money | Displays success message |
Components of Interaction
Every interaction has four main components:
- 1. User: The person who uses the system (e.g., Student, Customer, Doctor).
- 2. Goal: The reason why the user is using the system (e.g., Withdraw money, Watch a video).
- 3. Action: The operation performed by the user (e.g., Clicking, Typing, Swiping).
- 4. Feedback: The response given by the computer system (e.g., Success message, Sound notification, Loading animation). Without feedback, users do not know whether the system has received their request.
🧠 What is Conceptualizing Interaction?
Definitions
Academic Definition: Conceptualizing Interaction is the process of designing and planning how users will interact with a computer system before the interface is developed. It involves identifying user goals, tasks, system behaviour, expectations, and feedback mechanisms.
Simple Definition: Conceptualizing interaction means thinking about how people will use a system before designing its screens or writing any code. It is the planning stage of interaction design.
Why is Conceptualizing Interaction Important?
A well-designed interaction makes software easier to understand and more enjoyable to use.
- 1. Reduces User Confusion: Users can easily understand how the system works (e.g., "Add to Cart" vs "Acquire Merchandise").
- 2. Saves Time: Users complete tasks faster because they know what to do (e.g., Google Search requires only one box).
- 3. Reduces Errors: A clear interaction design prevents mistakes (e.g., Windows asking "Are you sure you want to delete this file?").
- 4. Improves User Satisfaction: Simple systems make users feel confident and comfortable.
- 5. Reduces Development Cost: Identifying interaction problems during the design phase is much cheaper than fixing them after development.
Real-World Example: Food Delivery App
The user's goal is to order a pizza. The conceptual interaction flow:
Note: This is not the interface design. It is a conceptual interaction flow, showing how users achieve their goal.
Characteristics of Good Interaction
- Simplicity: Users should be able to complete tasks with minimal effort.
- Consistency: Buttons, menus, and actions should behave the same way throughout the application.
- Visibility: Important options should be easy to find.
- Feedback: The system should always inform users about the results of their actions.
- Learnability: New users should be able to understand the system quickly.
- Efficiency: Experienced users should be able to complete tasks rapidly.
- Error Prevention: The system should minimize the chances of user mistakes and provide recovery options.
🔄 2.1.1 Types of Interaction (Overview)
People interact with computers in different ways depending on the type of system they are using. To design effective software, UX designers must understand these different interaction styles.
According to Helen Sharp, Yvonne Rogers, and Jennifer Preece, there are four fundamental types of interaction: Instructing, Conversing, Manipulating, and Exploring.
| Interaction Type | User Activity | Common Examples |
|---|---|---|
| Instructing | Giving commands | ATM, Calculator, Printer |
| Conversing | Communicating using language | ChatGPT, Siri, Alexa |
| Manipulating | Moving or controlling objects | Photoshop, Mobile Touch Screens |
| Exploring | Navigating through environments | Google Maps, VR Games |
⌨️ 1. Instructing
Definition
Instructing is an interaction style in which the user gives explicit commands to the computer, and the computer performs the requested task. The user tells the computer what to do, and the computer follows the instruction.
Interaction Process
Real-Life Examples
- ATM: Insert Card → Enter PIN → Select Withdraw → Enter Amount → Receive Cash.
- Microsoft Word: User clicks File → Save. System saves the document.
- Online Banking: User clicks Transfer Money → Enters Amount → Clicks Confirm → System transfers money.
- Restaurant POS: Cashier → Select Food → Enter Quantity → Generate Bill → Print Receipt.
Advantages & Disadvantages
Advantages:
- Easy to Learn: Users simply follow instructions.
- Fast: Commands are executed immediately.
- Accurate: The computer performs exactly what is requested.
- Suitable for Repetitive Tasks: Great for factories, banks, and POS systems.
Disadvantages:
- Users must know which command to use (e.g., finding "Export PDF").
- Wrong commands produce errors (e.g., deleting the wrong file).
- Too many menus may confuse users.
Possible Answers: Save, Print, Undo, Copy, Paste.
💬 2. Conversing
Definition
Conversing is an interaction style in which users communicate with the computer using natural language, just as they communicate with another person. The system interprets the user's language and provides an appropriate response using AI and Natural Language Processing (NLP).
Common Conversational Systems
ChatGPT, Google Assistant, Siri, Alexa, Customer Service Chatbots, Banking Chatbots.
Real-Life Example: Sri Lankan Bank Chatbot
↓
Chatbot replies: "Please visit your nearest branch or use Internet Banking to reset your PIN."
Advantages & Disadvantages
Advantages:
- Natural: Feels like talking to another person.
- Easy for Beginners: No need to remember commands.
- Faster: Especially useful while driving (e.g., "Call Mom").
- Accessible: Helps visually impaired users.
Disadvantages:
- AI may misunderstand questions (e.g., due to accent differences).
- Internet connection is usually required.
- Privacy concerns (voice assistants continuously listen for wake words).
Expected Answer: Because users communicate using natural language instead of fixed, rigid commands.
🖱️ 3. Manipulating
Definition
Manipulating is an interaction style in which users directly control objects displayed on the screen. Instead of typing commands, users move, drag, resize, rotate, or touch objects.
Interaction Process
Real-Life Example: Google Maps
Users zoom, rotate, drag, and explore. No typing is required.
Advantages & Disadvantages
Advantages:
- Easy to understand and highly natural.
- Provides immediate feedback.
- Reduces typing and is highly suitable for touch screens.
Disadvantages:
- Requires graphical interfaces.
- Less suitable for visually impaired users without accessibility support.
- Can be difficult on very small screens.
Software Examples: Adobe Photoshop, Microsoft Paint, Google Maps, Canva, AutoCAD, Mobile Phones, Tablets.
🗺️ 4. Exploring
Definition
Exploring is an interaction style where users navigate through a digital environment to discover information or locations. Users decide where to go and what to investigate.
Real-Life Examples
- Google Street View: Users move through roads and cities as if they are physically there.
- University Virtual Tour: Students walk through classrooms, libraries, laboratories, and hostels using a computer.
- Others: Google Earth, Virtual Reality, Museum Tours, Video Games, 3D Campus Tours.
Advantages & Disadvantages
Advantages:
- Highly engaging and excellent for education.
- Supports visualization and creates immersive experiences.
Disadvantages:
- Requires powerful hardware.
- VR equipment can be expensive.
- May cause motion sickness in some users.
📊 Comparison & Key Points to Remember
Comparison of the Four Interaction Types
| Interaction Type | Main Idea | Examples | Best Used For |
|---|---|---|---|
| Instructing | User gives commands | ATM, Calculator, Word | Performing specific tasks |
| Conversing | Communicating using natural language | ChatGPT, Siri, Alexa | AI assistants and customer support |
| Manipulating | Directly controls screen objects | Photoshop, Google Maps | Design tools and touch interfaces |
| Exploring | Navigates through virtual environments | Google Earth, VR, Games | Learning, simulation, navigation |
Key Points to Remember
- Instructing = Giving commands.
- Conversing = Talking with the computer using natural language.
- Manipulating = Directly interacting with objects on the screen.
- Exploring = Navigating through digital or virtual environments.
These four interaction types are fundamental concepts in UX design because they help designers choose the most appropriate way for users to interact with a system based on its purpose and target audience.
🎓 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
