Tag Archives: faq

tubikstudio web ui design

Tubik Monthly Review. March.

The spring has quickly sprung with new month blossoming with days full of inspiring work, new projects and concepts, shots and articles and tons of bright moments of work and relax. So, starting a new month, let’s keep the tradition and look back at what has been done.

 

As usual, we start with numerous Dribbble shots featuring all sorts of design tasks in particular UI design, illustration and motion design. Let’s look over them, the picture is really worth a thousand words here.

 

tubik studio ui animation

Bonano e-commerce interactions by Vladyslav Taran

 

tubikstudio illustration

Submarine Rider by Denys Boldyriev

 

tubikstudio ui design

On Behalf of a User by Marina Yalanska

 

tubik studio landing page design

Arts, Culture & Education Curation | Landing by Polina

 

tubikstudio ui design

Tubik Studio | BuonApp by Ernest Asanov

 

tubikstudio graphic design

Girl and flowers by Arthur Avakyan

 

tubikstudio ui webdesign

Comics Shop Home Page by Dima Panchenko

 

tubikstudio app ui design

Dreamcatcher app by Konst

 

tubikstudio app ui design

Light and Darkness in UI by Marina Yalanska

 

tubikstudio app interface design

BeBright App by Ludmila Shevchenko

 

tubik studio character animation

Monster animation by Kirill

 

tubik studio web ui design

Birds of Paradise Encyclopedia by Vladyslav Taran

 

batman vs superman emoji by tubik studio

Batman Vs Superman Free Emoji by Arthur Avakyan

 

tubik studio graphic design

NightCore by Ildar Aleksandrov

 

copywriting tubik studio

Copy in UI Design by Marina Yalanska

 

tubik studio animated illustration

Lowrider by Denys Boldyriev

 

Tubik studio UI animation

Tubik Studio | Museu by Ernest Asanov

 

Landing Page Animation Tubik Studio

Landing Page Animation by Sergey Valiukh

 

So, it’s easy to see how bright and comprehensive was this month in trying different design techniques and directions. In addition, we didn’t miss the chance of publishing some new articles here in Tubik Blog. In case you could miss out on any of them, let’s review what were the themes to discuss in March:

 

  • UI/UX Design. On Behalf of a User. Designing the product for user, we should listen to what users want and need. The article analyzes the most popular features and characteristics users want to see. Considering and applying them results in efficient UI/UX design.
  • Tubik Weekly Reading List on Design. UI/UX Tips. The first issue of Tubik Reading List for designers as well as anyone involved or interested in design process, techniques and secrets. This time recommendations are concentrated on the issues of user experience design.
  • Light and Darkness in UI Design. Matter of Choice. The article considering basic aspects and steps of choosing the efficient color scheme as well as balance of light and darkness enhancing usability and attractiveness of user interface.
  • FAQ Design Platform.The Role of Branding in UI Design. Fresh issue of platform answering actual and popular questions about design. This time it is focused on the role of branding elements in UI design and ways of their mutual support.
  • UI/UX Design Glossary. Steps to Usability. The set of definitions for the basic terms in UI/UX design process influencing usability and performance. Supported with examples and descriptions based on studio designers’ practical experience.
  • Tubik Weekly Reading List on Design. Issue 2. Fresh issue of Tubik Reading List providing recommendations on useful reading about design process. Informative articles for your inspiration in professional perspective: UI/UX design, branding, flat design, animation and the like. Enjoy the reading!
  • Copywriting in UI. Words that Make Design Go Round. The article analyzing basic aspects of copy as one of key elements of efficient UI/UX design. Here we consider the basic functions of copy in user interface and recommend the stages of design process where professional copywriter can be helpful.

tubikstudio design blog

 

As it usually happens, the first month of spring brought days full of teamwork, communication, inspiration, brainstorming and rest, which we were keen to share with our over 21K followers in studio Instagram.

tubikstudio designers

tubikstudio design office

 

Getting closer to global design community as well as everyone interested in this sphere, we shared our ideas and experience via Medium, provided new answers on Quora and kept everyone updated with studio news via Twitter, Tumblr and Flipboard.

Tubik Studio on Quora

 

And perhaps the most remarkable event of the month was Tubik Studio birthday, which we celebrate on the first day of spring. Now studio is already 3 years old and the team has grown significantly both in number of people and in diversity of design tasks we are now able to accomplish. We had a fascinating party filled with warm memories, best wishes and high dreams.

tubik studio CEO and art director

Tubik Studio CEO and Art Director Sergey Valiukh giving a speech

 

Tubik Studio design team

Tubik Studio team and guests of the birthday party

 

Tubik Studio lettering

 

One more month went to history but brought fresh prospects and new aims which we hope to realize this month in new projects, concepts, meeting and articles. Send you all part of our inspiration!


Welcome to see the designs by Tubik Studio on Dribbble and Behance

Tubik design studio

FAQ Design Platform. Diversity of the Job

The field of modern digital design is incredibly dynamic as more and more new tools, devices, products, users needs and wishes are opening broader and broader perspective for professionals. That is why it is actually hard to find such an official position as Designer in any company staff specifications. Reading bios via internet blogs and platforms you can come across tons of various positions in design sphere such as product designers, graphic designers, UI/UX designers, interaction designers, logo designers and so on and so forth. Actually, all of those positions have something in common working over the best solutions for the product use and promotion, but all of them are concentrated on the different sides of a design object.

 

So, today’s issue of our FAQ Design Platform in Tubik Blog will concentrate on some popular questions along the nature and differences of some positions in such a diverse sphere as design. The answers are based on the thoughts we have provided for those popular questions on Quora which you are always very welcome to read and where we are always happy to share our ideas, knowledge and experience.

Tubik Studio at Quora

 

Can you be a UX/UI/Web designer without knowing programming at all?

 

On the basis of work experience for Tubik Studio and communication with designers from other companies and studios, it is possible to give absolutely positive answer. Yes, you definitely CAN be a UI/UX designer for app and web with no background or theoretical knowledge of programming.

 

Actually, it should be mentioned that the question if UI/UX designers should know how to code or not is the one of  «eternal» discussions in the design sphere. There are, basically, two camps of extreme positions. One of them claims that programming/coding is absolutely vital thing to know and you cannot provide really efficient UI/UX without knowing how to code. The other side believes that knowledge of programming kills the creativity in design as in this case designer is limited with the rules, standards and restrictions of development. Both positions are supported with numerous articles and discussions and both somehow make sense if you think about the issue in the perspective of real design projects.

 

Basically, the task of UI/UX designer is to analyze the target audience and their needs, to make a research, to create an efficient layout and well thought-out system of transitions, to wrap it in an attractive but highly usable and clear visual design and to test the solutions. UI/UX designer is not a developer: they work on the same product but from different sides, as well as for example a writer, an editor and a publisher work differently on the same book. However, it is obviously pleasant for developers if a UI/UX designer is able to produce designs which consider at least the basic limitations and points of programming and coding.

 

tubikstudio UX design

 

There is a great bunch of successful experts in app and web design who have never had anything in common with the sphere of coding and development and provided great design solutions with very high level of usability. Nevertheless,  it cannot be said that they are totally out of the issue. Designers, who are keen to create viable product designs, usually tend to get acknowledged with general understanding of development basics. That really supports the designer in providing as effective design as possible, considering all the stages of its creation and implementation. However, it doesn’t mean that without this sort of knowledge it’s impossible to create good designs. Moreover, if designers work in a team with developers, they can create designs without knowing coding even easier as they are supported with developers who control the process in the perspective of coding.

 

Ideally, happy medium should be found in this issue without any extreme positions. If designers tear themselves too far away from development reality, they risk losing viability of their designs and could end up having great deal of amazing and terrific concepts none of which will be implemented in real products. On the other hand, if designers concentrate too much on limitations of coding, they risk becoming unable to think out of the box and provide original design ideas. Keeping the wise balance provides the harmony.

 

tubik studio UI design

 

So, to sum up, a person can become a successful UI/UX designer not knowing programming and development; however, this kind of knowledge can be supportive if used wisely.

The original answer at Quora by Marina Yalanska for Tubik Studio

 

What is the relationship of UI design and icon design?

 

Answering the question in general, it should be said that icons design is the essential and integral part of UI design. Seeing the definition of UI design as the stage of design process which provides visual representation of all the concept, icons are the vital element of the user interface of the product enabling successful and effective interaction with it.

 

Working with loads of projects on UI/UX design, we see icons design as the significant stage in general design process. Since this topic is now actual and popular, we have previously published the article called Iconic Simplicity. The Vital Role of Icons considering the part of icons in creating efficient design.

 

Basically, app or desktop icon is an image which having a kind of symbolic and metaphoric potential becomes the element of navigation in the process of interaction. In deeper explanation, icon is the visual symbol representing some real or virtual action, thing, person, etc. In many cases icons are able to stand up for the text, and this ability makes them so popular in the world of modern web and app design. If you replace the stretch of copy with an icon, it saves the place for other elements of interaction on the app screen or webpage therefore making it more functional without being overloaded. Also, it makes the interaction faster as in most cases people need less time to see and understand the icon than to read and understand the piece of text.

 

Moreover, the icons efficiently move the limits as they enable people who have the problems of copy perception and recognition, such as those who suffer from dyslexia or the like, to interact with the product. And finally, icons can successfully combine the functions of navigation and explanation with being the aesthetic element of the visual representation of the product, supporting the general style and having their own character.

 

Here is the example of the icons set by one of Tubik designers. It can be used in different apps keeping the style consistent and harmonious.

 

multimedia icons tubik studio

Multimedia Icons Set by Arthur Avakyan

 

So, the role of icons design as the part of general UI design is very important that makes designers put considerable time and effort into creation and adaptation of clear, meaningful and recognizable icons, which at the same time will become nice graphic elements of the layout in general stylistic concept.

The original answer at Quora by Marina Yalanska  for  Tubik Studio

 

Is it worth to learn icon design as a UI designer?

 

On the basis of ideas in the previous answer we tend to give the answer «Yes» to the question. Icons are the vital element of the user interface of the product enabling successful and effective interaction with it. Therefore, it is worth learning how to deal with them in case the designer wants to work effectively and create high-quality interfaces.

 

Concentrating on the aspect if its necessary to learn the icon design, actually, now with numerous sets of diverse icons created by professional graphic designers it is possible not to create handcrafted icons but use ready-made icons corresponding to the style of the app. So, to some extent it is possible to create UI design not getting dip into all the secrets and peculiarities of icon design. However, there can be a bit of trap, as nowadays with growing functionality and inventing new features the bulk of ready made icons can appear not satisfying all the needs of the particular interface. Using the icons which do not perfectly fit the general style of the app or website, designer can risk loosing the feeling of harmony.

 

Understanding the vital role of icons, our designers in the studio not only create original icons packs but also present concepts to demonstrate how well thought-out icons can support general UI solutions. Here is the example of such a presentation based on the set of icons you could see in the previous answer.

 

tubik studio animation icons

Multimedia Icons Presentation by Valentyn Khenkin

 

We deeply believe that it’s really essential to study and practice icon design for designers who set high aims in their career ladder and want to be ready for complex design tasks and creating efficient and original interfaces. The experience of work on various UI/UX design projects, dealing with customers and research of existing design products show the precious nature of ability to create meaningful and symbolic icons which would correspond with general stylistic solutions of the product and would become the harmonic tool of successful interaction.

 

To become successful in such a dynamic sphere, you need to be strong and competitive in your field. Practice shows, that skill of icon design inevitably makes a UI designer stronger and more flexible in accomplishment of different design tasks.

The original answer at Quora by Marina Yalanska for Tubik Studio

 

Can anyone be a graphic designer?

 

Physically any person, with hands and eyes working properly, is able to try himself or herself in the sphere of graphic design. As well as anyone who is able to write can try writing and anyone able to communicate can try, let’s say, management or teaching. In any sphere, there always is a chance to become successful (or not) if you have necessary basic physical abilities. However, it can often be not enough to become professional and efficient in this field.

 

Being based on the diverse experience of communication with graphic designers, it is easy to see that to become a professional and bring home the bacon with the efforts in the sphere of graphic design, the person needs to have a number of characteristics. And first of them, as for any creative job, are passion, talent, ability to work hard and readiness for constant learning and self-improvement. Having all these traits, the person will be able to practice necessary skills, to master needed software, to gain the solid basis of theoretic knowledge and so on . Behind the passion we mean sheer and sincere interest to the field of design and feeling it as the source of inspiration and ambition. Without it, designers are able to solve the tasks and provide the results, but they will be technical, without any soul and heart. Book without soul is just a set of words. Image without soul is a set for shapes and colors. Communication without soul is just a set of sentences. Design without soul is just a set of features. To breathe in the life into all of them, the passion of the creator is a key factor.

 

However, with my words above you can get caught into a trap. Passion which is being talked about is not something that just strikes you one day and tells you «Stand up and go to design». In most cases passion is like appetite: it comes when the process starts, when you try and feel that THIS is something you would like to do and grow in. Even more, there are many professionals who got into deep and sincere passion for their craft in the process of improving their skills or accomplishing the projects.

 

tubikstudio graphic design

 

No doubt, it’s possible to become a graphic designer only through hard work: the person will get technical ability and will be able to accomplish the tasks requiring, perhaps, lower level of creativity. And in this process people sometimes open great interest and particular talents needed to achieve high results and appreciation in the sphere of graphic design.

 

One more thing to mention is that the job of graphic designer (again, as any other creative work) sometimes looks so romantic, inspirational, bright and deeply creative that people do not see hard and thorough work with developing some small details over and over again, with tons of iterations and great effort of creating not only good-looking but also effective and meaningful design. This job is not just the firework of bright emotions, creativity, inspiration, self-realization and happiness. It is also hours of search, sketching, polishing, staring at computer screen with non-seeing eyes, communication with clients, keeping the deadlines and guidelines. The ability to combine all those sides of design reality is one more vital skill to make a successful professional.

 

tubikstudio designer illustration

 

So, summing up, we tend to answer: no, not anyone can be a graphic designer. But everyone can try if he or she wishes. This attempt in any case will be the gain as for someone it will open the door to the diverse world of graphic design, while for the others it will close that door opening the others at the same time and giving experience which is anyway useful.

The original answer at Quora by Marina Yalanska for Tubik Studio


This is all for today. We’ll answer the next set of questions next Thursday here in our blog. The FAQ platform outlines several directions, so it features the questions, frequently asked by customers, designers, and users. We are open to share our experience, so if you have any questions, feel free to ask them via direct message in our Facebook page or Twitter as well as our Quora representative. We are looking forward to your questions!


Welcome to see the designs by Tubik Studio on Dribbble and Behance

Welcome to read us on Quora

Tubik Studio Year Review

Tubik Studio 2015. Year in Review.

It’s hard to believe, but 2015 is almost over. For Tubik Studio this year was dynamic, bright and rich in meetings, shots, interesting projects and non-stop professional growth.

This year, being active on Dribbble, we have published around 140 shots. Here we offer you to look through the set of top positions in the categories of UI/UX design, illustration and animation. Following the links, you will be able to see all their detailed descriptions and full-size attachments.

 

Top Twenty UI/UX shots

 

Tubik studio traveller app UI

Traveller App by Ludmila Shevchenko

 

tubik studio social network ui

Social Network by Sergey Valiukh

 

Tubik Studio UI design

Analytics App by Ludmila Shevchenko

 

tubik studio UI app

Skydeck App by Konst

 

tubik studio design ui

Calendar App by Ludmila Shevchenko

 

tubik studio ui design

Book Review by Sergey Valiukh

 

tubik studio ui app design

Task Management App by Ludmila Shevchenko

 

tubik studio ui design ipad

Octopus Bar iPad App by Sergey Valiukh

 

tubik studio music_app

Music App by Ludmila Shevchenko

 

tubik studio app design

GIF for Sport App by Sergey Valiukh

 

tubik studio design ui ux

Sea Schedule by Valentyn Khenkin

 

tubik studio dribbble shot

Sea Schedule Mobile by Valentyn Khenkin

 

tubik studio app ui

Time Management App by Tamara

 

tubik studio graphic ui

Travel Notes App by Ludmila Shevchenko

 

tubik studio blog app

Blog App by Ludmila Shevchenko

 

good_sign_app_tubikstudio

Good Sign App Concept by Polina Makarevych

 

app design tubik studio

 ECHO App v2.1 by Sergey Valiukh

 

artgallery ui tubik studio

Art Gallery App by Ludmila Shevchenko

 

app interface tubik studio

Emotional App by Daria

 

dribbble shot tubik studio

Eventflow App by Dima Panchenko

 

Top Twenty Animated Shots

 

tubik studio motion design

GIF for the Timeline App by Sergey Valiukh

 

tubik studio button ui

GIF of the Tap Bar Concept by Sergey Valiukh

 

tubik studio tapbar ui

GIF of the Tapbar Interactions by Sergey Valiukh

 

ipad interaction tubik studio

GIF — Portrait vs Landscape by Sergey Valiukh

 

tubikstudio motion design

GIF of Dynamic Scroll by Sergey Valiukh

 

tubik studio_social_network

Gif For Social Network by Sergey Valiukh

 

app design tubik studio

 GIF for the ECHO App v2.1 by Sergey Valiukh

 

tubik studio pull down

GIF for Pull Down — Space Ship by Tamara 

 

hamburger button tubik studio

Hamburger button by Kirill

 

ui concept animation tubik studio

UI Navigation Concept by Ludmila Shevchenko

 

calendar-app animation tubik

Calendar App Animation by Kirill

 

 preloader animation tubik studio

Preloader by Kirill

 

ipad interactions animation

iPad App Interactions by Sergey Valiukh

 

ui concept animation design

UI Animation Concept by Alla Kudin

 

add button animation

GIF for the Add Button by Sergey Valiukh

 

landing page animation

Good.co Animation by Ludmila Shevchenko

 

sport_app_motion ui

Tubik Studio animation

Tubik Monthly Review. September.

Life shows all the time that every finish is a kind of a new start while every start is the best time to stop, look back and consider what has been done at this stage. And that is what we are going to do every month in out Tubik Monthly Review which will gather important events, shots and achievements of our studio. So, welcome to the September page of Tubik Life chronicles.

 

Besides active and devoted work on current projects on branding, logo design, UX/UI, animation and illustration, the starting month of autumn was really full of bright colors on Tubik Studio Dribbble page. Let’s look what September brought there.

 

recipe app tubikstudio

Cooking Website  by Ludmila Shevchenko

 

event app UI Tubik Studio

Event App by Tamara

 

switch animation tubik studio

Switch Control Animation by Valentyn Khenkin

 

app UI animation tubikstudio

PartyCloud App by Konst

 

tubik studio dribbble shot

Sea Shedule Mobile by Valentyn Khenkin

 

character graphic design tubik studio

 

Tubik Characters by Arthur Avakyan

 

ui concept animation design

UI Animation Concept by Alla Kudin

 

analytics ui tubik studio

Analytics App Concept by Daria

 

ui concept animation tubik studio

UI Navigation Concept by Ludmila Shevchenko

 

tubik studio animated interface

Force Touch Slide Menu by Kirill

 

Except Dribbbling, Tubik Studio also took part in the professional event in IT sphere called IT-Weekend. It was hosted by SoftServe company in Kiev and Tubik Studio CEO Sergey Valiukh took part in it as the invited speaker and the judge for IT-Awards competition. The event was full of interesting speeches and pleasant professional communication.

 

IT weekend

IT-Weekend conference 

 

Certainly, as usual, we published loads of photos showing studio daily life and processes on our Instagram page

Tubik Studio

 

and were happy to share our ideas and experience in our Blog here. September started with a bit of education – some immortal and highly practical quotes from gurus of usability Steve Krug and Don Norman. Then we published the new issue of Design FAQ Platform with our ideas about steps and features of designing UX/UI to make the product viral. Also we got together around one simple but useful grammar exercise discussing must and mustn’t in design sphere based on our own practical experience, and, of course, we shared this discussion with our readers.

So, September was full of everything, bright, active and energetic for our team inspiring us to do even more and tell you about it next month here.

 


Welcome to see the designs by Tubik Studio on Dribbble and Behance

UXUI Tubik Studio

Design FAQ Platform: UX/UI to make your product viral

This issue of our Design FAQ Platform is going to be devoted to only one question which requires serious consideration. We have received it from our colleague – UI/UX designer Kenil Bhavsar from India and we were glad to get together to grasp a bunch of ideas from all Tubik Studio UI/UX designers on this actual and deep topic. So, let’s get started. The question is: What is ideal process of UX / UI to make the product viral into the world? We usually avoid talking about anythign ideal as it is rather contradictory category; however, we are keen to share our ideas about making products viral on the stage of UX/UI.

 

The essence of virality

 

Virality is the concept behind which we understand fast and easy self-promotion of the product among users. Like a kind of infectious desease, it spreads from one person to the other and no special efforts are needed to support this process. Organic growth of this sort of product is coming from recommendations and sharing. Making the product viral is a dream of any customer who sets it on the market and therefore any designer who is keen to create something successful and widely known.

 

Initially and traditionally, production of this «gene of virality» and «infecting» the product with it was entrusted to marketologists and advertisers. They analyse the target audience, research the market and develop the strategy according to which they directly or indirectly stimulate the users to share the product and create its solid presence on the market. In the sphere of promotion it is a well-known law that the best advertising is word-of-mouth one that is based on personal recommendations. The strategy and means of making the product viral can be thought out and agreed upon not only when the product is created but also much earlier, on the stages of its physical or even conceptual creation.

 

Nevertheless, now virality goes far beyond the marketing process, especially when it comes to web and app design products. Practice shows that there are some things to consider and some mechanisms to apply in the process of UX/UI design in order to make the product more or less viral that means promoted by users and therefore saving time, money and efforts on marketing.

 

Pre-design stage

 

Any designer knows that predesign stage is as important as the time for actual work on design creation. Design should be based on solving problems and giving positive experience, so it’s not only the visual, but also psychological thing. This stage is vital for any kind of product, but if you have the aim to make your product viral, it requires even more attention and deeper analysis. So, here is the list of some things to consider at this stage in the aspect of potential virality of the product.

 

1. Find the key features and start with them

 

The mistake of some products which haven’t become really successful and wide-spread is the attempt to solve a lot of problems at the same moment. This way is not only really complex and needs much deeper analysis at the pre-design stage, but also can be a bit confusing for the users who sometimes will not be able to distinguish the real aim of the product at once. So, first of all define clearly who is your core target audience, what is there major pain and how to help them. Don’t become the hunter who tries to kill two birds with one stone otherwise it’s easy to forget about virality, although you may create a great multifunctional product. It’s better to add functionality and expand your target audience step-by-step rather than to start everything together and at the same moment.

 

2. Analyze the target audience and their potential emotional response

 

When you have defined your target audience and you want to make them promote your product through word of mouth, you should touch their souls and feelings. You will make people tell about the product if you create strong feeling about it. Therefore, you should analyze their needs and typical demographic characteristics to create noticeable emotional response which they would like to share with others. By the way, this response can be absolutely different depending on the aim of the product: you can awe them, shock them, scare them, inspire them, enchant them – any strong feeling will encourage the user to tell someone about the experience, to share it with others.

 

juicy-player Tubik Studio

Music player concept by Valentyn Khenkin for Tubik Studio

 

3. Support a simple and original idea that unites people

 

There are a lot of practical examples how simple ideas based on some wide-spread needs, wishes or hobbies rocketed to success. Take Instagram, which started as the simple service of sharing photos for those who like this type of presenting themselves, or Pinterest, which started as the simple storage for interesting links. Now they are large-scale multipurpose services not only for personal but also for business needs, but they started from very basic needs which a lot of users could not satisfy in fast and easy way. It is vital just to find the problem which makes a lot of people suffer and they will unite around its solution.

 

4. Create a unique solution of the wide-spread problem or issue

 

There are two effective ways to make your product fast promoted but they are first of all based on your decision if you are aiming at long-term or short-term perspective. If you want to create a long-term product that is going to become viral, then your way is to think on the problem globally and create the original product solving the wide-spread problem. It will take more time and effort, but it also creates a long-term prospective way. On the other hand, if you want something that will make your name with less efforts and quicker spread, there is one more way: you can find drawbacks and bugs in existing popular products and create solutions for them. This is usually the short-term perspective, but it can be helpful to get well-known on the basis of already promoted products.

 

In both cases it is important to concentrate on originality, not copying. Don’t try to create the second Facebook. Try to find the first your own product or at least feature that solves a problem which earlier couldn’t be solved or can make previous solutions done better, faster or easier and people will do the promotion for you.

 

skydeck app Tubik Studio

Skydeck app concept by Konst for Tubik Studio

 

5. Think over the element of fun and entertainment

 

People love when they are offered not only deeply serious things, but also the element of the game or fun. Even highly scientific or business-like product can contain some elements of fun, which will make the product more widely discussed.

 

6. Create the need of using friends for achieving user’s own goals

 

This is one of the most efficient techniques which approved itself in numerous cases. When you create the great product, its quality can make people talk about it and it will attract some attention. But if you promise the person something useful and beneficial, they start acting to satisfy their needs and at the same time attract new people to use your product directly. It can be more space in a virtual storage, some exclusive bonuses in the games or the discounts on the goods – anyway, it will make users work as your most powerful weapon of product promotion.

 

event app Tubik Studio

Event app concept by Tamara for Tubik Studio

 

All the mentioned points would better be decided and agreed upon before you actually start the process of UX/UI design so that on this stages you could polish your strategy by tactic steps.

 

UX design stage

 

In the process of UX design for potentially viral product your main aim is to create as positive user experience as possible. Actually, it is required for any UX, but for the viral one it’s vital. And you can make it with the following steps.

 

1. Create the illusion of the choice

 

Users don’t really like when they feel that they are forced to do something. To make the experience pleasant, you should think how to create the illusion of choice sometimes even in obvious things. Users should be guided invisibly through the though-out navigation and layout but at the same time they should feel that they are real decision-makers at any step of their way. The absence of this feature can be dangerous for virality of your product.

 

2. Think about the feeling of the game

 

Games can be different and they are not only for kids. Sure, the more serious is the product, the more hidden the element of game will be. It is up to you, what part of your product will be infected with the direct or indirect gaming virus, but if you think over this sophisticated thing, it will work for you in spreading the product.

 

3. Give the product heart and soul

 

We can often hear that designers should put a part of their soul in the projects they are working on. And that is not a joke, especially when it comes to potentially viral product. When the designer gets dip into the task and tries to solve it as if it was their own problem, when designers look into the user’s problem and penetrate into it, it always gives the products of high-quality user-friendly and pleasant UX. Users don’t only use the product, but also feel the product, its temper and its energy. And when the designer creates it cordially, not only mechanically, user will feel and appreciate it.

 

recipe app Tubik Studio

Recipe app concept by Ludmila Shevchenko for Tubik Studio

 

4. Provide necessary functions right when they are needed

 

This may be the main point to consider at UX stage of the process. It is essential to analyze not only the whole concept of the product but also all the steps that users are going to do. This is the time when user stories and cases are going to be extremely helpful. When you think over them, you will be able to bring forward the features at that very moment when they are most needed. And it will inevitably create positive experience which deserves to be shared with other users through positive recommendations.

 

5. Make the connection with social networks fast, easy and solid

 

Social network are the great basis for virality of a product, so it’s vital to think if they are going to deal with it and how. You can (and should if possible) simplify the sign-up and log-in procedures with social networks, you can think how to encourage people to share their achievements or inform their friends and followers about using your product. It will create strong and various web presence and will open the door to viral promotion of the product.

 

Extended Feed Animation for Echo case study

Echo project by Sergey Valiukh

 

UI design stage

 

UI stage is more about visual representation of the web or app product, so it’s easy to think that there’s nothing to do here because the most important basics of virality must have already been completed at UX stage. However, there are a lot of important points which can expand and enforce the virality of the product on this stage. And we see them as the following:

  • Make the product stylish and good-looking
  • Ensure the interface is not overloaded
  • Review and iterate to obtain the most efficient solutions
  • Prefer UI elements which are simple, clear and original
  • Create unique and recognizable visual feature (including icons, mascots, charachters and so on)
  • Include interesting animation and transitions
  • Provide intuitive interface and natural interaction
  • Include high-quality graphic elements

 

control gif Tubik Studio

Tubik Studio Dribbble shot

Bright interface animations by Sergey Valiukh for Tubik Studio

 

Animated Dribbble shot by Tubik Studio

Fresh and funny animation by Kirill for Tubik Studio

 

At this stage it’s very important to think of high-quality of graphic elements including the smallest ones. Depending on the nature of the product and target audience, you may use interesting illustrations, nice photos, funny characters and the like to make the website or application visually appealing so much that people will be keen to show this “So nice! So cute! So stylish! So beautiful” something to their friends or colleagues. Traditional exchange like: “Have you seen that funny cat in the new calculator on PlayMarket? No? Still no? I can’t believe it, it’s co cute!” is able to virally promote the product even when it has no incredibly unique solutions to global problems.

 

Potential trap: utility vs good looks

 

When you consider how to make the product viral right from the first steps of creating and designing its concept, it’s easy to get into two well-known traps. One of them is to think that virality is the feature of only useful products, i.e. visual representation doesn’t matter. The opposite side of this fight says that only visual features really matter when you want to make your product viral. As you can assume from everything mentioned above, we would recommend to keep the balance and find the happy medium. That is why it is important to think out and include different tactics at all the stages of design process. That doesn’t mean you have to apply all the positions mentioned above in one particular design process as the choice of techniques depends deeply on the nature of the product and the target audience. However, thinking over all of the positions and applying those which are appropriate will bring massive result in the aspect of virality. As practice shows, only in this case your product will get truly viral through utility, usability and pleasant looks. All of this features will bring out desirability which is so important to make people want to share the product with others and promote it this way.


 

This is all for today. We’ll answer the next set of questions next Tuesday here in our blog. The FAQ platform is planned in several directions, so there will appear the questions, frequently asked by customers, designers, and users. We are open to share our experience, so if you have any questions, feel free to ask them any time of day via direct message in our Facebook page or Twitter. We are looking forward to your questions!

See you next Thursday!


Welcome to see the designs by Tubik Studio on Dribbble and Behance

faq by Tubik Studio

Design FAQ platform: questions from designers

We continue with answering most frequent questions which Tubik Studio designers and managers are often asked. Two previous sets were devoted to the issues interesting for customers so this time we decided to give our opinion about the questions we are frequently asked by designers.

 

What tools do you usually use for prototyping?

 

Prototyping is a very important part of the design process. Creating UX/UI, we develop the system of screens, transitions, analyze how different elements of the layout will influence on general efficiency of an application or a website. Therefore, prototype is a great way of testing the work in progress so that the designer could reveal the bugs and problems spoiling the product. Moreover, prototype give the opportunity to present the customer the working model of the product on different stages of its creation.

 

The list of prototyping tools which designers of Tubik Studio use for different goals is rather wide: Pixate, InVision, Marvel, Framer, Flinto, Origami. Usually the choice of the tool and its correspondence depends both on the task and on the preferences of the designer assigned to accomplish it. All the mentioned tools have their benefits and complications. However, now we could define two of them which have settled on the top of the list.

 

The first one is Pixate. It has been tested on numerous projects and proved its efficiency. The most important points to be mentioned are high-quality animation of transitions.

 

pixate

 

The second tool which is now becoming more and more popular with our designers is InVision.  Being constantly updated and improved, this tool for prototyping creates more and more opportunities and features. It provides the wide range of functional features which enable a designer not only easily create efficient prototypes, but also set the field for fast feedback in the process. It accomplishes easy export of graphic content from Sketch. It also has a plugin for Adobe Photoshop that provides additional opportunities of quick and efficient creation of prototypes and synchronization of changes. We have already mentioned in our previous articles that fast and clear feedback is one of the vital conditions of successful collaboration with a client. InVision provides everything that is necessary to fulfill this need.

 

invision

 

It’s really helpful that it makes possible to comment not only on separate screens but even separate elements of the layout. Moreover, recently presented opportunities of creating boards and synchronization with Slack provide even more chances of fast prototype creation, testing and analysis. InVision is the tool which makes the process of prototyping far less time-consuming and more effective due to wide functionality for feedback. So, the designers could get more time for creative work rather than its technical realization.

 

invision
As we are getting the questions about prototyping more and more often, now we are preparing the series of case studies and articles analyzing use of these tools in design process in greater detail and with practical examples.

 

How do you track the projects? What is your choice of product monitoring solutions?

 

As well as for the previous case, during the process of active work we have tried various tools for tracking the projects and communication with customers. We have already practically tested Basecamp, Trello, Asana, Jira, Redmine and others. Obviously, all of them are great tools that improve the process of work enabling customers, managers and designers communicate easily and provide updates on the projects as soon as possible.

 

Our personal preference for projects monitoring as well as in-studio information flow is Trello. This tool is simple, effective, clear and intuitive. That is very important because not all the customers are keen users of technologies and they should be provided with the option which doesn’t need special knowledge or much time to get into its functions. This tool for communication provides clear systems of boards and cards which have a gear deal of features. It makes possible to split any task into sprints and enables to carry out the project providing constant updates and presenting images.

 

trello

 

It is easy to set deadlines (due-dates), delegate specific tasks to specific people, create check-lists and mark out the most important and urgent tasks. It also has one more really precious feature. Trello has not only thoroughly thought-out website, but also efficient and smart applications for iOS and Android. This gives additional opportunity for fast feedback so it saves time, efforts and makes management of the projects very comfortable for the customers. Trello is great option for creating the spot where designers, project managers and customers could together make the fast and effective workflow.

 

trello used by Tubik Studio

 

Choosing the tool of tracking and management, we always take into account the task of the project and the preferences of the customer. That is why we use not only Trello, but also other tools helpful in this issue. However, we always present and explain our scheme of workflow in Trello to the customers and in most cases they agree with our choice. But it should also be said that we are flexible and never miss the opportunity to try new tools. The sphere of design is lively and dynamic as well as the field of project management. That’s why on the basis of practical experience we suppose that trying and testing new tools is keeping our eyes on the ball never missing new prospective improvements.

 

Sure, we could say much more about Trello as well as other tools of tracking and monitoring, so you will be able to see more detailed descriptions and reviews of these tools in next articles of our Blog.

 

How do you organize in-studio communication flow?

 

No doubt, communication inside the studio is a significant condition of successful work. Designers and project managers need to have constant opportunity of exchanging information in the process, sometimes discuss general questions and share interesting or useful data. This infoflow is the pulse of the team which makes all the things in the studio go round.

 

Trying to find the best solution for this purpose, we used two tools simultaneously. Trello, mentioned above, was used for aims of sharing the data: we create boards on which save necessary links, documents, images, ebooks or discussed long-term projects and issues. For fast information exchange and current questions or discussions Skype-chat was used efficiently for a long time.

 

However, recently we have changed our preferences after Slack being introduced in our work process by the clients of the studio — the company Fuse Tools. Being already aware of its advantages, Fuse Tools team insisted on using it instead of Skype as more multifunctional option for fast and successful collaboration.

 

slack

 

Analyzing its functions, Tubik Studio managers made a decision to test the tool in terms of full-time studio communication instead of Skype. After several days all the team accepted this change as Slack really provides wider field for work not only as a chatroom but also for sharing and saving data. One more thing that has become a bias towards Slack is the possibility to configure different integration including Trello for faster and smoother workflow.

 

All these features brought Tubik Studio team round to use Slack together with Trello as the basic tools for in-studio communication.

 

Do you use Photoshop or Sketch as the basic tool for design?

 

Nowadays the fight Photoshop vs Sketch is becoming more and more active. There are loads of articles and reviews, case studies and interviews in which people analyze benefits and drawbacks of Photoshop and Sketch. And, being designers taking active part in modern design process, we are also often asked which of these editors we prefer.

 

The answer we would like to give is really simple. There is no any vs. There shouldn’t be any war between the options which can complement each other. Obviously, now there is no any perfect and ideal software for design: if it existed, everybody would use only this ideal choice and there wouldn’t be any need for fight. So, we suppose that modern designers provided with a number of tools should study how to take everything possible from them instead of trying to decide which one is better.

 

Here in Tubik Studio we believe that the only single thing that a designer should think about is the high quality of the final product. The highest. Quality. Possible. Period.

 

That’s why we use the variety of tools and software here, share our experience and always thoroughly watch the newest trends and upgrades of design software opportunities. The tool is just a tool. The only thing important is to make the customer and the users of the final product happy. Its vital to think about implementation of the product into real life and making it the one which provides high conversions. People, who use the product, do not see the tools. They see the work which is good or bad. Therefore, knowing the advantages and drawbacks of different soft and tools, designers are very well armed to find the best tool for any particular problem.

 

Designer of Tubik Studio

 

So, we always analyze the task before choosing the tool appropriate for its accomplishment. However, in general terms in most cases we use the benefits of different design tools in the following way.

 

Our practice shows, that Sketch is really helpful and efficient in the research and UX stage of the design process. Adobe Photoshop is effective for preparation of graphic sprites and creation of unique UI elements. Adobe Illustrator is great as the basic vector editor for creating illustrations and icons. And together they present a powerful engine for high-quality and elaborate design. That is the reason why we never waste time arguing which one is better.

 

photoshop

 

sketch

 

As it has already been mentioned, we never stop the process of learning and follow the pulse of design world. Now we are testing the new vector graphic design software from Apple which is called Affinity Designer. It is a promising product and we are keen to see its possibilities closer. It provides a lot of functions for creating icons, elements of UI, illustrations and so on. It has more clear and intuitive interface than Illustrator and provides the opportunities for real-time making adjustments and applying effects independently from the size and complexity of the image processed. In future we are planning to share our experience of working with this tool in our Blog.

 

Therefore, on the basis of everything mentioned above, we can confidently say that every tool, editor, software has its strong and weak points. In some sprints of the process simple pencil and sketchbook will be the best way to get the result efficiently. So the best practice is to analyze the task thoroughly and decide on the most efficient tool for this particular task.

 


 

This is all for today. We’ll answer the next set of questions next Tuesday here in our blog. The FAQ platform is planned in several directions, so there will appear the questions, frequently asked by customers, designers, and users. We are open to share our experience, so if you have any questions, feel free to ask them any time of day via direct message in our Facebook page or Twitter. We are looking forward to your questions!

See you next Thursday!


Welcome to see the designs by Tubik Studio on Dribbble and Behance

faq set by Tubik Studio

Design FAQ platform: questions from customers. Set 2.

1. Does your studio provide code to your designs?

 

We are often asked this question on different stages of design process as well as when we present various concepts. And the answer is that we DON’T provide any service of coding and development. At the present stage of our work Tubik Studio is positioned as only-design studio providing diversity of directions in the field. For the time of our practice we have had loads of various tasks on UI/UX design, responsive web design, design of logos, illustrations, icons, interface animation. Studio work is formed in such a scheme so that designers could not only work on the actual projects but also improve and polish their skills, follow the latest trends in design, master the newest soft and hardware. We have the multifunctional team of designers, able to accomplish the assingments on design of different complexity. However, for the time being, we have no developers on board. Today we are concentrated only on the wide variety of design tasks.

Tubik Studio designers

Tubik Studio designers discussing design in process

 

However, solving different design tasks we provide not only visual solutions but also necessary set of descriptions and guides so that developers assigned for the task could use them on the stage of coding. Also we carefully study and follow existing guidelines of design for iOS and Android to create the options of design which would not only satisfy the user and customer but enable efficient process of concept code development.

 

2. Why is UX needed, if you can just design UI and that’s it?

 

This question is one of the top. The further the customer stands from the sphere of design, the more he or she will be inclined to ask this question. There are also some variations such as: “Why should I pay for UX?”, “Why should we waste time on UX?” and the like.

 

No wonder these questions are raised. It is natural. When we think about building the house, for example, we usually mean the process of physical appearance of the construction rather than tons of projects, drawings and calculations made on paper. And yes, physically it’s possible to build the house without any project as well as it’s possible to create the interface out of thin air. However, in this case you shouldn’t be surprised if one day the house will crack and collapse without any visible reasons as well as the app looking amazing and stylish won’t bring you any loyal users. If you want to have a reliable house, a durable mechanism, a powerful application or a highly-functional website, the recipe is the same – take your time for thorough planning and projecting. This is not going to waste your time, vise versa, it will save your time you would otherwise have to spend on redesign and attempts to find out why your product doesn’t work properly.

 

That is the aim of UX part of design process. In general terms, the UX stage is about how the website or application works while UI is how it looks. Both these stages include work on successful interactions, but UX deals more with logic, connections and user behavior while UI stage provides visual representation of all the concept. It means that ideally designer should first work on UX part with concentration on layout, making it more powerful, thought-out, clear and easy to use. Without this vital work you highly risk creating pure mess out of the user interface.

 

UX design Tubik Studio

Visualization of UX process: screens and transitions

 

Worldwide famous guru of creating successful UX/UI Steven Krug in his book “Don’t Make Me Think: A Common Sense Approach to Web Usability» says that “…usability is about people and how they understand and use things, not about technology.” Our practice shows that this is absolute truth. And that is the idea which makes UX the core of successful user interface. UX is the basis letting your website, landing page or application attract and retain its audience. UX makes journey round your app or site. In real life, if you need to reach the destination quickly, easily and saving your resources, you would prefer simple highway with thought-out system of road signs and signposts to amazingly picturesque winded and confusing country road with awful road surface. The same happens with users. They want to achieve their goals in fast and easy way, and no fascinating features, decorations and original visual effects are going to cancel this basic wish.

 

So, it is very important to remember that website or application is not a piece of art just to observe and admire. First of all, it is a working product created to fulfill the needs of its target audience. It will bring home the bacon and obtain attention, popularity and loyalty only if users are happy and satisfied. Otherwise, even with the best visual presentation and fresh ideas on graphics, it will remain only a picture which does nothing useful.

 

That’s why we insist that good UX is the core and heart of any successful application or website. We have checked it in practice and it really works that way. Sure, this is not the only element of success; however, without it all the other elements will bring much lower result.

 

3. What is responsive web-design? Do I need it for my product?

 

The answer to this question is based on the audience you want to cover for your website. Would you like your users to use your site from any device and feel it positive, useful and convenient anyway? Sure, every customer would being aware of growing popularity of mobile devices. And in this case we should answer with confidence: yes, you obviously need responsive web design for your site.

 

Content is like water

Great visualization of responsive web design concept (source — Wikimedia)

 

The idea behind responsive web design (RWD) is that the content and layout of a website should efficiently adapt according to the sizes and technical abilities of a device it is opened at. For most users, these changes are so subtle that it is easy to say “ Hey, guys, this is the same site on my smartphone which I looked through yesterday at my desktop. Nothing special has changed here!” And somehow these words can be the great praise of designer’s work. That will mean that the designer managed to keep all the meaningful elements and general layout of the desktop version efficiently and at the same time avoid making the page or layout elements too small, hardly seen or impossible to distinguish even on the much smaller screen of a mobile device. That is RWD in action.

 

Nowadays making the site non-mobile-friendly means to lose the part of audience which likes surfing and using the internet sources “on the go”. It’s vital to consider that this part of the audience is mainly the most active part, non-afraid of technologies, fast in browsing necessary information and options, easy-going in making internet purchases and try new products. That’s why neglecting the idea of RWD can bring real loss to the product which otherwise could be highly efficient and bring high conversion rates.

 

Tubik Studio Tracking App

Presentation of visual solution of the same product on different devices.

 

Creating responsive web-design for a web-product means making it pleasant-looking, clear and functional in different sizing with optimal navigation that provides high level of usability. This technique relieves a owner from the necessity to develop several versions of the site as it provides one site with fast adaptation to different technical conditions, so RWD is also generally cheaper than creating several versions of the site. Responsive web-design makes the site flexible, easy to manage and nice to use. Moreover, you don’t need to publish your content several times for different versions and it saves your time or human resources. If these are the features you want your product to obtain, than consider responsive web design for your product from the earliest stages of its design and development. In addition, you will get higher positions in Google search engine as it supports the idea of RWD, so that is important part of general search optimization of your product. Therefore, it’s up to you whether to apply RWD for your web-product or not, but consider all benefits before making your decision.


This is all for today. We’ll answer the next set of questions next Tuesday here in our blog. The FAQ platform is planned in several directions, so there will appear the questions, frequently asked by customers, designers, and users. We are open to share our experience, so if you have any questions, feel free to ask them any time of day via direct message in our Facebook page or Twitter. We are looking forward to your questions!

See you next Thursday!


Welcome to see the designs by Tubik Studio on Dribbble and Behance

FAQ by Tubik Studio

Design FAQ Platform: Questions from Customers

The more experience we are getting in the field of design, the more questions are being accumulated from our customers, users of different products and other designers. From the very start of our work, Tubik Studio designers have tried to attend different meet-ups and conferences in order to discuss actual problems as well as share experience. Then we broadened our horizons and started blogging on Medium, Tumblr and WordPress so that we could tell about our work in greater detail. Eventually, having started our own studio blog here, we’ve decided to reinforce the opportunities for anybody who wants to communicate with us.

 

That’s why today we start a new series of articles in our blog that is called FAQ. Here we will give the answers to the questions we are asked day by day. Every Thursday you will be able to read the set of new exchanges here. Moreover, we are open, friendly and welcoming for those who want to ask about something and see our answers here. All the opportunities to do it quickly and easily will be described below.

 

We have decided to open the set with the most frequent questions from our customers. So, let’s get started!

 

1.What do you need to start working on design? What should the customer provide to launch the process?

 

Sure, in different cases there are different nuances but generally we have a kind of scheme for a pre-design stage aimed to get the necessary data from the customer. This scheme can have different directions as customers can start with different background.

 

Sometimes, customers know a lot about design, its process and peculiarities. They know exactly and in detail what kind of result they want to get. They immediately give us clear task and explanations. They can have very specific problem to solve which does not need complex approaches. In some cases, they even prepare examples of existing products whose styles they like or dislike to illustrate their preferences. In this situation, the process of creating technical design specification can be faster and simpler. However, even in such cases we always have a small set of questions which help us to understand the problem not only technically, but also in the aspect of reasons and background. This stage of questioning is very important, because if a designer has deeper information, he or she can sometimes offer other solutions for the problem which will be more efficient. Our experience shows that it works.

 

There can be also the customers who have rather broad task and don’t know much about design process. That is not a problem at all. That is actually the most natural reason why a person being a non-designer can ask for designer’s help. So, it means only that we have to ask more questions, again not only technical but also general about the product to understand what solution to offer. We have a lot of experience of that kind and it has never been a problem.

 

There is also a number of customers who want to redesign existing version of a site, application, page, logo etc. In this case, sure, we are given not only task description but also the existing version with explanations whether the customer wants to change the whole concept or only particular details.

 

On the basis of the given materials and answers to the questions in brief-forms we give to our customers on this stage, we decide on the general strategy, but all the process is full of close collaboration with the customer on all the stages of the design process.

 

Tubik Studio designers

Designers always carefully analyze their tasks

 

2. How do you calculate the time and set deadlines for a project?

 

The general number of hours arranged for a project depends on the type of the task. Estimation of timing is accomplished according to the assignment and customer’s answers in our brief questionnaire. In any case, general time calculated on a project includes Design Time and Revision Time. Revision time is time for iterations and analysis, so it is particularly important for complex projects on UI/UX design. The tasks of this sort need not only design itself  but also deep analysis through iterations to make the result more efficient and therefore to get the client more satisfied.

 

To set convenient and realistic deadlines and make the process more productive we split all the work planned for the project into carefully though-out sprints each with its own specific task and its own deadline.

 

3. What is the scheme of UX/UI design process?

 

There are four main parts of the design process: user experience (UX), prototyping, user interface (UI) and testing.

 

User experience stage is often the most confusing part, especially for those customers who are non-designers. When they are provided with the first UX screens, we sometimes get feedback showing they are terrified: why are the screens so simple? Why is the color scheme so decent? Why haven’t you used the shades corresponding to our website? How can THIS become a unique and attractive design? Hundreds of questions and sometimes negative remarks which are very natural because UX part stands rather far visually from what the customer will get as a final product.

 

When it happens, we take our time to tell the clients what UX is and how important is this part for their product. UX design is the heart and brain of a site or application while UI is its skin and bones. And getting a product which is efficient and useful means starting with the heart and brain so that they could give the essence to its appearance.

 

Tubik Studio designer UX screens

Working out UX screens

 

UX stage is the period when designer works with all the logic and functionality of an application or a website. It is the time to create the layout, connections and transitions, elements vital for creating conversions and making a product easy-to-use. All these things are analyzed and created considering target audience of the website or application. The better is UX, the more subtle it will be. If the user doesn’t need to think too much and remember too many details, if everything works fast and every operation is clear, that is good UX. This is somehow the art to make things, which were seen as potentially difficult for a user, simple and subtle. That is why on this stage we present the screens with their layout, features and transitions in the form of simple schematic screens usually in basic colors such as blue and white. This kind of presentation gives the opportunity to analyze only utility and operability of the product not being distracted with visual effects or details.

 

Profile Screen Echo Case Study

The example of presentation for UX screen of a mobile application

 

When the general concept is accepted by the customer, we usually create a prototype as a great and high-performance tool for testing. Prototypes allow feeling transitions and functions of the product more realistically and reveal any bugs or difficulties on this stage, before creating UI.

 

After the UX part is tested by prototype, agreed upon and the customer accepts the concept of layout, transitions and features, the designer starts the UI part. This is the time when a newborn heart and brain of your product is clothed with its skin and bones. Here the product gets its real color scheme, forms and features of the layout details, styles, animated elements and so on.

 

And when the final version of UI for the product is agreed-upon with the customer, a designer takes some time for iterations and analysis that is needed to find out if all the solutions are not only attractive, but also efficient.

 

UI screens by Tubik Studio

The example of the set of UX screens

 

To make the process clearer with the particular example, we have published the case study on UX/UI design here in our blog, showing how it proceeds, what job is done and how important it is to analyze and test the UX/UI solutions.

 

All the stages described are always accomplished in tight connection with the customer. Designers send updates and specify the details during the whole process so that the customer could always be aware of the process flow.

 

4. How many variants are you going to accomplish for one project?

 

Obviously, it depends on the task. For example, talking about design of a logo, a designer can try loads of variants in the process of sketching and searching the general concepts. If you want to see how the whole logo design process flows, welcome to look through our case study on logo design.

 

When it comes to the projects on web or app design, then we usually work according to the following scheme. The designer assigned to the project carries out research and develops the first variant of one screen or one web-page which is highly saturated with details to understand the general direction of customer’s wishes and visualize efficient solution for the problem. It is presented to the customer being appropriately framed up. If the customer approves the general direction for this one screen, then the designer can work on the rest. If the customer isn’t satisfied, the designer and the project manager working with him or her try to obtain maximum possible information to understand what is the reason by which the solution is not accepted. Then the designer provides redesign which sometimes needs some small alteration and in other cases whole change of direction. On this way, up to three redesigns can be provided. Usually it is more than enough because designers in the studio are very attentive to details and do their best to accomplish the task sucessfully.

 

Tubik Studio UI sketches

First sketches in search for general solution

 

However, it should be mentioned that everything said above doesn’t mean the designer just does what the customer says without any analysis. The process of design is a really sophisticated mechanism and it is vital to remember that the final product will be used not only by the customer, but first of all by users. Therefore, creating the product which looks great and satisfies the customers wishes but doesn’t correspond with needs and tastes of the target audience means to create a dead product. Considering this, our designers always work in conditions of the open dialogue with the customers and are ready to explain some specific features of interface design and advocate the most optimal ones for the sake of successful result.

 

5. How do you collaborate with customers? What tools and software do you use for it?

 

As we have already mentioned before, the process of collaboration is essential for successful and fast design process. There’s nothing more important for the efficient collaboration than fast and clear feedback so we apply well-known and greatly performing tools used by a lot of teams all over the world. The top leader of this list is Trello. We use it from the very start of our work both for collaboration with customers and fast effective internal information flow. It is simple, clear, reliable and multifunctional, that’s why customers also like the way it keeps things organized and under control.

trello used by Tubik Studio

Working flow with Trello

 

When we need to communicate with our customers live, in most cases we use Skype-calls. It also works efficiently as this tool doesn’t need special skills, is easy to use, well-known and available worldwide.

 

One more tool that is getting more and more popularity here in the studio is Slack. It’s comfortable to use for chats, creating different channels of communication, saving links and files.

 

If we need to present our clients the screens for a mobile application, we use one more simple, but highly efficient tool InVision. It is convenient to provide fast and productive collaboration in the chain of managers, designers and customers. It has proved itself as a great tool for teamwork.

 

invision used by Tubik Studio

InVision used in the workflow

 

For some projects we also use Asana and Basecamp, well-known instruments of organization and teamwork.


 

This is all for today. We’ll answer next set of questions next Tuesday here in our blog. The FAQ platform is planned in several directions, so there will appear the questions, frequently asked by customers, designers, and users. We are open to share our experience, so if you have any questions, feel free to ask them any time of day via direct message in our Facebook page or Twitter. We are looking forward to your questions!

 

See you next Thursday!


Welcome to see the designs by Tubik Studio on Dribbble and Behance