Interview with Kirill Groshnikov My name is Keryl Groshnikov, I have been working for Google for five years I design and develop the user interface in the store "Google Play" Well, great, and what do you like about your job? I've always liked writing the codes and seeing the dots on the screen Tour of the application "Google Play" So this is the application of the store "Google Play" From the top down we have the search box and we have these buttons which we call quick links ..
Which moves the user to sub-sections in the app and in the store Then we have a varied content here, we have a collection of applications as cards We have this, we call it a logo, that takes you to another place in the application Go to the details page for a specific app For example, "Angry Birds" That is what we are presenting here The information set developed by the application developer We have a video of the app Then we have a brief description of the application, and a few screenshots of it .. Then user-generated content, such as reviews and ratings of that app Then a few other application-related applications Here are a few links Also from the details page you can start downloading the application This is a set of permissions Accept them, the download begins You can see the app load above here Text and image interfaces in the application "Google Play" Students were learning about text and image interfaces and "buttons" Can you point to some of these interfaces in the application? Yes, let's go back to the set of applications, if we look at the application of "Star Wars rebels" The form of the card itself is an extension of the interfaces group But they may be simple as an extension of a relative scheme Then we have this icon and it is an image interface Then we have the name of the application, a text interface with two lines of text at most The evaluation bar is the "assessment bar" Word "free" text interface The vertical dots are an image interface whose code has been modified to look like three dots Similar to fast links ..
It is a group of "comparative models" Next to it is a picture interface on the left Then the text is in line style to the right of the image and extends as needed He has his exact background set on a green background and circular edges So basically as you say .. It depends on dealing with simple construction tools Such as text display and image display interfaces. Sometimes evaluation or download strips, menus and check box or one radio button And mix them as your design shows them on a particular screen Yes, this is great because students learn this in the first lesson of Android.
You use it every day by applying "Google Play" How do you work with a designer? You mentioned that you are working with a designer So can you explain to us how this happens? It starts with discussions with production officials Then we turn to the debate on design .. And engineering what will be viewed on screen And what we hope will already be in design We start by thinking about how the design can adapt to both small and large screens After that, we make time and again put something on the screen and review the overall vision of the design Because sometimes .. We find a static or animated tag because of the programs used by designers And see it on your computer screen Then put it on your phone and look a bit different Because the phone screen is smaller Or because of tight interaction or maybe because you rely on large images but the Internet speed is slow So, when you open the screen it stays five seconds without displaying anything So we try to solve the problem through that process .. Where we put something on the screen, it is not required to have perfect precision Then we go back to the production stage to think about what we should change What if I work without a designer? Well, for developers who work without designers Do you have suggestions for them to make their applications look better? I suggest they enter the material design site And see it, not necessarily on the best parts ..
Such as motion brackets or all of these moving images But focus on the overall picture To see how to implement a static alignment across the entire application What we call the main lines of design or what designers call the main lines Horizontal and vertical, where the elements are aligned with a particular optical coherence So that they do not appear to be randomly distributed on the screen Thus you find the toolbar Or maybe parts of your browser Such as on-screen navigation elements Then the content itself, it is good to line up the content in the same domain So that the margins on the sides are as low as possible The elements are not too close together You also have to pay attention to writing style Which .. It is a great way to visually .. To clarify the relative importance of different elements So if you're talking about something like a mailbox, email, or email application If the write method is fixed in both items If they are all the same color, same size and same style Then..
It will not be easy to handle the app on the user's eye So maybe you want to make the sender's name a little bigger .. The sender's name or possibly the message's address Or the first words in the letter title will be thick This will make it easier for the user's eye to see details faster This depends, of course, on the content of the application you are working on But I would not recommend using multiple writing methods or multiple sizes Three or four methods Consistently used across different screens Will allow the user even without consciousness ..
See the full picture of how to handle your app And does not suffer to understand where the information is looking or looking for Another thing, colors Use a few of them, especially with materials It is best to use large flows of saturated colors. With a great appearance, especially in the case bars on the devices operating Android Lollipop Learn about what we call colors with a dialect, and on basic colors Learn about a few colors Use them to beautify the design of your application Such as the status bar, or the event bar, perhaps some of them in the navigation buttons Use colors to show a particular element as a button. Or to attract attention to an important element What it considers an important element I think these three methods .. Preferably to mention with her .. Emphasize the importance of the visual style of the application Of course if you have the opportunity to collaborate with a designer, this will be great .