m
Contact
Studios
Follow Us
      Skype Redesign

Project Overview:

The current Skype platform focuses primarily on communication, lacking features that foster social interaction and engagement among team members. This leads to challenges in collaboration, information sharing, and building a sense of community, ultimately affecting team productivity and morale.

Metrics:
Feature Usage Frequency: Achieve at least 50% usage of new features within three months.
Engagement Rate: Attain a 30% engagement rate for posts and discussions.
Time to First Interaction: Reduce new user interaction time to under 5 minutes.
Average Engagement Duration: Increase average session duration to at least 15 minutes.

Response Rate in Discussions: Reach a 70% response rate within 24 hours for discussions.

Timeline:
Research & Discovery (Months 1-2): Conduct user interviews and surveys. Analyze usage data and competitor features.
Ideation & Design (Months 3-4): Create wireframes and user flows. Develop prototypes and conduct usability testing.
Design Iteration (Month 5): Refine designs based on feedback. Collaborate with developers for feasibility.
Handoff & Support (Month 6): Prepare design specifications for development. Assist the development team during implementation.
Launch & Evaluation (Month 7): Support launch preparations and onboarding. Gather post-launch feedback and analyze engagement.
Team:
Product Managers: 2 members
Developers: 22 members
UX Researchers: 5 members
Marketing Specialists: 4 members
UI/UX Designers: 6 members
Key Responsibilities:
Responsibilities include conducting user research, creating user journey maps, and developing wireframes and prototypes. The role involves designing user-friendly interfaces, collaborating with teams, iterating on designs, preparing specifications, and maintaining a design library while staying updated on industry trends.
Deliverables:
User Research Findings: Summary of insights from interviews and surveys.
Wireframes: Low-fidelity layouts of key screens and features.
High-Fidelity Prototypes: Interactive prototypes for usability testing.
Design Specifications: Detailed documentation for developers, including design guidelines and assets.
Usability Test Reports: Findings and recommendations from user testing sessions.
Final Design Assets: All necessary files and resources for development.

What Is Skype And Why Did We Choose It?

Skype is a communication platform that allows users to make voice and video calls, send instant messages,
and share files over the internet, enabling global connectivity and real-time interaction.

The reason behind our adoption of Skype was the observation of its decline in the face of strong competition.
We endeavored to understand the various challenges and drawbacks associated with this decline through the
application of cognitive methods. Our goal was to revitalize and enhance the interface and user experience of Skype.

Placeholder Image

Methods Followed

Communication Illustration

Hierarchical task analysis:

The purpose of the Hierarchical Task Analysis (HTA)is to comprehensively understand the flow of the application and the various methods available to achieve the same goal.

Taking insights and observing patterns from the Information architecture we laid down some tasks to make the HTA, The task being -To onboard Skype and chat with the most recent contact.

Insights:

Multiple steps or options were observed for achieving the same outcome, such as searching for a contact, potentially causing user confusion.
Novice users initially find the task difficult due to the presence of multiple steps, but with time and familiarity, it becomes easier to understand and navigate.

Heuristic Evaluation

“ The Heuristic Evaluation is utilised to identify problems in the user interface design using usability principles. ”

Insights:

While analyzing 108 heuristics and severity rating heuristics we found out that Usercontrol and freedom is not up to the mark as novice users will find it difficult to use the app due to similar icons used for different functionalities This shows how the system is inconsitent Skype has minimalist design.

Placeholder Image

USABILITY METRICS

“Usability metrics are quantitative measures used to assess the usability of a product or service. These metrics provide valuable information about how easily and effectively users can interact with a product or service and how satisfied they are with their experience.”

Effectiveness:

The accuracy and completeness with which users achieve specified goals.

Efficiency:

The resources expended in relation to the accuracy and completeness with which users achieve goals.

Satisfaction:

The comfort and acceptability of use.

Tasks Taken:

1

Open Skype-Go to a chat and create a new group with them.

2

Go to your profile and change video language to Spanish.

3

Put a virtual background for a video call and sign out.

① Effectiveness

“ Effectiveness is the measure of how accurately and completely users achieve their goals. It is calculated
using the completion rate, where ‘I’ represents successful completion and ‘0’ represents failure.”

Placeholder Image

Insights:

Task Success:Overall completion rate is 75%,with experts completing all tasks and novices encountering difficulties in tasks 2 and 3.


User Proficiency: Novices faced navigation problems and couldn’t complete the tasks, while experts successfully completed all tasks, highlighting the impact of experienceon navigation ease. This indicates that the novice


Learning Curve: The learning curve appears steep for novices, with limited improvement in proficiency and learning over time.


② Time based efficiency

“Time-based Efficiency is utiised to measure the efficiency of completing tasks, ie, task completion time.”

The Problems Faced By Them Can Be Seen In-

Task 1- Confused search bar with group heading and got mislead

Task 2- Clicked on the main profile then on Skype profile rather than going to settings

Task 3 – Can’t find the virtual background, frustrated and got confused with Skype profile but then went to appearance in settings instead of audio and video and then lost hope and gave up

Placeholder Image
Placeholder Image

Insights:
When comparing we can see there is a noticeable steeper learning curve for novices, as their task effectiveness scores do not show a consistent increase.


These findings suggest that experts demonstrate higher effectiveness due to their familiarity with the system, while novice users require more time to navigate through the app and complete tasks.


Additionally, it was observed that novice users exhibited higher error rates, particularly in areas such as the placement of settings an adding participants. These findings indicate the need for adjustments to minimise mistakes and improve over all task effectiveness in these specific areas.


③ System Usability

Scale:

“The System Usability Scale(SUS)is employed to measure subjective user opinions and to validate the accuracy of the results.”

Placeholder Image

Insights:

The overall System Usability Scale score is 61.74, indicating a slightly above-average score. This suggests that there is room for slight improvement in the navigation of features within Skype.


Looking at the novice graph, it is evident that the scores are lower, indicating a steeper learning curve and difficulty in navigating the app for novice users.


In comparison, the scores for experts are higher indicating a better understanding of the app and interface after learning and using it for certain period of time.


Hicks’s Law

“Hicks’s Law “Hick’s Law examines the relationship between the number of stimuli present and the user’s reaction time.”

Placeholder Image

Insights:

Four tasks were found to have a high number of stimuli.


Task 9 had a justifiable number of stimuli as the task involved changing the appearance which is a secondary function.


However,in tasks 6,5,and 1,which were primary functions (changing status to “Do Not Disturb,” adding a participant, and signing out, respectively),multiple stimuli were leading to slower decision-making and potentially decreased efficiency of the user.


Fitts’s Law

“Fitt’s Law is used to examine and reduce the distance required to travel as the user navigates through the interface.”

Placeholder Image

T1.Start a video call
T2.Set a status
T3.Check notifications
T4.Text box
T5.React to a message
T6.New Contact
T7.Dial pad
T8.Settings of chat
T9.Add a participant
T10.Go to profile
Placeholder Image

Insights:

Four tasks were found to have higher movement time.


Task 5had ajustifiable movement time asthe task involved reacting to a message which is a secondary function.


However,in tasks 6,5,and 1,which were primary functions (changing status to “Do Not Disturb, “adding a participant, and signing out, respectively),multiple stimuli were leading to slower decision-making and potentially decreased efficiency of the user.


NASA TLX

“The NASA Task Load Index (TLX) is employed to assess the subjective mental workload experienced by users while using the application.”

Placeholder Image

Insights:
It was observed that the workload difference between an expert and a novice is 18 units, indicating that there is not a significant disparity in their workloads.


Common factors observed in both groups included experiencing frustration, mental demand, and exerting effort while navigating through the application.


This observation can be attributed to the presence of multiple pathways to access the same function, as well as the scattered arrangement of features, rather than having them consolidated in one place.


Cognitive Walkthrough

“Cognitive walkthrough is a method for inspecting usabiity that involves a team walking through a task flow and answering a set of questions to identfy interface aspects that may be challenging for new users. In the case of the Skype application, a cognitive walk through was performed for B tasks to identify usability is ues and evaluate the application’s ease of use for new or infrequent users. The 8 major tasks were broken down into subtasks and evaluated by answering a set of questions for each subtask.”

Questions
1



2
Will the user try to achieve the effect that the subtask has?


Will the user notice that the correct action is available?
3



4
Will the user understand that the wanted subtask can be achieved by the action?


Does the user get appropriate feedback?

 1

MAIN TASK:

Schedule A Call

Sub TASK1:

Click on the Contacts button in the panel on the left

Sub TASK2:

Click on the recent call

Sub TASK3:

Click on the meatball menu

Sub TASK4:

Click on the recent call

Insights-

the text fields in the pop up are already filled in and send button is also active which leads to confusion among users.

 2

MAIN TASK:

Add A New Contact

Sub TASK1:

Click on the Contacts button in the panel on the left

Sub TASK2:

Press the new contact option

Sub TASK3:

Type in the name of the contact that has to be added

Sub TASK4:

Select the required contact with the help of search results

 

Insights-

The “add a new contact” button is readily discernible to the user, cand upon activation, the resulting pop-up is sufficiently explicit and precise, ccatering even to a novice user’s comprehension of distinct alternatives. After successfully adding a contact, the user can distinctly perceive the label “added” preceding the individual’s name, and the contact appears on the taskbar located on the left-hand side.

Keeping Up With

Law of affordance

“Law of affordance states that objects or interface should provide clear clues for intuitive interaction.”


 

 

 

 

 

Insights-

During the analysis of the law of affordance, we observed a lack of consistency in the system. Specifically, the same icons were used for different functions, and vice versa.

The
Wireframes


 

 

 

 

 

 

 

 

Profile & Settings Flows

PERSONALIZE MY PROFILE


 

 

 

 

 

 

 

 

 

 

Profile & Settings Flows

Profile Visual Alternative


 

 

 

 

 

 

 

 

 

 

SHARE MY PROFILE

          QR drill-in, Show URL

    

 


 

 

 

 

 

 

 

 

 

 

Profile & Settings Flows
SHARE MY FRIEND’S PROFILE

 

 

 


 

 

 

 

 

 

Profile &Settings Flows

Color Preview Banner

INFO AND SETTINGS

A Pop-up profile section to get tools your fingertips without going deep into menus.
Maintained consistency in the entire user interface and avoiding jarring gradients.

 

 

 

 

 

 

 

 

OPTION1

No Settings

Most minimal. This option does not have link enable/disable and link reset.

SCENARI01

My Share Link

SCENARI02

Group Share Link

OPTION2

Settings in Privacy

User goes into Settings> Privacy to manage their profile share link, keeping their share profile screen minimal.

SCENARI01

My Share Link

SCENARI02

Group Share Link

N/A Link management for groups should logically be located within each group as oppose to the user’s Settings section.v

OPTION3

No Link Reset

Consider keeping profile sharing 1-level deep by surfacing the link sharing toggle to the Share Profile view, which enables and disables the share options below it.

SCENARI01

My Share Link

SCENARI02

Group Share Link

OPTION4

Maximum Link Management

This option has the most amount of share link management capabilities by including link enabling/disabling as well as link reset.

SCENARI01

My Share Link

SCENARI02

Group Share Link

Header_Layout-Invite
An improved chat section with enhanced textboxes and type field reducing the unnecessary clutter and reducing cognitive load.

 

We eliminated moderated group chat to reduce clutter since group chat now has admin features.
Revamped group call screen for better organization, including a right panel for chat and participants, following HIck’s law.
Division of chat and participants menu for each switching. A “direct message” option to private chat during a group call with an upgraded chat screen for the future plan.
Receive Contact Request

A clear indication if an enabled and a disabled button.
Send Contact Request

A better menu for message action with strengthened iconography and colors indicating disruptive actions.
Added “interaction icon” option under profile now doop down to increases visibility and maintaining the aesthetic style of the UI.