“Design used to be the seasoning you’d sprinkle on for taste. Now it’s the flour you need at the start of the recipe.’’

— John Maeda, Designer and Technologist
closeing x icon

Contact us

Please tell us a bit about your project idea and we’ll get back to you as soon as possible.
Tell us about your project idea
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
closeing x icon
Privacy Policy

This Privacy policy was published on March 1st, 2020.

GDPR compliance

At UX GIRL we are committed to protect and respect your privacy in compliance with EU - General Data Protection Regulation (GDPR) 2016/679, dated April 27th, 2016. This privacy statement explains when and why we collect personal information, how we use it, the conditions under which we may disclose it to others and how we keep it secure. This Privacy Policy applies to the use of our services, products and our sales, but also marketing and client contract fulfilment activities. It also applies to individuals seeking a job at UX GIRL.

About UX GIRL

UX GIRL is a design studio firm that specialises in research, strategy and design and offers clients software design services. Our company is headquartered in Warsaw, Poland and you can get in touch with us by writing to hello@uxgirl.com.

When we collect personal data about you
  • When you interact with us in person – through correspondence, by phone, by social media, or through our uxgirl.com (“Site”).
  • When we get personal information from other legitimate sources, such as third-party data aggregators, UX GIRL marketing partners, public sources or social networks. We only use this data if you have given your consent to them to share your personal data with others.
  • We may collect personal data if it is considered to be of legitimate interest and if this interest is not overridden by your privacy interests. We make sure an assessment is made, with an established mutual interest between you and UX GIRL.
  • When you are using our products.
Why we collect and use personal data

We collect and use personal data mainly to perform direct sales, direct marketing, and customer service. We also collect data about partners and persons seeking a job or working in our company. We may use your information for the following purposes:

  • Send you marketing communications which you have requested. These may include information about our services, products, events, activities, and promotions of our partners. This communication is subscription based and requires your consent.
  • Send you information about the services and products that you have purchased from us.
  • Perform direct sales activities in cases where legitimate and mutual interest is established.
  • Provide you content and venue details on a webinar or event you signed up for.
  • Reply to a ‘Contact me’ or other web forms you have completed on our Site (e.g., to download an ebook).
  • Follow up on incoming requests (client support, emails, chats, or phone calls).
  • Perform contractual obligations such as invoices, reminders, and similar. The contract may be with UX GIRL directly or with a UX GIRL partner.
  • Notify you of any disruptions to our services.
  • Contact you to conduct surveys about your opinion on our services and products.
  • When we do a business deal or negotiate a business deal, involving sale or transfer of all or a part of our business or assets. These deals can include any merger, financing, acquisition, or bankruptcy transaction or proceeding.
  • Process a job application.
  • To comply with laws.
  • To respond to lawful requests and legal process.
  • To protect the rights and property of UX GIRL, our agents, customers, and others. Includes enforcing our agreements, policies, and terms of use.
  • In an emergency. Includes protecting the safety of our employees, our customers, or any person.
Type of personal data collected

We collect your email, full name and company’s name, but in addition, we can also collect phone numbers. We may also collect feedback, comments and questions received from you in service-related communication and activities, such as meetings, phone calls, chats, documents, and emails.

If you apply for a job at UX GIRL, we collect the data you provide during the application process. UX GIRL does not collect or process any particular categories of personal data, such as unique public identifiers or sensitive personal data.

Information we collect automatically

We automatically log information about you and your computer. For example, when visiting uxgirl.com, we log ‎your computer operating system type,‎ browser type,‎ browser language,‎ pages you viewed,‎ how long you spent on a page,‎ access times,‎ internet protocol (IP) address and information about your actions on our Site.

The use of cookies and web beacons

We may log information using "cookies." Cookies are small data files stored on your hard drive by a website. Cookies help us make our Site and your visit better.

We may log information using digital images called web beacons on our Site or in our emails.

This information is used to make our Site work more efficiently, as well as to provide business and marketing information to the owners of the Site, and to gather such personal data as browser type and operating system, referring page, path through site, domain of ISP, etc. for the purposes of understanding how visitors use our Site. Cookies and similar technologies help us tailor our Site to your personal needs, as well as to detect and prevent security threats and abuse. If used alone, cookies and web beacons do not personally identify you.

How long we keep your data

We store personal data for as long as we find it necessary to fulfil the purpose for which the personal data was collected, while also considering our need to answer your queries or resolve possible problems. This helps us to comply with legal requirements under applicable laws, to attend to any legal claims/complaints, and for safeguarding purposes.

This means that we may retain your personal data for a reasonable period after your last interaction with us. When the personal data that we have collected is no longer required, we will delete it securely. We may process data for statistical purposes, but in such cases, data will be anonymised.

Your rights to your personal data

You have the following rights concerning your personal data:

  • The right to request a copy of your personal data that UX GIRL holds about you.
  • The right to request that UX GIRL correct your personal data if inaccurate or out of date.
  • The right to request that your personal data is deleted when it is no longer necessary for UX GIRL to retain such data.
  • The right to withdraw any consent to personal data processing at any time. For example, your consent to receive digital marketing messages. If you want to withdraw your consent for digital marketing messages, please make use of the link to manage your subscriptions included in our communication.
  • The right to request that UX GIRL provides you with your personal data.
  • The right to request a restriction on further data processing, in case there is a dispute about the accuracy or processing of your personal data.
  • The right to object to the processing of personal data, in case data processing has been based on legitimate interest and/or direct marketing.

Any query about your privacy rights should be sent to hello@uxgirl.com.

Hotjar’s privacy policy

We use Hotjar in order to better understand our users’ needs and to optimize this service and experience. Hotjar is a technology service that helps us better understand our users experience (e.g. how much time they spend on which pages, which links they choose to click, what users do and don’t like, etc.) and this enables us to build and maintain our service with user feedback. Hotjar uses cookies and other technologies to collect data on our users’ behavior and their devices (in particular device's IP address (captured and stored only in anonymized form), device screen size, device type (unique device identifiers), browser information, geographic location (country only), preferred language used to display our website). Hotjar stores this information in a pseudonymized user profile. Neither Hotjar nor we will ever use this information to identify individual users or to match it with further data on an individual user. For further details, please see Hotjar’s privacy policy by clicking on this link.

You can opt-out to the creation of a user profile, Hotjar’s storing of data about your usage of our site and Hotjar’s use of tracking cookies on other websites by following this opt-out link.

Sharethis’s privacy policy

We use Sharethis to enable our users to share our content on social media. Sharethis lets us collects information about the number of shares of our posts. For further details, please see Sharethis’s privacy policy by clicking on this link.

You can opt-out of Sharethis collecting data about you by following this opt-out link.

Changes to this Privacy Policy

UX GIRL reserves the right to amend this privacy policy at any time. The latest version will always be found on our Site. We encourage you to check this page occasionally to ensure that you are happy with any changes.

If we make changes that significantly alter our privacy practices, we will notify you by email or post a notice on our Site before the change takes effect.

Title Image for this blog post

Innovation

AI Demystified: Breaking Down the Basics

reading time  - clock - icon
WSTAW

Welcome to the era of Artificial Intelligence, a revolutionary field that is reshaping the world as we know it. AI, once relegated to the realm of science fiction, has now become an integral part of our daily lives, impacting everything from our smartphones to the way we interact with businesses. In this article, we will explore the fundamental concepts of AI, its immense potential, and the exciting opportunities it offers, while also considering its challenges and possible threats.

What is AI?

Artificial Intelligence, or AI, is the science of creating intelligent machines that can mimic human intelligence and perform tasks that typically require human cognitive abilities. These tasks encompass a wide range of activities, from understanding natural language, decision-making, and problem-solving to recognizing patterns in data, and even driving autonomous vehicles. AI systems are designed to learn, reason, and adapt based on the data they receive, allowing them to make predictions and take actions. Thus based on vast amounts of information, algorithms adapt their behavior accordingly, making AI systems invaluable tools for numerous industries.

We can distinguish many different branches in the AI industry, among which the most popular currently include:

Natural Language Processing (NLP): NLP focuses on enabling machines to understand, interpret, and generate human language. It powers applications like chatbots, language translation, sentiment analysis, and text summarization. Advanced language models, such as GPT-4, have made significant strides in this field, allowing for more sophisticated language understanding and generation.

Computer Vision: Computer vision involves teaching machines to interpret and understand visual information from images and videos. It finds applications in facial recognition, object detection, autonomous vehicles, medical imaging, and augmented reality. Deep learning techniques like Convolutional Neural Networks (CNNs) have been crucial in advancing computer vision capabilities.

Machine Learning: Machine learning is a broader field that encompasses algorithms and techniques enabling systems to learn and improve from data without explicit programming. Supervised learning, unsupervised learning, and reinforcement learning are common paradigms within machine learning. It is the backbone of many AI applications, including recommendation systems, fraud detection, and predictive analytics.

Deep Learning: Deep learning is a subset of machine learning that uses artificial neural networks to model and solve complex problems. It excels in handling large amounts of data and is responsible for significant breakthroughs in image and speech recognition, natural language processing, and game playing (e.g., AlphaGo).

Reinforcement Learning: Reinforcement learning is a subset of machine learning that focuses on training agents to make decisions in an environment to achieve specific goals. It is instrumental in developing AI systems capable of playing games, optimizing processes, and controlling robots.

Robotics and Automation: AI-driven robots are becoming more prevalent across various industries, from manufacturing and logistics to healthcare and household assistance. These robots use AI algorithms to perceive their environment, plan actions, and perform tasks autonomously.

Generative Models: Generative models, particularly Generative Adversarial Networks (GANs) and Variational Autoencoders (VAEs), can create new content based on existing data. They have been used for image synthesis, video generation, and even creating realistic AI-generated artwork and music. In recent weeks, popular tools like Midjourney, Photoshop, and Framer AI have been leveraging generative AI to provide their users with features that were once considered abstract just a few months ago. Currently, these are among the fastest-growing algorithms in the industry.

Why should you be interested in AI and start learning it?

The relevance of AI has never been more apparent than in today's fast-paced world. By understanding AI, we unlock the potential to develop cutting-edge solutions to complex problems, leading to technological advancements that can improve our quality of life. As AI permeates various industries, learning about it becomes a strategic advantage for individuals and businesses alike. The recent months have, in many cases, exceeded our expectations. People have seen that the potential of AI tools can be accessible to everyone, and the content being generated is already so realistic and complex that it can mimic (and in many cases, even enhance) human creativity. 

Given how AI is growing quickly and finding new uses, it's clear that AI skills are in high demand today. The increasing number of job opportunities in fields such as data science, robotics, and AI research and more and more interest in AI tools by most of the big companies and start-ups should be the best proof.

Those who are willing to learn, collaborate with AI, and embrace the AI revolution with an open mind will emerge victorious. Those who neglect these opportunities will inevitably fall behind.

The Benefits of AI

The benefits of AI are immense and wide-ranging, promising a transformative impact on society. One of the most significant advantages is enhanced efficiency and productivity. AI-powered systems can handle repetitive tasks at an unprecedented speed and accuracy, liberating human resources for more creative and strategic endeavors.

Additionally, AI has revolutionized various sectors, such as healthcare. With AI-driven diagnostics and personalized treatment plans, medical professionals can make more accurate and timely decisions, potentially saving countless lives. In agriculture, AI helps optimize crop yields and monitor livestock health, contributing to sustainable and efficient food production.

Moreover, AI has vastly improved user experiences across various industries. Virtual assistants like Siri and Alexa have become our helpful companions, providing us with useful information and managing our daily tasks. AI-driven recommendation systems in online shopping platforms, music streaming services, and video content providers cater to our preferences, making our lives more convenient and enjoyable.

Both companies and individuals are now using AI-based tools in their daily lives. From well-known ones like ChatGPT and MidJourney to tools such as Copilot, Jasper, copy.ai, Adobe Firefly, and a variety of specialized plugins and enhancements that enable more effective business management, time management, social media content creation, and much more.

The Threats of AI

While AI presents numerous benefits, we must also be mindful of the potential risks and challenges it brings. One of the most significant concerns is job displacement. As AI automates tasks previously performed by humans, certain jobs might become obsolete, leading to job insecurity for certain professions. However, it is essential to remember that AI also creates new job opportunities in related fields, requiring a skilled workforce to develop and manage AI systems.

Another critical aspect to address is AI ethics. As AI systems become increasingly sophisticated, they may face ethical dilemmas, especially in areas like autonomous vehicles and healthcare. Striking the right balance between AI autonomy and human control is crucial to ensure safety and accountability. 

Furthermore, there are concerns about data privacy and security. AI systems rely heavily on data for training and decision-making, raising the risk of potential data breaches or misuse. It is essential to develop robust data protection mechanisms and ensure responsible AI usage to safeguard individual privacy and prevent unauthorized access.

We must also remember that many publicly available AI tools still face several limitations, such as social biases, hallucinations, and adversarial prompts. It's important to be aware that not everything provided by, for instance, ChatGPT, should be taken as absolute truth. However, companies are continually working to improve and fine-tune their models. The latest language model from OpenAI, known as GPT-4, is claimed to be 82% less likely to respond to requests for prohibited content and 40% more likely to provide fact-based answers compared to GPT-3.5.

Nevertheless, it's essential to remember that these are merely tools in our hands. How we use them still depends entirely on us. Staying informed and aware is valuable, as the revolution doesn't happen overnight; it's a lengthy and error-prone process.

Let's take a moment to dive a little deeper and examine three concepts without which our current AI conversation would be meaningless…

Machine Learning: The Core of AI

At the heart of AI lies Machine Learning (ML), a subset of AI that empowers machines to learn from data without explicit programming. ML algorithms use statistical techniques to identify patterns in data, enabling them to make predictions or decisions based on new information. This ability to learn and improve with experience is what sets ML apart and makes it a powerful tool in various applications.

Prompt Engineering: Igniting Creativity in AI

Prompt engineering is a fascinating aspect of AI that involves crafting effective instructions or queries to direct AI models' output. By providing appropriate prompts, developers can influence the content, style, or tone of AI-generated outputs. This technique has been particularly instrumental in the development of Generative AI.

Generative AI: Fostering Creativity

Generative AI is a branch of AI that deals with machines' capability to create new content, such as images, music, text, and more.

In simpler terms, Generative AI is precisely the branch that has recently gained immense popularity thanks to tools like ChatGPT, MidJourney, DALL-E, or Jasper. As the name suggests, it's generative, meaning it can generate (or just create) new content based on specific queries, known as prompts.

But how is this even possible? In a nutshell, by learning patterns from a vast amount of data (such as existing articles, research papers, images, and more), the algorithm creates new content based on these patterns. Importantly, even though we "feed" the algorithm with certain content (pre-trained data sets), it doesn't mean we'll get copies or similar replicas of the input. The algorithm, using learned transformations, can iteratively generate genuinely new things. It's all powered by deep neural networks, but the exact workings and why the algorithm produces a specific response are not obvious, even to the creators of these neural networks. You input the data, and run the algorithm, but what happens inside the network remains a puzzle.

ChatGPT - What's All the Buzz About?

Imagine having a super-smart assistant, like a virtual wordsmith, at your fingertips, ready to help you create captivating content and answer your queries. That's precisely what ChatGPT is!

ChatGPT, developed by the American company OpenAI, is a content generator that relies on a large language model called GPT (currently in version 3.5 or, paid GPT-4). It's a bot with which you can communicate using natural language. This tool over 50 different languages, capable of answering questions, translating documents into various languages, conducting proofreading and language editing of texts, summarizing and analyzing scientific papers, suggesting solutions to diverse problems, crafting essays, scripts, debugging programming code, and searching through databases. In the paid version of the tool, you even have the ability to work with images, allowing you to upload an image as input and, for example, expect its analysis.

What's crucial is that the paid version of ChatGPT (GPT-4) now has (or, compared to the competition, is just getting) internet access. This means it can now browse the internet to provide you with current and authoritative information, complete with direct links to sources. It's no longer confined to data from before September 2021. Additionally, we can utilize various plugins and integrations, such as speech recognition (Whisper) and complex data calculations and analysis (Wolfram Alpha), making the tool even more powerful. Currently, there are over 900 plugins available!

Recently, ChatGPT also received an update that enables the ability to converse with the chatbot using voice commands. ChatGPT, GPT-3.5, and GPT-4 will be able to comprehend user questions and respond using one of five distinct voices.

Now, you might wonder why you should use ChatGPT. The answer is simple: it saves you time and boosts your productivity. Writing high-quality content can be time-consuming, and not everyone has the expertise to craft captivating texts. ChatGPT eliminates that hurdle, offering instant assistance whenever you need it. Furthermore, it helps overcome writer's block, as it can spark new ideas and inspire creativity. 

In short, ChatGPT can help us with a range of tasks, including:

  • Brainstorming
  • Exploring various options for what we want to do
  • Providing suggestions regarding different approaches, for example, how to do something on iOS or Android
  • Fueling creativity: X ideas for headlines, X ideas for navigation in the design industry, and so on…
  • Writing meeting summaries
  • Preparing transcriptions
  • Making analyses
  • Sprint management
  • Customer service
  • Delivering corporate wiki - uploading documentation to the AI model and using queries to direct to specific places, like where the button component is located
  • And much more!

Here are a few tips on how to effectively "converse" with Chat GPT (or any similar tool) to get the best possible responses:

  • Write simple and uncomplicated sentences
  • Break down sentences into shorter and more precise ones
  • Describe the context of your problem in detail
  • Start with the general idea and ask follow-up questions to refine your queries based on the response you receive
  • Speak as if you were talking to a 5-year-old

What is a noteworthy alternative to Chat GPT?

As you might imagine, the competition is not resting, and the market is flooded with a multitude of tools that utilize GPT models and more.

Currently, the two most popular tools, operating similarly to ChatGPT, are:

  • Bing - Microsoft's chatbot that uses the same GPT model as ChatGPT, but integrates it with the Bing search engine. This means that it can access the internet by default and provide you with relevant information, sources, and suggestions. You can also change the tone of the chatbot to be more creative, more precise, or balanced;
  • Bard - Google's chatbot that uses a combination of two language models: LaMDA and PaLM. LaMDA is designed for dialogue applications and PaLM is good at math and logic. Google Bard can also access the internet by default and display photos in the results. You can also export the results to Gmail or Google Docs, or modify them without typing. Google Bard is free and available for anyone to use.

The best chatbot for you depends on your needs and preferences. You might want to try them all and see which one suits you better. They are all amazing examples of how AI can help us communicate, create, and learn.

ux girl
reading time  - clock - icon
5 min

Tips for Better ACH Return Code Communication in Fintech Apps

Designing user-friendly banking apps is critical in the modern era of Mobile Banking and Fintech, where user expectations for seamless digital experiences are higher than ever. Whether you're designing a platform for Retail Banking or developing tools tailored to the needs of small businesses, the key to success lies in simplifying complex financial processes. One area that often presents challenges is the communication of ACH (Automated Clearing House) Return Codes, which are used to explain why certain transactions are rejected or returned.

Understanding what the ACH Return Codes are and how to deal with them can be a confusing experience for users, especially since these codes represent specific reasons why a payment was rejected or returned. As UX professionals, it's our job to translate these technical issues into digestible, user-friendly content that not only informs but also reassures the user. 

In this guide, we’ll explore how to effectively present ACH Codes within your mobile app, ensuring a seamless user experience. Whether you’re targeting a wide retail banking audience or catering to the needs of small businesses, these strategies will help you design a more intuitive and user-friendly financial experience.

1. Highlight the Most Common Return Codes

Every mobile app dealing with financial transactions will have its own set of commonly encountered ACH Return Codes. However, it's important to note that the list of those codes will vary from app to app. What’s frequently encountered in one app may be less common in another, depending on the specific user base and transaction types.

Recognizing these common issues is the first step toward enhancing the user experience. It’s crucial to analyze the data within your app to determine which ACH return codes are most prevalent among your users.

Here are a few of the most frequently encountered R-codes:

Insufficient Funds

  • R01 – Insufficient funds in the account

Account Issues

  • R02 – Account closed
  • R03 – No account/unable to locate account
  • R04 – Invalid account number

Authorization & Payment Issues

  • R05 – Unauthorized debit entry
  • R07 – Authorization revoked by customer
  • R10 – Customer advises not authorized

Banking & Processing Errors

  • R08 – Stop payment
  • R09 – Uncollected funds
  • R16 – Account frozen

Non-Transaction Reasons

  • R20 – Non-transaction account (account type does not allow debits)
  • R23 – Credit entry refused by receiver

2. Strategically Utilize Multi-Channel Notifications for Common Codes

When dealing with common ACH return codes, it's crucial to ensure that users are notified promptly and effectively, even if they might not engage with every notification type. Here’s how you can approach it:

Push Notifications: Push notifications are great for catching users' attention, but keep in mind that not everyone has them turned on, and some users may swipe them away without reading the details. To address this, ensure that each push notification is short yet packed with essential information. The notification should include:

  • A title that clearly informs the user what the message is about. For example, "Payment Issue Detected" or "Payment Failed".
  • Clear Information on what happened, why it happened, and what the user needs to do to fix it. For example: "Insufficient funds detected in your account. Please add funds or link a different account to complete your payment".
  • An action button that the user can click to immediately resolve the issue. For instance, the button might say "Add Funds" or "Update Account," taking the user directly to the relevant section in the app.

By using concise yet compelling language, you can encourage users to take immediate action while ensuring they understand the issue and how to resolve it.

In-App Alerts: Since users might miss or dismiss push notifications, in-app alerts serve as a second line of communication. These alerts can appear as pop-ups or banners the next time a user opens the app, ensuring the message is seen. This approach helps to catch attention of users who might have missed the initial push notification.

Email and SMS: These channels provide a more persistent way to reach users. Email is great for delivering more detailed information, while SMS can quickly grab attention with short, direct messages. Since these methods don’t rely on the user being in the app, they are ideal for ensuring that the message is received, even if push notifications are ignored or missed.

By leveraging a combination of these channels, you can ensure that users are informed about payment issues, regardless of how they interact with notifications. This multi-channel approach increases the likelihood that users will take the necessary action to resolve the problem.

3. Create a General Solution for Less Common R Codes

For less common ACH return codes, it's often more efficient to use a generalized approach. Instead of creating a unique notification for each rare code, identify which of these less common return codes in your app share the same resolution. Once you’ve determined this, you can design a single pop-up notification with a consistent title and resolution that applies to multiple R codes.

For example, if several infrequent R codes require the user to verify their account details, you can use a unified notification like:

  • Title: "There was an issue with the payment."
  • Message: "We encountered an issue with your transaction. Please verify your account details and try again."

4. Use Language Your Users Understand

The language you use in your app is critical. Most users aren’t financial experts—they just want their transactions to go through smoothly. To help them, avoid technical jargon and focus on plain, straightforward language that conveys the message clearly and effectively.

For example, instead of displaying a technical description like “R02: Account Closed,” use a more user-friendly message: “It looks like this account has been closed. Please check your account details or link a different bank account.” This kind of messaging is easier for users to understand and takes the guesswork out of resolving the issue.

Adding a human touch can further reduce user anxiety and improve overall satisfaction. For instance, rather than showing “R01: Insufficient Funds,” your app could display, “Oops, it looks like you don’t have enough funds in your account.” Pair this explanation with actionable steps, such as retrying the payment, linking a different account, or contacting support for assistance. This approach ensures users know exactly what happened and how to fix it, making the experience less stressful and more user-friendly.

Conclusion

Dealing with ACH R codes doesn’t have to be a source of frustration for your users. By highlighting the most common codes with clear, actionable language, using a strategic multi-channel notification approach, creating generalized solutions for less common codes, and always communicating in a way that your users understand, you can turn a potentially negative experience into a positive one.

Remember, the goal is to make complex financial processes feel simple, intuitive, and manageable. Your users will thank you for it.

ux girl
reading time  - clock - icon
5 min

UX GIRL Joins TopDevelopers

We are thrilled to announce that UX GIRL is now part of TopDevelopers, a premier platform connecting top development companies with businesses in need of innovative solutions. This is an exciting milestone for us as we expand our reach and showcase our expertise in creating user-centric digital experiences.

What This Means for UX GIRL

Joining TopDevelopers allows us to present our services to a wider audience of potential clients and collaborators who value great design and exceptional user experiences. By being a part of this platform, UX GIRL aligns with a trusted network of developers and designers shaping the future of technology.

We’re excited about the opportunities this partnership brings and are eager to connect with businesses that share our passion for creating impactful digital products.

Why TopDevelopers?

TopDevelopers is more than a directory; it’s a trusted space where businesses connect with proven experts. Being part of this community means:

  • Increased Exposure: UX GIRL will now be visible to thousands of businesses looking for exceptional UX design solutions.
  • Enhanced Credibility: Our presence on the platform reinforces our position as a trusted partner in the design and development industry.
  • Global Networking Opportunities: We’re excited to collaborate with businesses and innovators worldwide to create user-centered designs that matter.

What’s Next for UX GIRL?

With our profile soon to be live on TopDevelopers we’re excited to embark on this journey of growth, collaboration, and innovation. Whether you’re a startup, a mid-sized business, or an enterprise, UX GIRL is here to help you design experiences that leave a lasting impression.

If you’d like to learn more about our services or collaborate on your next big idea, feel free to reach out. Let’s create something incredible together!

scroll
reading time  - clock - icon
5 min

What is Scrolljacking?

Scrolljacking (or scroll hijacking) is a design pattern that changes the speed and, sometimes, the direction of scrolling on a web page. 

When it comes to scrolling, users have strong mental models: they expect to scroll vertically, at a consistent rate that is related to how they are physically interacting with their input device. In most computer operating systems, the default scroll speed can be manually adjusted to be more sensitive or less sensitive, but it is always consistent. 

Websites are designed to enhance the user experience, not impede it. Traditional scrolling is a universally expected behavior for internet users, and people anticipate their computers and browsers to operate in a familiar manner.

Here are some examples of websites that utilize scrolljacking:

  1. Home Société
  2. Cristóbal Balenciaga Museum
  3. Chalet Baumatti

Understanding the Purpose and Benefits of Scrolljacking

The Nielsen Norman Group identifies several common reasons why designers employ scrolljacking. Here are some of the key motivations outlined by digital product usability specialists: 

  • Simplifying Information Presentation: Scrolljacking is employed to simplify the presentation of complex or information-dense topics and visuals. For instance, consider the Apple Watch Ultra example above, where scrolljacking enables a step-by-step visual breakdown of eight physical features on the watch. This approach allows for a gradual unveiling of minute technical details, preventing users from becoming overwhelmed by an excessive amount of information all at once. 
  • Enhancing Storytelling: Another reason designers utilize this technique is to enhance storytelling. For instance, on the BBC website, scrolljacking is used to progressively disclose supporting information, effectively guiding users through the narrative. 
  • Conveying Brand Personality: Designers play a crucial role in reinforcing a brand's identity by translating it into user experience interactions. As users interact with a brand over time, they form an interpretation of the brand based on the sum of their experiences.

Is Scrolljacking Always a Good Choice? 

The answer to this question is quite simple - no. Designers understand that every design is crafted with the end user in mind. It necessitates a thorough assessment of the target demographic and a clear definition of the intended user experience. 

There are compelling reasons to exercise caution with scrolljacking. It might not be the best choice when developing websites with high traffic volumes, accommodating diverse devices, adhering to accessibility standards, or catering to a user base largely composed of less tech-savvy individuals.

The designer's pivotal role lies in scrutinizing whether employing scrolljacking would serve as an engaging enhancement to the user interface or if it might present an unwelcome hurdle, potentially deterring users from fully engaging with the website.

Enhancing User Enjoyment in Scrolljacking: What to Avoid 

Assuming you've made the choice to incorporate scrolljacking to infuse excitement and distinctiveness into your website design, it's crucial to be aware of potential pitfalls that can irritate users, even in the presence of the most remarkable designs. Specifically, you should be cautious of the following: 

  • Lack of Control Over Scrolling Speed: Users are accustomed to having control over their browsing experience. They expect to scroll through a webpage at their own pace, which includes reaching the bottom of the page when they desire. Preventing users from doing so can be frustrating. 
  • Failure to Indicate User Position: Given that scrolljacking is not a conventional browsing method, it can lead to user confusion. To mitigate this, it's advisable to provide clear visual cues indicating the user's current position, such as a progress bar or filled-in dots. This helps users maintain a sense of orientation within the scrolling journey. 
  • Information Overload: Even the most elegant design can become overwhelming if users find themselves scrolling through a single page for an extended period without a discernible endpoint. Always assess whether the volume of content is proportional to the user's scrolling experience, avoiding excessive information that might overwhelm them. 
  • Page Performance Issues: The use of scrolljacking, especially in conjunction with numerous animations, can lead to slow page performance. To prevent this issue, rigorous testing on various browsers is essential. Ensuring that the website maintains smooth functionality across different platforms is vital for a positive user experience. Incorporating these considerations into your scrolljacking design can help create a captivating and user-friendly experience, enhancing the overall appeal of your website."

Summary 

In conclusion, scrolljacking is a design pattern that, when used thoughtfully, can add depth and interactivity to web experiences. It alters the traditional scrolling behavior to engage users in new and creative ways. However, it's important to remember that users come to websites with certain expectations and mental models, and any departure from these norms should be deliberate and beneficial.

As designers, it's our responsibility to weigh the advantages and disadvantages of scrolljacking carefully. It's not always the right choice, and the user's experience should remain at the forefront of our design decisions.

To make scrolljacking enjoyable for users, avoiding common pitfalls is essential. Users should always have control over scrolling speed, and their current position within the scrolljacking journey should be clearly indicated. Additionally, the amount of content should be balanced to prevent overwhelming users, and performance issues should be addressed through thorough testing.

Ultimately, the use of scrolljacking should enhance the user experience, not hinder it. By considering these principles and understanding when and how to implement scrolljacking effectively, designers can create engaging and user-friendly websites that leave a positive and lasting impression on visitors.

Begin your design adventure now!
Contact us