Design-meetup in ITOMYCH STUDIOdevelopment Nov 21, 2019
The success of this season’s first QA meet-up inspired us to host the next such event. This time the initiative was taken by the designers, and we could not refuse them, because it is the creativity, originality of the ITOMYCH STUDIO team. Therefore, without hesitation, we dedicated to the design the second meet-up of the season within KH Mobile Devs.
The choice of topics for the reports was left to the experts, because those who else but designers know better what will be interesting for their colleagues and associates. Thus, Anna Yelovska, leader of the ITOMYCH STUDIO design team, chose the topic “Design Systems”, and Roman Radchenko - one of the leading designers of the team - “Syntax of the interface and principles of communication of the machine with the human.”
The event was organized on October 10 in ITOMYCH STUDIO and started with a report by Roman Radchenko. First of all, he provided information about the language of robots, spoke about its features, advantages, and disadvantages.
Then we talked about the importance of text in the design. Spectators listened to information about the role of language and text in UX. Also, they got acquainted with the features of human-centered design, among the main criteria identified: visibility, accessibility, language, legibility. After that, Roman gave recommendations for writing texts in the design process:
- write briefly;
- write concisely;
- refer information to the user;
- provide useful details;
- write in a light touch for all reading levels;
- writing in Present tense;
- use numbering.
Each of the recommendations was reviewed with particular examples. The audience saw how to transmit information to the users so that it would be understood.
Then we turn to the subject “Information style and usefulness”. Roman showed which texts are better to use in design and which ones are better to avoid. He also told us about “stop words.” Recommended to the audience the books of the famous author Maxim Ilyakhov, “Write, shorten” and “Informational Style.” At the end of the presentation, Roman demonstrated phrases from books that were useful and interesting to the audience.
The report was finished with answers to the audience’s questions and heated discussions.
Positive and motivated spectators were looking forward to the second presentation by Anna Yelovskaya. She told us how the system of design helps save time and efforts. Firstly, she addressed the audience with interesting questions, organized a conversation. This attracted the spectators’ attention.
After that, participants of the event learned what is a design system. comprehensive tool for solving problems with a flexible system of rules, interface patterns, and a single library. It provides communication between designers, developers, the whole team, and the product.
What should a system of design consist of? Anna named the following components and explained the essence of each of them:
- visual language;
- component libraries in code;
- templates for design tools;
- team of design system.
Then the question arose: “How to combine this?” It turns out there is an atomic design methodology for this.
Front-end developer Brad Frost introduced it. He compared design to a chemical system and identified the following components: atoms, molecules, organisms, patterns, and pages.
Anna explained what includes each of these components in the system of design. Atoms are buttons, molecules are a search bar, organisms are labels and icons, templates are test screens, and pages are almost a finished product.
After that everyone considered the usefulness of design systems:
- saving time in the process of development, design, and testing;
- consistent design;
- team communication simplification;
- indispensable for a redesign.
However, like anything else, the design system has not only advantages but also disadvantages. Among them, Anna named: the complexity of the creation, the need for coordinated work during development, the need to use patterns, the importance of a critical assessment of an already created system.
Anna also shared her experience as how our team implements the system design in the Dozens project. She described how they help simplify the development process and what difficulties they encountered while working.
Upon completion of the report, she readily answered all the questions raised by the audience and was pleased to discuss with them.
All participants were delighted with the event and, despite the late time, didn’t want to leave the ITOMYCH STUDIO office for a long time. They were pleased to discuss the reports of our designers, talked about their own experiences, exchanged contacts, and useful information. And we treated guests and entertained with pleasant music.
Inspired by the wonderful event, we look forward to the next meetup in ITOMYCH STUDIO. See you soon!