Tag Archives: Pixate

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 Dribbble shot

Tubik Monthly Review. October.

New month has come bringing new ideas, new projects and new hopes. Nevertheless, as usual, we start it reviewing what was done in October to sum up a bit of our efforts and present them in our Tubik Monthly Review. So, let’s remember together what this month was full of except hard and inspired work on current projects.

 

In October we enriched Tubik Studio Dribbble page with new shots. Here is the full collection of Tubik Studio shots, which can be checked full size with the attachments if you follow the links.

 

tubik studio website

Basic Grammar for Designers by Marina Yalanska

 

tubik studio character illustration

BIGGIE & 2Pac by Arthur Avakyan

 

hamburger_menu tubik studio

Hamburger Menu Animation by Valentyn Khenkin

 

ribbet animation tubikstudio

Ribbet Collage by Kirill

 

tubik studio ui design passfold

Case study: PassFold by Marina Yalanska

 

tubik studio ui concept

Veggie App Concept by Polina Makarevych

 

tubik studio design ui

Calendar App by Ludmila Shevchenko

 

passfold logo tubikstudio

Case study: PassFold Logo by Marina Yalanska

 

ribbet animation tubik studio

Ribbet Collage 2 by Kirill

 

passfold logo design tubik

Passfold logo options by Arthur Avakyan

 

illustration tubik studio

Night Work… by Ildar Aleksandrov

 

icon logo tubik studio

Saily ghost icon version by Arthur Avakyan

 

tubik studio sticker design

Halloween Sticker (Freebie) by Ildar Aleksandrov

 

Also we have published new articles here in our Blog. October brought our readers two new case studies about the PassFold project, in which we told about UI design and logo design for the mobile application. Both posts are packed with bright images showing the design flow to our readers. Also we published a new set of Tubik Studio Quote Collection: this time it gathered 30 quotes by famous design experts. Two other articles were concentrated on the ways of optimization and improvement of design process: one post told how to optimize the process of resizing mockups for different screen sizes in Photoshop, while the latest post in the blog was concentrated on the essence and benefits of prototyping for UX design by example of work with Pixate tool.

 

No doubt, in October we published tons of photos showing studio daily life and design processes on our Instagram page

Tubik Studio designer

 

…and were happy to share our articles on our Medium page.

Tubik Studio on Medium

 

So, turning over the October page of Tubik Studio life, we are moving full of inspiration to create something new, useful and bright to share with you in our next monthly review. Happy November to everyone!


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

Tubik Studio prototyping with Pixate

Benefits of prototyping for UX design with Pixate

The process of user experience design for any mobile application is a very responsible stage on the way to the final product, which will satisfy the user. In our previous articles we have already mentioned that UX process is the basis for successful UI as it develops the whole logic of the application, makes possible to think over the efficient transitions and layout as well as consider all the ways to make user experience as positive as possible.

 

The important way to check out and test all the solutions made on the stage of UX design is prototyping. Here in Tubik Studio we are keen to try different tools of prototyping to test the efficiency of UX. Earlier we promised to share our experience of work on prototypes and discuss the benefits of different tools in more detail. So, this post is going to be the first in the set and this time we would like to consider main benefits of prototyping and tell you about the tool for this aim called Pixate.

 

The essence and role of prototyping

 

The original concept behind the term ‘prototype’ is the sample model of the product that gives the ability to test it and see if the solutions and decisions made about the product are efficient. Prototypes should not be seen as the analogue of the final product as they aren’t those. Their main aim is to enable a designer, a customer and a user to check the correctness and appropriateness of the design solutions.

 

The value of prototypes in the sphere of app and webdesign has rocketed for the last few years. Actually, it is easy to explain as even the low-fidelity prototype gets the designer, customer and tester much closer to the looks and functions of the future product than the most elaborate schemes, drawings and wireframes. Certainly, that doesn’t mean that schemes and wireframes could be eliminated from the process as they are essential in the process of creating design solutions. However, when you want to feel their efficiency and check if nothing has been missed in the design process, prototype will be the great help.

 

tubik studio motion designer

Tubik Studio designer Kirill, always keen to try the best options for prototyping

 

Tubik Studio motion designer Kirill, having extensive experience of work with prototypes, defines them as the step of vital importance in the process of creating successful UX. Considering the fact that a lot of customers see the prototype as something very close to the final version of product design aka “UI in action”, he says that in practice this approach is not effective. Prototyping is much more efficient and useful as the step between UX design and UI design. So the workflow should have such a sequence: UX – prototype – UI.

 

The prototypes on UI stage are created more for presentation of application general looks than for testing and improving its functional features. And this is the trap in which it is easier to be confused. Prototyping all the details on the final stage of UI in most cases is not so reasonable as it could seem. It will be too time-consuming and in this perspective, it would be better to spend the same time on coding a demo-version. Moreover, usability should be thoroughly checked first of all at the UX stage, otherwise it would be much harder to change inefficient solution after having accomplished a lot of work on UI. Certainly, it would be amazing to create prototypes both for UX and UI, but by far not all the designers and customers agree to spend so much time on design tasks and want to test and improve the design much faster and cheaper.

 

The first and most important role of prototype is to check and test the functionality rather than the beauty and appearance of the product. Practice shows that testing UX with prototype enables to make the stage of UI design less time and effort consuming. It’s easy to ground: if you test UX solutions with prototype, you are able to reveal and fix the basic bugs and problems before you start working on UI tasks. If you don’t, the risk to devote a lot of time to UI design which will be not so efficient and so will have to be changed is much higher. Redesign of the complete UI is more difficult and long process than testing the design at UX stage with a simple prototype.

 

tubik studio design testing

Prototyping lets the designer check UX solutions with the experience close to real use

 

The simplest prototypes have been the paper ones and even they are highly efficient in understanding the main concept of layout elements and transitions. Nowadays, the variety of different tools and services for digital prototypes is incredible and gives designers the opportunity to choose those, which are more appropriate for their work and task. They really improve matters in the process of design, especially in the sphere of app design as the modern tools of prototyping create the prototypes very close to native apps and therefore user experience can be tested deeper and closer to reality.

 

A bit of practice: Pixate

 

Pixate is one of the various modern tools creating prototypes for mobile applications.

 

prototyping pixate tubikstudio

 

It provides the wide range of functions to create efficient prototypes, which are animated and look very close to the native apps. Pixate was one of the pioneers adding native animation to make prototypes more efficient.

 

Pixate prototyping tubikstudio

 

Pixate has a clear and simple functional scheme and layout that doesn’t require a lot of time and effort from the designer to study how to create a prototype. This is a very important trait for such a tool as most designers highly appreciate any opportunity to save their time when possible and use the tools which are clear, intuitive, fast and highly efficient.

pixate prototype tubik

 

Pixate can also be described as a flexible tool whose features provide various opportunities to present the content in the created prototype. Moreover, Pixate allows separating layers and embedding interactions such as Tap, Double Tap, Drag, Scroll, Pinch and others. No need to say, how happy the designer can be to use all this things creating the prototype close to real product.

Pixate prototyping tubik

 

As the functional potential of the tool is very close to real app appearance in presentation of UX solutions, it makes the process of testing UX quick and easy. You can intitally customize the prototype to your target device.

Pixate prototype ui tubik

 

It is not a secret that in UX design process attention to details and thinking-out the ideas to make operation of the app easy and pleasant for the user are essential. Prototype made with Pixate on this stage gives the chance of testing all the elements of layout and the process of screen transitions. Sometimes the smallest details which are missed in the general scheme of app design cannot be revealed from the wireframes easily, but are easily seen in the process of testing the prototype. So, prototype provides the prompts to the designer and allows feeling the real experience of transitions, using buttons, understanding the propriety of all the elements placement in the layout and the role of every element in real experience.

Tubik Studio prototyping with Pixate

 

The benefits of prototyping

 

Summing up, by example of work with Pixate, we can conclude upon the basic benefits of prototypes.

 

Benefits for designers:

  • Clear and intuitive tool, not requiring much time and effort to study how to use
  • Flexible in the ways and methods of content presentation in the prototype
  • Contains customized animation and provides the prototypes which feel and look as native apps
  • Efficient in testing UX solutions and sharing it for testing with the customer or tester

 

Benefits for customers:

  • Simple and intuitive features of the tool make easy to understand how to use the prototype.
  • It doesn’t require any specific knowledge or skills to test the prototype
  • It doesn’t need special devices or technical characteristics of the devices on which the prototype can be used
  • It provides high level of feeling the real experience as the prototypes looks and feels very close to real app.

 

All the mentioned features are highly valuable especially for the customers who are non-designers and have never had experience of working with wireframes and understanding UX-schemes and flows.

 

In our next articles we will share the practical workshop on all the flow of prototype creation and also will tell you about other efficient tools helping designers to improve their work and make both customers and users happy.


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