GameDev

What is UX/UI? 20 Dumb Questions for a UI Designer

What is UX/UI? 20 Dumb Questions for a UI Designer

Contents:

    Who are you in the world of game development? Find out on a free course ➞ You will try out 3 professions in practice: game designer, 2D artist, and Unity developer. Create your first Mario-style game. Click for details.

    Learn more

    A UI designer creates a user interface that enables user interaction with a product. UX/UI refers to two key aspects of design: UX (user experience) and UI (user interface). Understanding the basics of user psychology is essential in this profession, as it helps create an intuitive and user-friendly interface. Drawing skills are not required, but visual representation skills can be helpful.

    Game interface development involves creating elements that make interaction with the game more engaging and understandable. This requires not only artistic skills but also a deep understanding of player interaction with the gameplay. To become a UI designer, it is helpful to study design principles, master interface creation tools, and gain experience through practice and a portfolio.

    Skillbox Media's "Gamedev" editorial team is launching a new column in which we will pose provocative and awkward questions to representatives of the gaming industry. We aim to dispel myths, doubts, and misconceptions about various professions in this field. If you have any questions, please leave them in the comments below this post in our Checkpoint Telegram channel.

    In our new article, we asked Andrey Pekarsky, Senior UI Designer at Creative Assembly, 20 unusual questions. These questions will help us better understand his approach to design and creativity in his work.

    A user interface (UI) is the visual language that enables users to interact with software. This could be anything from a mobile app on a smartphone to a complex game on a home console. An effective UI plays a key role in creating a positive user experience, allowing for intuitive and convenient use of an app or game. A well-designed interface helps users easily navigate functionality, increasing convenience and satisfaction from using the product.

    To become a UI designer, a degree from an art college or design school is not required. Nor is it necessary to begin a career immediately after school, interning with renowned professionals. While these steps can be helpful, the path to becoming a UI designer is relatively straightforward. If this type of design appeals to you, it's worth considering gaining knowledge in related fields such as graphic design, motion design, or web design. These specialties can provide an excellent foundation for further professional growth. It's important to note that each of these professions has its own unique strengths and challenges that can enrich your experience and skills in UI design.

    If you have a strong command of style, a good understanding of its specifics in various tasks, and an understanding of how color, tone, and proportion work, don't miss the opportunity to apply for a UI designer position in your field of interest. Your skills and knowledge in this field will allow you to effectively solve problems and create attractive interfaces.

    Yes and no are two components of the unified visual language of a program, game, or website. The user interface (UI) defines the visual aspects, style, and overall user experience when interacting with a product. User experience (UX) design describes how exactly this process occurs. To visualize this, you can imagine an organism, where the skeleton symbolizes the UX, and the UI covers all the other elements. The right combination of UI and UX is critical to creating an intuitive and engaging product that fosters a positive user experience.

    Menu interface for the mobile game Eventyr, designed by Andrey Pekarsky Image: Andrey Pekarsky / ArtStation

    The concepts of "yes" and "no" represent two components of a unified visual language for software, games, or websites. The user interface (UI) is responsible for the visual design, style, and overall user experience. User experience design (UX) defines how this process is accomplished. For a better understanding, imagine an organism: the UX is its skeleton, and the UI is all its other elements. Effective combination of UI and UX is crucial for creating user-friendly and attractive apps that foster a positive user experience.

    Menu interface for the mobile game Eventyr, designed by Andrey Pekarsky Image: Andrey Pekarsky / ArtStation

    It may seem unusual, but professionals often leave the UX/UI field to focus on one of these areas. However, if you are looking to dive deeper into UX/UI and go through all the stages of developing the visual component of a project, you will encounter a number of key stages. You will get the opportunity to study user research, prototyping, interface creation, and design testing. Each of these steps is important for creating a successful product that is not only visually appealing but also easy to use. Understanding all aspects of UX/UI will allow you to create more effective and desirable solutions for users.

    • building a user profile;
    • creating initial prototypes;
    • testing;
    • creating a visual style concept and further formalizing it into the final product.

    This is an approximate list of tasks, which may vary depending on the specific situation. Starting a career in UX/UI design is an excellent choice. This path will give you a general understanding of the development process and will also help you identify your strengths and preferences for future professional development. By delving deeper into UX/UI, you will better understand which aspects of design most interest you and where you can make the greatest contribution.

    Learning the basics of design is possible on your own, even before entering university, thanks to the availability of the internet. There are gaming events and exhibitions that provide the opportunity to meet industry professionals and gain valuable knowledge. This is excellent practice for aspiring designers. You can also begin creating your own projects using references, redesign existing interfaces, or develop new concepts on your own. If you are more interested in a traditional education, almost every major university has a design department where you can deepen your knowledge and skills in this field.

    If student life didn't work out for you, discover the opportunities of online education. Numerous specialized courses are available online that allow you to quickly and effectively acquire the necessary knowledge and skills. Online learning offers flexibility, allowing you to study at a convenient time and in a comfortable environment. This is a great way to improve your professional qualifications and increase your competitiveness in the labor market.

    Andrey's personal experiment - redesign of the HUNT: Showdown interface. This image shows the updated perks menu. Image: Andrey Pekarsky / ArtStation

    Read also:

    UX/UI design is a field related to the design of user interfaces and improving the user experience. UX (User Experience) focuses on how users interact with a product, ensuring ease of use and satisfaction. UI (User Interface) is responsible for the visual aspect of the interface, including design elements, color schemes, and fonts.

    To start a career in UX/UI design, it's worth learning the fundamentals of design and interaction theory. It's recommended to take courses or training programs dedicated to these topics. Hands-on experience plays a key role, so it's important to create your own projects and participate in real-world assignments or internships. Creating a portfolio with work examples will help demonstrate your skills to potential employers.

    It's also important to keep up with new design trends and tools, as technology and user preferences are constantly changing. Developing skills in design programs such as Figma, Adobe XD, or Sketch is essential to be competitive in the job market.

    UX/UI design is not only creative but also analytical, so it's helpful to learn the basics of user behavior and testing methodologies. This way, you'll be able to create effective and attractive interfaces that meet user needs.

    You can begin learning the basics of design on your own, even before entering university. Today, the internet is widely accessible, providing numerous learning opportunities. There are gaming events and exhibitions where you can meet industry professionals and gain valuable knowledge. This is hands-on experience worth taking advantage of. You can also begin creating your own projects using references, redesign existing interfaces, or develop new concepts yourself. If you prefer traditional education, almost every major university has a design department where you can gain qualified knowledge and skills.

    If student life didn't meet your expectations, online education offers excellent opportunities for gaining professional skills. Numerous specialized courses are available online, allowing you to quickly acquire the necessary knowledge and competencies. Choosing online education opens new horizons for career growth and personal development.

    Andrey's personal experiment - redesign of the HUNT: Showdown interface. This image shows the updated perks menu. Image: Andrey Pekarsky / ArtStation

    At first glance, the fields of design may seem different, but one key aspect remains – the designer. Regardless of whether you are creating interfaces for a fantasy RPG or developing a concept for an online store of soft toys, the approach to work and tasks of these specialists are similar. The main goal of the designer is to help the user achieve their goals, as well as to simplify and make their interaction with the application or website as comfortable and effective as possible. Designers strive to create an intuitive interface that improves the user experience and facilitates successful problem solving.

    Drawing skills can be very useful, but they are not a requirement. For example, I do not consider myself a good artist, but this does not stop me from creating simple sketches and icon sketches. Although my work is not comparable to the works of professionals, this is not crucial. The key is being able to express your ideas and visualize concepts, even at a basic level.

    Artifact icons for the Eventyr mobile game, drawn by Andrey. Image: Andrey Pekarsky / ArtStation

    Check out similar materials:

    Ask an expert: does a designer need to be able to draw?

    Many people wonder whether a designer needs to have drawing skills. At first glance, it may seem that this is critical for a successful career in design. However, it is important to understand that design activity covers a wide range of tasks, and drawing is only one aspect.

    Modern designers often work with various digital tools, such as graphic design, animation, and 3D modeling programs. These tools allow them to create high-quality and attractive visual solutions, even if the designer doesn't have outstanding drawing skills.

    However, the ability to draw can be useful for visualizing ideas and concepts, as well as for quickly sketching. This can help a designer better communicate with clients and colleagues, as well as develop their creative abilities.

    Ultimately, while drawing is not a requirement for all designers, having these skills can significantly expand their capabilities and improve the quality of their work.

    Drawing skills can be quite useful, but they are not required. Personally, I don't consider myself an artist, but this doesn't stop me from creating simple sketches and icon sketches. While my work can't compare to the creations of professionals, this does not detract from its value. The main thing is the desire to express your ideas and visualize concepts, regardless of your skill level.

    Artifact icons for the mobile game Eventyr, drawn by Andrey Image: Andrey Pekarsky / ArtStation

    An analytical approach and visual experience play A key role in skill development. It doesn't matter how you expand your knowledge: be it games, modern websites, lectures, or studying works on Dribbble. However, it's worth noting that Dribbble may not be the most effective resource, as it often serves only as a pretty showcase, rarely contributing to solving real-world problems in projects. Focus on the practical application of acquired knowledge to achieve better results.

    Analyzing acquired knowledge plays a key role in its assimilation. It's important to identify the most useful aspects and strive to apply them in practice. This allows you to not only deepen your understanding of the material but also improve your skills, which ultimately contributes to personal and professional growth. Applying knowledge in practice helps consolidate it in your memory and increase your confidence.

    When people ask me, "What do you do?" it's especially rewarding to answer if the person I'm talking to isn't familiar with my field. I was once asked this question while at a visa application center. I answered, "Interfaces." This sparked interest and a subsequent question about what that was. I simply said, "Buttons, windows, and icons." That was enough for them to understand. Explaining complex aspects of your profession doesn't always make sense when you can simply mention basic elements like buttons. This approach helps make the profession more accessible and understandable to a wider audience.

    My relatives know that I work in the gaming industry, and that's enough for them to understand my profession.

    I want to share my experience in a field that is particularly close to my heart—UI design in the gaming industry. This process requires a deep understanding of user interaction with the game and the creation of an intuitive interface. The importance of high-quality UI design in game development cannot be overstated, as it significantly impacts the overall perception of the game and the user experience.

    The process begins with target audience research and an analysis of popular design trends. This is followed by prototyping and testing, which helps identify the strengths and weaknesses of the interface before its final implementation. Using modern tools and technologies, such as Figma or Adobe XD, helps optimize the workflow and improve the quality of the final product.

    Teamwork is also crucial, where collaboration with artists, programmers, and game designers allows for the creation of a harmonious and functional solution. Ultimately, high-quality UI design not only improves the game's perception but also contributes to its popularity in the market.

    A UI designer plays a key role at all stages of project development, although their involvement varies depending on the stage. In the initial stages of design or preproduction, a UI designer is able to quickly weed out ineffective ideas and offer the team optimal and cost-effective solutions, especially if they have experience working with a game engine. In his work, he often interacts with project managers, producers, game designers, and UX specialists, making team collaboration an important aspect of his work.

    An example of a dynamic bar animation in the Valorant game, which Andrey analyzed for the company's internal knowledge base. GIF image: Andrey Pekarsky / ArtStation

    During interface development, the role and involvement of the UI designer increases significantly, as they are directly responsible for creating the visual design and implementing it in software. At this stage, the UI designer's primary partners are UX designers and engineers. Engineers often face challenges arising from the bold concepts proposed by the UI designer in collaboration with UX specialists. At the same time, project managers expect the UI designer to strictly adhere to established tasks and requirements. This dynamic emphasizes the importance of teamwork and consistency throughout the development process.

    During the post-production stage, the intensity of work can be somewhat reduced: finalizing the project, creating documentation, and ensuring adherence to a consistent style. At this stage, the UI designer primarily performs tasks autonomously, occasionally consulting with engineers to clarify details. This process is important to ensure the consistency and quality of the final product.

    Of course, the above is a general description of your potential responsibilities. In reality, they may vary depending on the specifics of the project and the development approach. However, I hope I was able to give you a clear idea of ​​the tasks and responsibilities ahead.

    The interface does not always have to be bright and noticeable. It should be in harmony with the style of the game and not distract the player's attention. The main task of UI designers is to create a logical and unobtrusive interface that at the same time maintains its functionality and usefulness. It is important that the design contributes to a positive gaming experience, allowing the user to focus on the gameplay itself.

    There are successful examples of diegetic interfaces, such as the Pip-Boy in Fallout 4 and the health and stasis charge indicators on the character's back in the Dead Space series. The use of diegetic interfaces is justified, as they allow players to better navigate the game world and delve into its atmosphere. This is especially relevant for VR projects, where the player becomes a direct part of the virtual reality. Diegetic interface elements not only enhance immersion, but also help create a more natural interaction with the game environment.

    Inventory interface in Dead Space 2Screenshot: Dead Space 2 / Visceral Games

    The creation process always remains unchanged, although the vision and approach may vary. It is important to understand that regardless of the specifics of the project, the basic stages and principles remain relevant. This ensures a high-quality final product and an effective solution to the assigned tasks.

    Any work, regardless of its nature, begins with a thorough analysis and search for references. This stage is based on hypotheses and an idea of ​​the potential visual style of the project. After lengthy and detailed work, the UI designer identifies the most suitable options, transforming them into something unique or adapting them to the visual concept of the project. The hypothesis is then tested in the early stages of testing, which allows us to evaluate the compliance of the initial idea with the obtained result. This process is key to creating an effective and attractive design that meets user expectations and market requirements.

    If the test group successfully interacts with the interface and does not encounter any problems, this is a positive sign for the UI designer, who continues to develop the current concept. If difficulties with the interface arise, the designer returns to the original ideas and either starts the process over again or makes the necessary changes to the current version. This approach optimizes the user experience and creates a more intuitive interface.

    Mobile game controls differ significantly from those on PCs and consoles. Firstly, the smaller screen size of smartphones requires UI designers to pay special attention to every inch of screen space. This creates unique challenges and opportunities for developing a user-friendly and intuitive interface. Effectively using limited space allows players to easily interact with controls and get the most out of the gameplay. Therefore, optimizing the user interface for mobile platforms is a key aspect in developing successful mobile games.

    Secondly, it is necessary to consider differences in device performance. Animation capabilities may be limited, and it is important to consider the architectural features and limitations of different platforms. Some elements may function perfectly on Android but cause crashes on iOS. It's important for mobile UI designers to be prepared for these challenges and adapt their solutions to the specifics of each platform.

    Users on different platforms exhibit different behavior patterns, resulting in different ways of interacting with games. These differences influence game selection, genre preferences, and how they spend time playing. Understanding these behavior patterns is important for developers, as it allows them to create more targeted and engaging content that meets player expectations and interests.

    Eventyr mobile game interface, designed by Andrey. Collage: Andrey Pekarsky / ArtStation

    The effectiveness of hypothesis testing depends on the scale and type of the project. In small games, testing can be carried out on friends, parents, and even pets. While this isn't ideal, small teams often lack other resources. An interactive prototype can be presented to a group of people, allowed to play, and their reactions can be observed, recorded, and analyzed. This approach can help identify flaws and improve the gameplay experience, ultimately resulting in a higher-quality product.

    In large projects, testing plays a key role at every stage of development, providing numerous opportunities to improve the quality of the final product. Particular attention is paid to the interface, which is subject to continuous testing at all stages of development. Independent groups of testers, diverse in profession, age, and gender, are involved for this purpose. During testing, participants' behavior, their reactions to various tasks, and other aspects are analyzed, providing a deeper understanding of how effectively the interface design functions. This approach ensures a higher quality user experience and end-user satisfaction.

    In some cases, colleagues may be involved in testing, but it is important to keep in mind that their results may not fully reflect reality. Employees are well-versed in their projects and have in-depth knowledge in this area. Therefore, user interface testing should be conducted not on specialized groups or developers, but on the game's actual target audience. This will allow for more accurate and objective data on product perception and identify potential issues that real users may encounter.

    The design profession is versatile, as its primary goal is to simplify people's lives through reimagining or creating new solutions. A competent designer is able to find effective solutions for a variety of tasks, whether developing an online store interface or designing a comfortable chair for children. The ability to adapt to various needs and requirements makes designers valuable specialists in the modern world.

    If you are drawn to a particular style, such as Scandinavian, you may well focus on projects that align with your interests. It is important that your work brings you satisfaction and that the end result improves the lives of others. Your design preferences can become the basis for unique and inspiring solutions that will reflect your personality and style.

    Side quest menu concept for a Mafia-style game. This is Andrey's personal project for his portfolio and to practice his skills. Image: Andrey Pekarsky / ArtStation

    The layout and distribution of buttons and keys is the responsibility of the UX department, which is part of their core responsibilities. The UX department develops user-friendly interfaces, taking into account user needs and ensuring intuitive interaction with the product.

    Unfortunately, I cannot give a precise answer to this question, as I have no similar experience. However, theoretically, a UI designer is capable of successfully handling the design of a board game and contributing to the development of its visual style. Design remains an important aspect even in board games, and professional skills in this area can significantly improve the overall perception of the product.

    The interface should be user-focused and ensure ease of use. If at the same time it is possible to create a stylish and memorable design, this is a great achievement. The main goal of the interface is to facilitate the player's interaction with the game, minimizing possible difficulties.

    Spaceship interface concept, inspired by the style of "Evangelion" Image: Andrey Pekarsky / ArtStation

    UI design cannot be judged solely by beauty. A high-quality interface should be user-friendly, achieve the expected results, and be easy to understand. If a design is difficult or doesn't meet user needs, it's of poor quality, even if it's attractive. It's important to remember that the effectiveness and functionality of an interface play a key role in its evaluation. Good design isn't just about visual aesthetics but also the ability to provide a positive user experience.

    The work of a designer can seem like a real challenge. The profession often encounters situations that significantly complicate the process. One of the most challenging aspects is changing the visual style and concept of a project. This leads to a significant portion of the work, as well as the time and effort invested, being wasted. Such situations require designers not only professionalism but also the ability to adapt to change, which is an essential skill in this field.

    Attempts to correct design flaws with UI design often lead to increased complexity. This is a common problem in our creative profession. Making adjustments is an inevitable process, and it's important to learn to respond appropriately to them. The ability to embrace and adapt to change can significantly improve work efficiency and the quality of the final product.

    Inspiration manifests itself differently for everyone. Some find it in lively discussions at events and industry forums where ideas and experiences are exchanged. Others draw energy from successful projects of their colleagues or interesting developments in the community. For some, true inspiration is revealed in the beauty of nature, which they explore through botanical research and gardening in their own backyard. Each of these sources of inspiration is unique and can contribute to the development of creative ideas and projects.

    Design is a vast field offering endless opportunities for self-expression and the realization of creative ideas. Inspiration can come from anywhere, including the most unexpected sources. Every element of the surrounding world can become the basis for unique design solutions. Use your imagination and create without limits, opening new horizons in the world of design.

    Who are you in the world of game development? A mini-course for those who want to make games.

    In this free mini-course, you'll try yourself as a game designer, 2D artist, or Unity game developer and choose the profession that's right for you.

    Find out more.