Harnessing Aristotle’s Storytelling Principles in UX Design: Seven Essential Keys

The ancient Greek philosopher Aristotle’s insights into storytelling, though intended for classical Greek tragedies, offer invaluable wisdom for modern user experience (UX) design. By understanding and applying his seven aspects of storytelling, we can craft designs that truly resonate with users, turning them into loyal brand advocates.

Integrating Aristotle’s Appeals into UX Design

Before diving into the seven aspects, it’s crucial to grasp how Aristotle’s three appeals—logos, pathos, and ethos—underpin persuasive communication, which is essentially what UX design aims to achieve.

• Logos (Logic): Appeals to the user’s sense of reason and logic through clear information architecture, intuitive navigation, and persuasive content.
• Pathos (Emotion): Connects with the user’s emotions through compelling visuals, engaging microinteractions, and relatable user stories.
• Ethos (Credibility): Builds trust and credibility through professional design, user reviews and testimonials, and transparent communication.

By weaving these appeals into our design, we create a holistic and persuasive user experience.

InstaHost.co.uk – Where Website Security Comes As Standard

Aristotle’s Seven Aspects of Storytelling in UX Design

Let’s explore how each of Aristotle’s seven aspects can be applied to UX design, using well-known UK-based companies as examples:

1. Plot: The plot maps out the user’s journey and transformation through the digital experience. Defining a clear plot from the get-go ensures a focused and engaging user experience.
   • Example: Deliveroo – The plot revolves around a user fancying a tasty takeaway from their favourite local restaurant but not wanting to leave their cosy home. Deliveroo’s app guides the user seamlessly through browsing restaurant options, placing an order, tracking its progress, and ultimately tucking into a satisfying meal.
2. Character: In UX design, characters represent the target audience and the brand itself. Understanding the user’s motivations, needs, and pain points allows us to create user-centered designs.
   • Example: ASOS – ASOS targets young, fashion-conscious individuals who value variety, affordability, and on-trend clothing. Their website and app reflect this by showcasing a vast range of brands and styles, offering student discounts, and incorporating user-generated content to inspire outfit choices.
3. Theme: The theme sets the product or service apart while aligning with industry standards to build trust. It’s the overarching message conveyed through the design and content.
   • Example: The Guardian – The Guardian positions itself as a trustworthy and insightful news source committed to quality journalism. This theme is evident in their clean website design, well-researched articles, and commitment to factual reporting, fostering trust and loyalty among its readership.
4. Diction: Diction refers to the brand’s tone of voice and language used to communicate with users. It should be consistent across all touchpoints and tailored to the target audience.
   • Example: Innocent Drinks – Innocent Drinks utilises a playful, cheeky, and humorous tone of voice in its packaging, marketing, and website copy. This lighthearted and approachable diction resonates with their target audience, who appreciate the brand’s fun-loving personality.
5. Melody: In UX design, melody translates to the rhythm and flow of the user experience. This includes intuitive navigation, clear information hierarchy, and consistent design patterns.
   • Example: BBC iPlayer – BBC iPlayer’s interface is designed for effortless browsing and content discovery. Users can easily navigate through different categories, search for specific programmes, and pick up watching from where they left off, creating a seamless and enjoyable viewing experience.
6. Décor: Décor encompasses the visual elements of the design, including typography, colour palettes, imagery, and overall aesthetics. These elements should be carefully chosen to evoke specific emotions and support the brand’s message.
   • Example: Burberry – Burberry’s website and marketing materials exude luxury and sophistication through their use of elegant typography, a muted colour palette of beige, black, and white, and high-quality photography featuring their iconic trench coats and accessories.
7. Spectacle: Spectacle refers to memorable and engaging interactive elements that elevate the user experience. These can include animations, microinteractions, gamification, and personalised features.
   • Example: Nike Training Club App – The Nike Training Club app offers personalised workout plans and tracks user progress, providing motivational cues and virtual rewards to keep users engaged. The app also features celebrity trainers and high-quality workout videos, creating an immersive and motivating fitness experience.

Real-World Examples

When Companies Get It Right:

• Pret a Manger: Pret a Manger excels at creating a fast, efficient, and enjoyable experience for customers. Their shops are brightly lit, with clear signage and strategically placed grab-and-go items. The simple menu and friendly staff ensure a quick and hassle-free ordering process, perfect for busy lunchtime crowds.
• National Trust: The National Trust website beautifully showcases the UK’s heritage sites through stunning photography and engaging storytelling. Users can easily discover nearby properties, plan their visits, and learn about the history and significance of each location, encouraging exploration and appreciation for British heritage.

When Companies Get It Wrong:

• Some Government Websites: Many UK government websites suffer from outdated designs, confusing navigation, and overly formal language. This can make it challenging for members of the public to find the information they need or complete essential tasks online, leading to frustration and a negative user experience.
• Certain Train Booking Websites: Some UK train booking websites are notorious for their clunky interfaces and convoluted booking processes. Users often face difficulties comparing ticket prices, selecting seats, and understanding fare options, resulting in a stressful and time-consuming experience.

Conclusion

By adapting Aristotle’s storytelling framework to UX design, we can create digital experiences that captivate users, foster emotional connections, and build lasting relationships. By understanding our audience, crafting compelling narratives, and employing thoughtful design choices, we can create truly engaging and persuasive user experiences, just like the successful UK brands mentioned above.

Ready to transform your users’ experience?

ImproveMentors can help! We specialise in understanding customer journeys and optimising digital experiences for enhanced engagement and satisfaction.
Our team can help you with:

• Customer Experience (CX) Mapping: Uncover your customers’ true needs and pain points to craft user-centric solutions.
• Digital Transformation: Navigate the digital landscape with confidence and implement strategies tailored to your business.
• Training & Development: Empower your team with the skills and knowledge to champion user-focused design.

Don’t let a clunky website or app hold you back.
Take a look at our ImproveMentors Customer Journey Mapping Service page for more details today and let’s build a better experience for your users!

Or Book a Discovery Meeting!!

{{ sidebar_steps.tab_name }}

{{ is_error_msg }}

Select Category

{{cat_data.category_name}}

Select Service

{{ service_details.bookingpress_service_name }}

Duration: {{ service_details.bookingpress_service_duration_val }} {{ service_details.bookingpress_service_duration_label }}

Price: {{ service_details.bookingpress_service_price }}

Advance Options

See Less

{{service_extra_title}}

{{ extra_service_error_msg }}

{{ service_extra_details.bookingpress_extra_service_name }}

{{ service_extra_details.bookingpress_extra_formatted_price }}

{{ service_extra_details.bookingpress_extra_service_duration }} {{ service_extra_details.bookingpress_extra_service_duration_unit }}

View More View Less

{{ n }}

{{ service_extra_details.bookingpress_service_description }}

Load More

Load Less

{{bring_anyone_title}}

{{ n }} {{number_of_person_title}}

Go Back Next {{ bookingpress_sidebar_step_data[bookingpress_sidebar_step_data[bookingpress_current_tab].next_tab_name].tab_name }}

{{service_extra_title}}

{{ extra_service_error_msg }}

{{ service_extra_details.bookingpress_extra_service_name }}

{{ service_extra_details.bookingpress_extra_formatted_price }}

{{ service_extra_details.bookingpress_extra_service_duration }} {{ service_extra_details.bookingpress_extra_service_duration_unit }}

{{ service_extra_details.bookingpress_service_description }}

{{bring_anyone_title}}

{{ n }} {{number_of_person_title}}

{{cancel_button_title}} {{continue_button_title}}

{{ is_error_msg }}

Date & Time

Time Slot

There is no time slots available

Morning

{{time_details.formatted_start_end_time}} {{ time_details.max_capacity }} {{slot_left_text}}

Afternoon

{{time_details.formatted_start_end_time}} {{ time_details.max_capacity }} {{slot_left_text}}

Evening

{{time_details.formatted_start_end_time}} {{ time_details.max_capacity }} {{slot_left_text}}

Night

{{time_details.formatted_start_end_time}} {{ time_details.max_capacity }} {{slot_left_text}} +1 day

{{time_details.formatted_start_end_time}} {{ time_details.max_capacity }} {{slot_left_text}}

{{time_details.formatted_start_end_time}} {{ time_details.max_capacity }} {{slot_left_text}}

{{time_details.formatted_start_end_time}} {{ time_details.max_capacity }} {{slot_left_text}}

{{time_details.formatted_start_end_time}} {{ time_details.max_capacity }} {{slot_left_text}} +1 day

Date & Time

{{ appointment_step_form_data.selected_date | bookingpress_format_date }} {{app.bookingpress_current_datetime | bookingpress_format_date}}

Time Slot

There is no time slots available

Morning

{{time_details.formatted_start_end_time}} {{ time_details.max_capacity }} {{slot_left_text}}

Afternoon

{{time_details.formatted_start_end_time}} {{ time_details.max_capacity }} {{slot_left_text}}

Evening

{{time_details.formatted_start_end_time}} {{ time_details.max_capacity }} {{slot_left_text}}

Night

{{time_details.formatted_start_end_time}} {{ time_details.max_capacity }} {{slot_left_text}} +1 day

{{time_details.formatted_start_end_time}} {{ time_details.max_capacity }} {{slot_left_text}}

{{time_details.formatted_start_end_time}} {{ time_details.max_capacity }} {{slot_left_text}}

{{time_details.formatted_start_end_time}} {{ time_details.max_capacity }} {{slot_left_text}}

{{time_details.formatted_start_end_time}} {{ time_details.max_capacity }} {{slot_left_text}} +1 day

Go Back Next {{ bookingpress_sidebar_step_data[bookingpress_sidebar_step_data[bookingpress_current_tab].next_tab_name].tab_name }}

{{ is_error_msg }}

Basic Details

{{customer_form_fields_data.label}}

Go Back Next {{ bookingpress_sidebar_step_data[bookingpress_sidebar_step_data[bookingpress_current_tab].next_tab_name].tab_name }}

{{ is_error_msg }}

Summary

Your appointment booking summary

{{bpa_location_title}}

{{appointment_step_form_data.selected_location_name}}

Customer

{{appointment_step_form_data.form_fields.customer_name }}

{{ appointment_step_form_data.form_fields.customer_firstname }} {{ appointment_step_form_data.form_fields.customer_lastname }}

{{ appointment_step_form_data.form_fields.customer_email }}

Service

{{ appointment_step_form_data.selected_service_name}}

{{ cart_details.bookingpress_service_name}}

{{extras_details.bookingpress_extra_name }}

{{extras_details.bookingpress_extra_price}} {{extras_details.bookingpress_extra_duration}}

{{extras_details.bookingpress_selected_qty}}

{{appointment_step_form_data.bookingpress_selected_extra_service_count}} Extras

Date & Time

{{ appointment_step_form_data.customer_selected_end_date | bookingpress_format_date }}, {{appointment_step_form_data.selected_formatted_start_end_time}}

{{ appointment_step_form_data.selected_date | bookingpress_format_date }}, {{appointment_step_form_data.selected_formatted_start_end_time}}

{{ appointment_step_form_data.customer_selected_end_date || bookingpress_format_date }}

{{ appointment_step_form_data.selected_date | bookingpress_format_date }}

{{ appointment_step_form_data.selected_date | bookingpress_format_date }} - {{appointment_step_form_data.selected_end_date | bookingpress_format_date}}

Appointment Details

{{ appointment_step_form_data.selected_service_name}}

{{extras_details.bookingpress_extra_name }}

{{extras_details.bookingpress_extra_price}} {{extras_details.bookingpress_extra_duration}}

{{extras_details.bookingpress_selected_qty}}

{{appointment_step_form_data.bookingpress_selected_extra_service_count}} Extras

{{ appointment_step_form_data.selected_date | bookingpress_format_date }}, {{ appointment_step_form_data.selected_formatted_start_end_time }}

{{ appointment_step_form_data.selected_date | bookingpress_format_date }}

{{ appointment_step_form_data.selected_date | bookingpress_format_date }} - {{ appointment_step_form_data.selected_end_date | bookingpress_format_date }}

{{ cart_details.bookingpress_service_name}}

{{ cart_details.bookingpress_selected_end_date | bookingpress_format_date }}, {{ cart_details.formatted_start_end_time }}

{{ cart_details.customer_selected_end_date | bookingpress_format_date }}, {{cart_details.formatted_start_end_time}}

{{ cart_details.bookingpress_selected_date | bookingpress_format_date }}, {{ cart_details.formatted_start_end_time }}

{{ cart_details.bookingpress_selected_date | bookingpress_format_date }} - {{ cart_details.bookingpress_selected_end_date | bookingpress_format_date }}

{{ cart_details.bookingpress_selected_end_date | bookingpress_format_date }}, {{ cart_details.formatted_start_time }} to {{ cart_details.formatted_end_time }}

{{ cart_details.customer_selected_end_date | bookingpress_format_date }}, {{ cart_details.formatted_start_time }} to {{ cart_details.formatted_end_time }}

{{ cart_details.bookingpress_selected_date | bookingpress_format_date }}, {{ cart_details.formatted_start_time }} to {{ cart_details.formatted_end_time }}

{{ cart_details.bookingpress_selected_date | bookingpress_format_date }}

{{ cart_details.bookingpress_selected_end_date | bookingpress_format_date }}, {{ cart_details.formatted_start_time }} - {{ cart_details.formatted_end_time }}

{{ cart_details.customer_selected_end_date | bookingpress_format_date }}, {{ cart_details.formatted_start_time }} - {{ cart_details.formatted_end_time }}

{{ cart_details.bookingpress_selected_date | bookingpress_format_date }}, {{ cart_details.formatted_start_time }} - {{ cart_details.formatted_end_time }}

{{ cart_details.bookingpress_selected_date | bookingpress_format_date }}

{{ cart_details.bookingpress_selected_end_date | bookingpress_format_date }}, {{ cart_details.formatted_start_time }}

{{ cart_details.customer_selected_end_date | bookingpress_format_date }}, {{ cart_details.formatted_start_time }}

{{ cart_details.bookingpress_selected_date | bookingpress_format_date }}, {{ cart_details.formatted_start_time }}

{{ cart_details.bookingpress_selected_date | bookingpress_format_date }}

{{subtotal_text}}

{{ appointment_step_form_data.selected_service_price }}

{{tax_title}}

Tax

+{{ appointment_step_form_data.tax_amount }}

{{couon_applied_title}} {{ appointment_step_form_data.coupon_code }}

-{{ appointment_step_form_data.coupon_discount_amount_with_currecny }}

{{coupon_code_title}}

{{ coupon_code_msg }}

{{ coupon_code_msg }}

{{coupon_apply_button_label}} Applied

{{ appointment_step_form_data.included_tax_label }}

{{ appointment_step_form_data.total_payable_amount_with_currency }}

{{ appointment_step_form_data.selected_service_price }}

{{deposit_heading_title}}

{{deposit_title}} {{full_payment_title}}

{{deposit_paying_amount_title}}

{{ appointment_step_form_data.bookingpress_deposit_amt }}

{{ appointment_step_form_data.deposit_payment_amount_percentage }}% ( {{ appointment_step_form_data.bookingpress_deposit_amt }} )

{{deposit_remaining_amount_title}} {{ appointment_step_form_data.included_tax_label }}

{{ appointment_step_form_data.included_tax_label }}

{{ appointment_step_form_data.bookingpress_deposit_due_amt }}

{{ appointment_step_form_data.total_payable_amount_with_currency }}

{{subtotal_text}}

{{ appointment_step_form_data.bookingpress_cart_total_with_currency }}

{{tax_title}}

Tax

+{{ appointment_step_form_data.tax_amount }}

{{couon_applied_title}} {{ appointment_step_form_data.coupon_code }}

-{{ appointment_step_form_data.coupon_discount_amount_with_currecny }}

{{coupon_code_title}}

{{ coupon_code_msg }}

{{ coupon_code_msg }}

{{coupon_apply_button_label}} Applied

{{ appointment_step_form_data.included_tax_label }}

{{ appointment_step_form_data.total_payable_amount_with_currency }}

{{deposit_heading_title}}

{{deposit_title}} {{full_payment_title}}

{{deposit_paying_amount_title}}

{{ appointment_step_form_data.bookingpress_deposit_total_with_currency }}

( {{ appointment_step_form_data.bookingpress_deposit_total_with_currency }} )

{{deposit_remaining_amount_title}} {{ appointment_step_form_data.included_tax_label }}

{{ appointment_step_form_data.included_tax_label }}

{{ appointment_step_form_data.bookingpress_deposit_due_amount_total_with_currency }}

{{ appointment_step_form_data.total_payable_amount_with_currency }}

{{ appointment_step_form_data.total_payable_amount_with_currency }}

There is no payment method available.

Select Payment Method

Pay Locally

PayPal

{{card_details_text}}

Go Back Test Button

{{ is_error_msg }}

{{ location_title }}

{{ location_detail.bookingpress_location_name }}

{{ location_detail.bookingpress_location_address }}

{{ location_detail.bookingpress_location_phone_number }}

Go Back Next {{ bookingpress_sidebar_step_data[bookingpress_sidebar_step_data[bookingpress_current_tab].next_tab_name].tab_name }}

{{ is_error_msg }}

{{staffmember_heading_title}}

{{any_staff_title}}

{{ staffmember_details.bookingpress_staffmember_firstname }} {{ staffmember_details.bookingpress_staffmember_lastname }}

{{ staffmember_details.bookingpress_staffmember_email }}

{{ staffmember_details.bookingpress_staffmember_phone }}

Go Back Next {{ bookingpress_sidebar_step_data[bookingpress_sidebar_step_data[bookingpress_current_tab].next_tab_name].tab_name }}

No categories and services added!