Psychology Games • Social Skills

Social Skills Training

Interactive exercises to improve communication and build stronger relationships

← Back to Psychology

Choose Your Social Skill to Practice

Active Listening Practice

Learn and practice the key components of active listening.

Active Listening Techniques

1. Give Full Attention

Put away distractions, make eye contact, and face the speaker.

2. Show You're Listening

Nod, use verbal cues like "I see" or "mm-hmm".

3. Reflect and Paraphrase

"So what I'm hearing is..." or "It sounds like..."

4. Ask Clarifying Questions

"Can you tell me more about...?" or "What do you mean by...?"

5. Avoid Interrupting

Let the speaker finish before responding.

Practice Scenario

Speaker says:

Click "New Scenario" to start practicing!

Your active listening response:

Body Language Awareness

Learn to read and improve non-verbal communication.

Positive Body Language

Eye Contact

Maintain appropriate eye contact (50-70% of the time)

Open Posture

Keep arms uncrossed, face the person

Mirroring

Subtly match the other person's posture and energy

Genuine Smile

Smile with your eyes, not just your mouth

Warning Signs to Avoid

Crossed Arms

Can signal defensiveness or disinterest

Looking Away

Avoiding eye contact can seem disinterested

Fidgeting

Can indicate nervousness or impatience

Body Language Quiz

Question 1 of 5

Loading question...

Progress: 0/0

Conflict Resolution Training

Learn strategies for handling disagreements constructively.

The PEACE Method

P - Pause

Take a moment to calm down and think before reacting.

E - Empathize

Try to understand the other person's perspective.

A - Ask Questions

Clarify the issue and gather more information.

C - Collaborate

Work together to find a mutually beneficial solution.

E - Evaluate

Check if the solution is working for everyone.

Practice Scenarios

Choose a conflict type:

Empathy Building Exercises

Develop deeper understanding and connection with others.

Perspective Taking Exercise

Situation:

Click "New Situation" to start the exercise!

Person A's perspective:

Person B's perspective:

What emotions might each person be experiencing?

Daily Empathy Reflection

Describe an interaction you had today:

How do you think the other person felt?

What might have influenced their behavior?

How could you show more empathy in similar situations?

Assertiveness Training

Learn to express yourself confidently while respecting others.

Communication Styles

Aggressive

Dominating, demanding, disrespectful of others' rights

Passive

Avoiding conflict, not expressing needs, letting others decide

Passive-Aggressive

Indirect expression of negative feelings, sarcasm, silent treatment

Assertive ✓

Direct, honest, respectful of self and others

Assertive Techniques

"I" Statements

"I feel..." instead of "You always..."

Broken Record

Calmly repeat your point without getting sidetracked

Fogging

Acknowledge criticism without accepting blame

Practice Scenarios

Choose a scenario:

Benefits of Social Skills Training

Better Relationships

Build stronger, more meaningful connections with others.

Increased Confidence

Feel more comfortable and confident in social situations.

Improved Communication

Express yourself more clearly and understand others better.

@endsectionScenario = 0; this.currentBLQuestion = 0; this.blScore = 0; this.currentEmpathySituation = 0; this.reflections = this.loadReflections(); this.initializeApp(); } initializeApp() { // Skill selection document.querySelectorAll('.skill-btn').forEach(btn => { btn.addEventListener('click', (e) => { const skill = e.currentTarget.dataset.skill; this.showSkill(skill); }); }); this.initializeConversationStarters(); this.initializeActiveListening(); this.initializeBodyLanguage(); this.initializeConflictResolution(); this.initializeEmpathyBuilding(); this.initializeAssertiveness(); } showSkill(skill) { // Hide all skills document.querySelectorAll('.skill-section').forEach(section => { section.classList.add('hidden'); }); // Show selected skill document.getElementById(`${skill}-skill`).classList.remove('hidden'); this.currentSkill = skill; // Update button states document.querySelectorAll('.skill-btn').forEach(btn => { btn.classList.remove('border-teal-500', 'bg-teal-50'); }); document.querySelector(`[data-skill="${skill}"]`).classList.add('border-teal-500', 'bg-teal-50'); } initializeConversationStarters() { document.getElementById('conversation-situation').addEventListener('change', (e) => { if (e.target.value) { this.loadConversationSituation(e.target.value); } else { document.getElementById('conversation-content').classList.add('hidden'); } }); document.getElementById('evaluate-starter').addEventListener('click', () => { this.evaluateConversationStarter(); }); } initializeConversationData() { return { workplace: { title: "Workplace/Professional", description: "You're at a work meeting, conference, or professional networking event.", goodStarters: [ "How did you get started in this field?", "What's the most interesting project you're working on?", "I noticed you mentioned [topic] - could you tell me more about that?", "What trends are you seeing in our industry?", "How do you like working at [company]?" ], avoid: [ "Personal financial questions", "Complaints about your current job", "Controversial political topics", "Personal relationship issues", "Negative gossip about colleagues" ] }, "social-event": { title: "Social Event/Party", description: "You're at a party, social gathering, or casual event with friends and acquaintances.", goodStarters: [ "How do you know [host's name]?", "Have you tried the [food/drink]? It's really good!", "I love your [outfit/accessory] - where did you get it?", "What's been the highlight of your week?", "Are you from around here originally?" ], avoid: [ "Heavy personal problems", "Work complaints", "Controversial topics", "Overly personal questions", "Negative comments about the event" ] }, "casual-meeting": { title: "Casual Meeting", description: "You're meeting someone for coffee, lunch, or a casual get-together.", goodStarters: [ "Thanks for meeting me here - have you been to this place before?", "How has your day been so far?", "I've been looking forward to catching up with you!", "What's new and exciting in your life?", "How's [something they mentioned before] going?" ], avoid: [ "Jumping straight into serious topics", "Complaining about being late", "Immediately talking about problems", "Being too formal or stiff", "Focusing only on yourself" ] }, networking: { title: "Networking Event", description: "You're at a professional networking event, conference, or business mixer.", goodStarters: [ "What brings you to this event?", "I'm [name] from [company] - what do you do?", "Have you attended this event before?", "What's your take on [relevant industry topic]?", "Are you working on any interesting projects?" ], avoid: [ "Immediately asking for favors", "Being too pushy or sales-y", "Monopolizing conversations", "Not listening to responses", "Forgetting to exchange contact information" ] }, online: { title: "Online/Virtual Meeting", description: "You're in a video call, online meeting, or virtual social event.", goodStarters: [ "Can everyone see and hear me okay?", "How's everyone doing today?", "I like your background/setup!", "Where is everyone joining from?", "Has anyone had any technical difficulties?" ], avoid: [ "Ignoring technical issues", "Talking over others", "Forgetting to mute when not speaking", "Having distracting backgrounds", "Not making eye contact with camera" ] } }; } loadConversationSituation(situation) { const data = this.conversationData[situation]; document.getElementById('situation-title').textContent = data.title; document.getElementById('situation-description').textContent = data.description; const goodList = document.getElementById('good-starters'); goodList.innerHTML = data.goodStarters.map(starter => `

✓${starter}

` ).join(''); const avoidList = document.getElementById('avoid-starters'); avoidList.innerHTML = data.avoid.map(item => `

✗${item}

` ).join(''); document.getElementById('conversation-content').classList.remove('hidden'); document.getElementById('user-starter').value = ''; document.getElementById('starter-feedback').classList.add('hidden'); } evaluateConversationStarter() { const starter = document.getElementById('user-starter').value.trim(); if (!starter) { alert('Please write a conversation starter first!'); return; } const feedback = document.getElementById('starter-feedback'); // Simple evaluation based on keywords and structure let score = 0; let tips = []; if (starter.includes('?')) score += 2; if (starter.toLowerCase().includes('you') || starter.toLowerCase().includes('your')) score += 2; if (starter.length > 10 && starter.length < 100) score += 1; if (!starter.toLowerCase().includes('i ') || starter.toLowerCase().indexOf('i ') > 10) score += 1; if (!starter.includes('?')) tips.push('Try ending with a question to encourage response'); if (starter.length < 10) tips.push('Consider making it a bit longer and more specific'); if (starter.length > 100) tips.push('Try to keep it concise and easy to respond to'); if (starter.toLowerCase().startsWith('i ')) tips.push('Consider focusing on the other person rather than yourself'); let rating, color, message; if (score >= 5) { rating = 'Excellent!'; color = 'green'; message = 'This is a great conversation starter that should work well!'; } else if (score >= 3) { rating = 'Good'; color = 'blue'; message = 'This is a solid conversation starter with room for improvement.'; } else { rating = 'Needs Work'; color = 'orange'; message = 'This conversation starter could be improved.'; } feedback.className = `mt-4 p-4 rounded-lg bg-${color}-100 border border-${color}-300`; feedback.innerHTML = `

${rating}

${message}

${tips.length > 0 ? `

Tips for improvement:

${tip}

` : ''} `; feedback.classList.remove('hidden'); } initializeActiveListening() { document.getElementById('new-scenario').addEventListener('click', () => { this.loadListeningScenario(); }); document.getElementById('check-response').addEventListener('click', () => { this.checkListeningResponse(); }); document.getElementById('listening-response').addEventListener('input', (e) => { document.getElementById('check-response').disabled = !e.target.value.trim(); }); } initializeListeningScenarios() { return [ { text: "I've been feeling really overwhelmed at work lately. My boss keeps piling on more projects, and I don't know how I'm going to get everything done. I barely have time to eat lunch anymore.", goodResponses: [ "It sounds like you're under a lot of pressure right now. Can you tell me more about what's making it feel most overwhelming?", "That sounds really stressful. How long has this been going on?", "I can hear that you're feeling stretched thin. What would help you feel more manageable?" ], techniques: ["Reflecting feelings", "Asking open-ended questions", "Showing empathy"] }, { text: "My teenager never talks to me anymore. Every time I try to have a conversation, they just grunt or go to their room. I feel like I'm losing my connection with them.", goodResponses: [ "It sounds like you're feeling disconnected from your teenager. That must be really hard for you.", "I can hear how much this relationship means to you. What used to work well when they were younger?", "That feeling of losing connection sounds painful. Have you noticed any particular triggers for when they withdraw?" ], techniques: ["Validating emotions", "Reflecting content", "Exploring patterns"] }, { text: "I'm thinking about changing careers, but I'm scared I'm too old to start over. I've been in the same field for 15 years, and I don't know if I have what it takes to learn something completely new.", goodResponses: [ "It sounds like you're feeling both excited about change and worried about the challenges. Can you tell me more about what's drawing you to a career change?", "I hear both hope and fear in what you're saying. What would need to happen for you to feel more confident about making this change?", "That's a big decision to consider. What's making you think about changing careers now?" ], techniques: ["Acknowledging mixed feelings", "Exploring motivations", "Open-ended questions"] } ]; } loadListeningScenario() { if (this.currentListeningScenario >= this.listeningScenarios.length) { this.currentListeningScenario = 0; } const scenario = this.listeningScenarios[this.currentListeningScenario]; document.getElementById('speaker-text').textContent = scenario.text; document.getElementById('listening-response').value = ''; document.getElementById('check-response').disabled = true; document.getElementById('listening-feedback').classList.add('hidden'); } checkListeningResponse() { const response = document.getElementById('listening-response').value.trim(); const scenario = this.listeningScenarios[this.currentListeningScenario]; let score = 0; let feedback = []; // Check for active listening techniques if (response.toLowerCase().includes('sounds like') || response.toLowerCase().includes('i hear')) { score += 2; feedback.push('✓ Good use of reflecting language'); } if (response.includes('?')) { score += 2; feedback.push('✓ Asked a question to encourage more sharing'); } if (response.toLowerCase().includes('feel') || response.toLowerCase().includes('emotion')) { score += 1; feedback.push('✓ Acknowledged emotions'); } if (response.length > 20) { score += 1; feedback.push('✓ Provided a thoughtful response'); } // Check for poor practices if (response.toLowerCase().includes('you should') || response.toLowerCase().includes('why don\'t you')) { score -= 1; feedback.push('⚠ Try to avoid giving immediate advice'); } if (response.toLowerCase().startsWith('i ') && response.toLowerCase().includes('me ')) { score -= 1; feedback.push('⚠ Focus more on the speaker rather than your own experiences'); } const feedbackDiv = document.getElementById('listening-feedback'); let rating, color; if (score >= 4) { rating = 'Excellent Active Listening!'; color = 'green'; } else if (score >= 2) { rating = 'Good Listening Skills'; color = 'blue'; } else { rating = 'Room for Improvement'; color = 'orange'; } feedbackDiv.className = `mt-4 p-4 rounded-lg bg-${color}-100 border border-${color}-300`; feedbackDiv.innerHTML = `

${rating}

${feedback.join('
')}

Key techniques for this scenario: ${scenario.techniques.join(', ')}

`; feedbackDiv.classList.remove('hidden'); this.currentListening Social Skills Training - Psychology Services - Al-Hayat Group

Social Skills Training

Choose Your Social Skill to Practice

Conversation Starters

Active Listening

Body Language

Conflict Resolution

Empathy Building

Assertiveness Training

Conversation Starters Practice

Situation:

Good Conversation Starters:

Things to Avoid:

Practice Exercise:

Active Listening Practice

Active Listening Techniques

1. Give Full Attention

2. Show You're Listening

3. Reflect and Paraphrase

4. Ask Clarifying Questions

5. Avoid Interrupting

Practice Scenario

Body Language Awareness

Positive Body Language

Eye Contact

Open Posture

Mirroring

Genuine Smile

Warning Signs to Avoid

Crossed Arms

Looking Away

Fidgeting

Body Language Quiz

Conflict Resolution Training

The PEACE Method

P - Pause

E - Empathize

A - Ask Questions

C - Collaborate

E - Evaluate

Practice Scenarios

Empathy Building Exercises

Perspective Taking Exercise

Daily Empathy Reflection

Assertiveness Training

Communication Styles

Aggressive

Passive

Passive-Aggressive

Assertive ✓

Assertive Techniques

"I" Statements

Broken Record

Fogging

Practice Scenarios

Benefits of Social Skills Training

Better Relationships

Increased Confidence

Improved Communication

Cookie Notice