“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

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.
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

Product Design

Beyond Boxes: Elevating Design with Bento Grid Patterns

WSTAW

What is Bento Grid?

Bento Grid draws inspiration from the iconic Japanese lunchbox, transforming its neatly divided compartments into a visually appealing and organized layout for websites. This design pattern employs a grid-based structure, slicing the website's content into distinct sections or compartments. Each compartment serves a unique purpose, providing a dedicated space to showcase specific features, thus offering visitors an intuitive and engaging way to navigate through information.

Benefits of Bento Grid

Users engaged with products featuring the Bento Grid layout enjoy numerous benefits. These benefits include:

Structure and Organization: Bento Grid introduces a structured layout, dividing the UI into well-defined compartments. Each compartment serves a unique purpose, housing specific elements such as navigation menus, content sections, or interactive features. This systematic organization enhances the overall clarity of the interface, allowing users to navigate with ease and find information effortlessly.

Visual Hierarchy: The grid-based structure of Bento Grid naturally lends itself to creating a visual hierarchy. By allocating different sections for various content or features, designers can guide users' attention and emphasize key elements. This inherent visual hierarchy contributes to a more intuitive user experience, ensuring that important information stands out.

Seamless Responsiveness: Bento Grid adapts seamlessly to various screen sizes and resolutions, making it a responsive choice for UI design. Whether viewed on a desktop, tablet, or smartphone, the grid-based layout ensures a consistent and user-friendly experience. This adaptability is crucial in an era where users access interfaces across a diverse range of devices.

Storytelling through Design: Much like the compartments of a bento box tell a culinary story, Bento Grid allows designers to weave a narrative through visual elements. Each compartment becomes a chapter in the user's journey, conveying information in a structured and engaging manner. This storytelling approach enhances user engagement and creates a memorable user experience.

Emphasis on User Engagement: Bento Grid is not just about organization; it's about creating an engaging user experience. By presenting information in visually distinct compartments, users are encouraged to explore different facets of the interface. This design pattern promotes interaction, keeping users intrigued and invested in the content or functionality presented.

Challenges Associated with Bento Grid

Every design solution presents its own set of challenges that designers must navigate. Despite its numerous advantages, Bento Grid also encounters several challenges. Here are a few:

Flexibility Constraints

The structured nature of the Bento Grid may introduce certain limitations in design flexibility, making it more challenging to adapt to unconventional design concepts.

Need for Careful Planning

Effectively utilizing the Bento Grid requires meticulous planning and thoughtful allocation of space within individual compartments, which can be time-consuming.

Potential for Monotony

Without proper diversification, Bento Grid runs the risk of inducing monotony in projects, potentially making interfaces appear repetitive or predictable.

While acknowledging these challenges, it's essential to note that their significance can vary based on specific project contexts and applications of the Bento Grid design.

Real-world examples of Bento Grid usage

Apple is a pinnacle in the world of technology, employs the Bento Grid with exceptional finesse. The amalgamation of high-quality graphics and gradients transforms ordinary tiles into a stunning display of aesthetics and functionality.

On the BetterStack website, dedicated to developer tools, the Bento Grid excels in presenting a diverse array of features and services. Compact compartments facilitate a clear presentation of alternatives to popular tools, enabling users to swiftly compare and choose the most suitable solutions.

The WorkOS website, specializing in identity management tools, utilizes the Bento Grid to organize various aspects of the Single Sign-On solution. In this case, the separation of different pieces of information works remarkably well, turning information into visually appealing graphics rather than typical product details.

Bento Grid finds its application in dashboard design, as exemplified by Setproduct. In screens where designers need to present a large amount of data to users, the segregation and proper visualization of information become exceptionally important.

All these examples illustrate that the Bento Grid is not merely a theoretical model but a practical tool that contributes to the effective communication of information and encourages user interaction. The inspiring use of the Bento Grid in real-world projects confirms that it is not just an aesthetic maneuver but a strategy that enhances user experiences, conveying complex information in an accessible and attractive manner.

Check out our other

articles

Title image for this blog post
5 min

Magdalena Ostoja-Chyżyńska: Shaping UX GIRL Future in AI and Web3

Magdalena Ostoja-Chyżyńska, our esteemed CEO, recently engaged in an enlightening interview with BlockyDevs. The conversation delved into the intricacies of the Computer Science industry, our meticulous approach to team building, and our forward-thinking initiatives in web3 and artificial intelligence.

Journey into the Future of Technology:

Magdalena provided a comprehensive view of the operational intricacies propelling UX GIRL forward. From our discerning hiring practices to an unwavering commitment to crafting distinctive UX/UI projects, the interview unveils how UX GIRL aims to be at the forefront of future industry leadership.

Focus on Artificial Intelligence:

A focal point of our endeavours is Artificial Intelligence. Positioned to explore groundbreaking solutions, we are poised to redefine the landscape of technology and the Computer Science industry.

Magdalena extends her gratitude to our dedicated community for their steadfast support. She emphasises our readiness for an exciting journey into the future, aligning with the shared vision of our valued supporters.

Read Magdalena's Full Interview:

For a deeper understanding of Magdalena's journey—from a computer science student to leading the innovative team at UX GIRL—please refer to the full interview. This narrative is characterised by passion, continuous learning, and an unwavering commitment to excellence in user experience.

Adapting to the Future Landscape:

As discussed in the interview, the integration of AI and web3 is fundamentally reshaping the design landscape. Magdalena sheds light on UX GIRL's strategic adaptation, recognizing that this integration is pivotal to shaping future user experiences.

AI has the potential to revolutionise the way we approach design...

For a more in-depth exploration of this transformative shift and UX GIRL's strategic direction, please refer to the interview.

Collaboration Fuels Innovation:

Magdalena underscores UX GIRL's distinctive approach to pairing senior and junior designers. It extends beyond optimising project outcomes; it's about mutual growth. As articulated in collaboration with BlockyDevs:

We introduce two main methods: pairing a junior or mid-level designer with a senior designer... Alternatively, we assemble teams with a mix of skills and experience levels.

This approach not only optimises project outcomes and budgets but also yields collaboration-fueled results that outperform single-designer projects. For a detailed exploration of this innovative approach, please refer to the interview.

In the image, there is a depiction of the subject of the article described below.
5 min

Transitioning from Interest to Profession: The Journey to UX Design

"As the demand for digital products increases, so does the need for UX." - Magdalena Ostoja-Chyżyńska's words encapsulate the dynamic nature of today's IT market. In a conversation with Magdalena Ostoja-Chyżyńska, the founder and CEO of UX GIRL, we delved into the intricacies of this fascinating field.

The Path to UX: Igniting the Passion

Magdalena reveals that she took her first steps in web design as a child, inspired by her brother. It was during those formative years that her passion for user interface design ignited. Her choice of academic path, studying computer science, and involvement in the "Human-Computer Interaction" research group directed her towards UX Design.

The Evolution of UX in the IT Space

Over the past 10 years, we've witnessed a revolution in how UX is perceived in the IT industry. Magdalena mentions that previously, few emphasized user needs. Today, thanks to methodological advancements and increased understanding, UX plays a pivotal role in the digital product creation process.

Key Competencies of a UX Designer

Magdalena emphasizes that a good UX Designer should possess curiosity, analytical thinking, and interpersonal skills. There isn't a single path to becoming a UX Designer, but practice and gaining experience are crucial.

The Role of UX GIRL in the Market

Magdalena's company, UX GIRL, responds to the growing demand for UX specialists. She notes that the sector is evolving rapidly in tandem with the increasing demand for digital products.

Challenges and Prospects for Women in IT

Most of Magdalena's colleagues are women, reflecting the changing perception of women in IT. Studies show that women are appreciated for their meticulousness and dedication to their work.

Embarking on the UX Adventure

For those looking to enter the world of UX, Magdalena advises making a decision and consistently pursuing it. Practice, volunteering for digital projects, and finding a mentor are key to development in this field.

Through our interview with Magdalena Ostoja-Chyżyńska, we discover that the world of UX is not just about interfaces; it's also about passion, hard work, and continuous improvement. It's hopeful that inspiring stories like hers will attract more talent to this dynamic field.

For specifics please refer to the full interview.

Title Image for this blog post
5 min

The Evolution of the Blinking Cursor: Navigating the Challenge of Multiple Cursors in Design

The digital environment is constantly changing. Design evolves and adapts to new needs and new users. However, some solutions do not go out of fashion. People from all generations know them and changing them could introduce chaos or at least frustration.

All of you know it very well and see it every day while typing on any of your devices. It helps you by indicating the spot for your future text and does follow new letters as you type. It also specifies the location in the text where you want to paste something that you previously copied. You might have seen it as an underscore or a block but usually, it takes the form of a blinking vertical line. As we found out while researching for this article - it also has a lot of names

  • caret
  • blinking cursor
  • text cursor
  • text insertion point

Where did the blinking cursor even come from?

In the last century, along with technological development, the possibility of creating and editing texts on the first computers appeared. However, writers struggled with the problem of the lack of a quick and intuitive possibility of changing or removing a selected fragment of the text.

Charles Kiesling was one of the engineers interested in advancing the capabilities of computers in the 1950s. He worked on improving the logic circuitry of computers such as the IBM 650. In 1967, Kiesling filed a patent for a new typing solution - a blinking cursor. However, this solution became widely known and used in 1977 with the premiere of Apple II and a year later with the premiere of the first commercially popular word processor WordStar.

Today, anyone who has had a computer in their hands at least once knows what a cursor means. Designers and developers working on products and adding new features can’t disregard  solutions users are already used to.

So what should we do if we need to point two spots at once?

We’ve recently asked ourselves this question for the first time. We came across a case that made us think about it while designing a tool similar to code creator. The user was supposed to add a few elements in the line, which together created a whole code. Each of the elements could have been selected from a code completion list that also had a search function. First caret: the user needed to be able to see the location of a new element added in the "code". Second caret: if the user wanted to search for an element, the caret must have appeared in the active textfield.

What now? Should we delete one cursor? Gray it out? How about leaving both of them and ignoring the problem? We’ve decided to check some popular apps - desktop and mobile and find out how they solve this problem.
Gmail on Mac - Adding emoji to a new email

One caret follows the text entered in the search box. The other indicates the place in the email where the selected emoji will appear. It's worth noticing that they are both blinking and have the same color.

Adding emoji to a new email. Illustration of the cursors' behavior.
Google Docs - Searching an element in the doc

In that case, the first cursor follows the text typed in the finder tool. The second one points to the last active text location. Both of the cursors have the same color, but just the one in the finder is blinking. The second cursor starts to blink again after closing the finder.

Searching an element in the google document. Illustration of the cursors' behavior.
iOS Notes - Adding emoji to the note

iPhone users can experience a double text cursor creating a new note on their phones. The cursors are very different from each other - they have different colors and only the one in the search box is blinking.

Adding emoji to the iOS note. Illustration of the cursors' behavior.
WhatsApp for Android - Adding emoji to the new message

In that case, we can see only one caret and it’s in a search box. The one in the textfield is invisible but the selected emoji appears in the place where a caret was active the last time.

Adding emoji to the new WhatsApp message. Illustration of the cursors' behavior.

Which one is the best?

After testing a few apps, it's time to summarize the pros and cons of each solution.

Visibility of both cursors at once

In our opinion, the user should always be able to see where the result of their action will appear. Making one of the carets invisible takes away some part of the user's control. So we stand for keeping both cursors visible to the user. What is important here is creating a hierarchy for them. So now let's take care of…

Colors

Let's pay attention to a good idea that appeared in one of the inspirations we found: the cursor that is not responsible for the main action on the screen is grayed out. To highlight the importance of the main cursor, we can also choose colors other than black. Blue for example will call attention to the active status of the textfield.

Blinking

Last but not least - blinking of the cursor. It is obvious that this function helps a lot in finding our current location in the text. But aren't two elements blinking on the screen too much? In our opinion, yes. In the case of a double cursor, we would definitely choose to animate only one of them, the main action one.

Conclusions

Adding a blinking cursor to the interfaces was undoubtedly necessary to facilitate many people's daily work. This invention has stood the test of time and is still widely used today. However, sometimes even the most reliable solutions need an adaptation to more complex features. Yet, as designers, we have to remember that if the user already knows the action of a component, we shouldn’t change it.

In our opinion, in this task, we should focus on designing the hierarchy of elements. We have the ability to work on the visibility, color, and movement of elements. This essential UX designer skill will keep the interface transparent and let the user stay in control. 

And you? How would you design a tool that requires two cursors? And as a user, have you noticed this problem in the apps you use?

Begin your design adventure now!
Contact us