Skip to main content
How Games Can Give Insights and Solutions to UX Problems

How Games Can Give Insights and Solutions to UX Problems

I’ve been working as a UX designer since 2019. So far, I’ve mainly worked for Back Office tools: energy and water management, inventory, catalogue, logistics, etc. I focused on my UX job and learning and reading outside work.That said, I never stopped gaming – it’s my way of relaxing, and in its magic, it keeps me going when motivation is running low or life seems too grey to smile.I naturally write about the intersection between these two big things in my life, and it’s no secret I want to learn more and even bring it to my daily job. I was looking at games through the lenses of a UX designer… and noticed that games also touched my work in a subtle and fun way.Let’s see some good examples. The first two are solutions I used from games, and the rest are some of my favourite learnings in design that were glued to my brain by games.Using Specific Solutions From GamesThese two are solutions that I used because I remember them from games. It happens more often, but these are the ones I sometimes talk about and that always make me smile. Source: CD Projekt Red.Read it like in Cyberpunk 2077I was working on a sandbox learning website for the UK’s energy sector – teaching how to communicate between devices and various systems. Communications of this network (that connects the entire country) must be incredibly safe and secure. Consequently, the complexity level to handle it is high, which means that the learning curve to operate in the systems is also increased and prolonged. To decrease the learning curve, my company was challenged with creating a learning space for new users of this massive network. We decided to create a safe space not only to learn but to experiment with a simulation of the fundamental things. One of the pages of the learning tool should allow translation of a security language protocol so that users would get used to it. Users should be able to learn how to “read” essential information without the need for this translation tool. So the solution was to have a space to translate it and compare the two languages: the protocol and English. I also wanted the user to compare parts so it would be easier to scan and read them by themselves.When I was thinking about this challenge, I immediately remembered Cyberpunk 2077. I was playing it at the time and compared it with how I had just “cracked the security” of a Military Datashard. When a player gets a Military Datashard, it’s necessary to crack security to read it. Otherwise, it is just a random set of numbers (first picture below). To crack it, a Breach Protocol hacking puzzle is opened (second image): on the left side, you can see the code matrix and the sequence required to upload on the right side. While the user clicks on the code matrix options – on both sides, the choice is highlighted with a blue square and blue text (third image). If the code is cracked, the shard is now readable text in a known language (fourth image in English).All images courtesy of Author.I took some of these ideas and applied them to my challenge.I used the logic of separating the screen into two. On the left side is the protocol language and on the right side is the translation.  » Read More

Like to keep reading?

This article first appeared on superjumpmagazine.com. If you'd like to continue this story, follow the white rabbit.

View Full Article
Laravel Vs Symfony: Answering All The Questions To Make a Better Choice

Laravel Vs Symfony: Answering All The Questions To Make a Better Choice

#Dev
How to Channel a Daily Vision into a 20-Year Photography Career

How to Channel a Daily Vision into a 20-Year Photography Career

#Silicon Valley
WordPress Punts Locally Hosted Fonts for Legacy Default Themes to 6.2 Release

WordPress Punts Locally Hosted Fonts for Legacy Default Themes to 6.2 Release

#Web Design
Fresh For Designers

Is the Dynamic Island plain stupid or the next revolutionary UX pattern?

#All

Let's talk about UX

The term "web design" describes the layout of websites that are seen online. Instead of software development, it typically refers to the user experience components of website development. The primary focus of web design used to be creating websites for desktop browsers, but from the middle of the 2010s, designing for mobile and tablet browsers has gained significance.

What is a webdesigner?

A web designer is responsible for a website's look, feel, and occasionally even content. For instance, appearance refers to the colors, text, and images utilized. Information's organization and categorization are referred to as its layout. An effective web design is user-friendly, aesthetically pleasing, and appropriate for the target audience and brand of the website. Many websites focus on keeping things simple so that viewers won't be distracted or confused by additional information and functionality. Removing as many potential sources of user annoyance as possible is a crucial factor to take into account because the foundation of a web designer's output is a site that gains and nurtures the trust of the target audience.

Responsive and adaptive design are two of the most popular techniques for creating websites that function well on both desktop and mobile devices. In adaptive design, the website content is fixed in layout sizes that correspond to typical screen sizes, while in responsive design, information moves dynamically based on screen size. A layout that is as consistent as possible across devices is essential to preserving user engagement and trust. Designers must be cautious when giving up control of how their work will appear because responsive design can be challenging in this area. While they might need to diversify their skill set if they are also in charge of the content, they will benefit from having complete control over the final output.

What does a web design worker do?

A web designer is a member of the IT industry who is in charge of planning a website's structure, aesthetic appeal, and usability.

A skilled site designer must possess both technical know-how and creative graphic design abilities. They must be able to envision how a website will seem (its graphical design) and how it will operate (conversion of a design into a working website).

The terms web developer and designer are frequently used interchangeably but erroneously. In order to construct more complex interactions on a website, such as the integration with a database system, a web developer is frequently more likely to be a software developer who works with programming languages.