Ivan Tolmachev

Ivan Tolmachev，來(lái)自俄羅斯，畢業(yè)于愛(ài)爾蘭都柏林市立大學(xué)，先后就職于Rackspace，eShares，Aibrake等公司?，F(xiàn)任Onfleet的高級(jí)產(chǎn)品設(shè)計(jì)師，這是一家坐落于圣弗朗西斯哥的物流軟件公司，專(zhuān)注于提高全球運(yùn)輸業(yè)務(wù)的操作效率。

讓我們聽(tīng)聽(tīng)看關(guān)于UX設(shè)計(jì)，他都做了哪些分享。

Narkii

您是怎么成為一個(gè)產(chǎn)品設(shè)計(jì)師的呢？

How did you become a product designer?

Ivan

我從小就對(duì)電子游戲、視覺(jué)藝術(shù)、音樂(lè)、漫畫(huà)、電腦圖像界面等充滿興趣。很幸運(yùn)學(xué)校當(dāng)時(shí)有計(jì)算機(jī)課，這在90年代的俄羅斯還是新奇的。我很早就接觸Photoshop和Macromedia Flash，我想我應(yīng)該會(huì)成為一個(gè)游戲開(kāi)發(fā)者，不過(guò)具體它是什么我也不清楚。

I was always into video games, visual arts, music artwork, comic books, CGI. Growing up, I was lucky enough to be at a school with computer classes, a novelty for Russia in the 1990s. I was fooling around in Photoshop and Macromedia Flash pretty early on and always thought I’d be a game developer, not really knowing what that entails.

高中最后一年我搬到愛(ài)爾蘭，在那里上了大學(xué)，學(xué)習(xí)多媒體。當(dāng)時(shí)學(xué)習(xí)了平面設(shè)計(jì)，為學(xué)校的廣播和報(bào)紙做了一些項(xiàng)目，制作logo，傳單，名片，等等之類(lèi)的東西。

I moved to Ireland for my final year in high school and, later, college to study Multimedia. I learned about graphic design, did a couple of projects for college radio and college newspaper, got my hands dirty making logos, flyers, business cards, that sort of thing.

為了補(bǔ)貼大學(xué)的費(fèi)用，以及建立我的作品集，我開(kāi)始接單。我最后一年的項(xiàng)目里，有一個(gè)部分就是和朋友一起做了一個(gè)應(yīng)用，來(lái)幫助學(xué)生進(jìn)行論文的研究。這也是我第一個(gè)產(chǎn)品設(shè)計(jì)的項(xiàng)目。畢業(yè)之后有一段時(shí)間我都沒(méi)有再做產(chǎn)品，而是專(zhuān)注在平面和網(wǎng)頁(yè)設(shè)計(jì)上。那時(shí)候我對(duì)產(chǎn)品設(shè)計(jì)的認(rèn)識(shí)大部分來(lái)自于網(wǎng)上的出版物，后來(lái)，我終于有機(jī)會(huì)和一些產(chǎn)品設(shè)計(jì)師一起工作，并向他們學(xué)習(xí)。

To support myself through college and build up my portfolio I started working as a freelancer. As part of our final year project, my friends and I built an app to help students do research for academic papers. This was my first product design project. I didn’t work on product for some time after graduating, mostly focusing on graphic and web design. Back then most of my knowledge regarding product design came from online publications and eventually, I had a chance to work alongside some product designers and learn from them.

Narkii

您認(rèn)為現(xiàn)在UX設(shè)計(jì)最大的趨勢(shì)是什么呢？

What are the biggest trends in the UX design right now?

Ivan

或許沒(méi)有什么最大的趨勢(shì)，不過(guò)我認(rèn)為近幾年發(fā)展最大的是設(shè)計(jì)師如何接近他們的用戶。過(guò)去，為了教用戶如何使用應(yīng)用，UX設(shè)計(jì)師會(huì)在用戶真正開(kāi)始使用之前就向他們拋出大量信息。這樣導(dǎo)致用戶要么花很多時(shí)間入門(mén)，要么干脆跳過(guò)。

Perhaps not the biggest trend, but what I think evolved the most in the last couple of years is how designers approach onboarding their users. It used to be that in order to teach users how to interact with the app, UX designers would throw a massive amount of information at a user at the very beginning of their journey, before they could even start using the app. This resulted in an onboarding that either took a lot of time to go through, or that would get skipped entirely.

隨著用戶的技術(shù)更加精湛，以及產(chǎn)品團(tuán)隊(duì)能夠利用如細(xì)分市場(chǎng)等工具來(lái)捕獲應(yīng)用中的復(fù)雜狀態(tài)，UX設(shè)計(jì)師可以制作出優(yōu)雅的入門(mén)流程，根據(jù)使用者的技術(shù)精湛程度以不同的速度來(lái)教他們。 

As we approach a time when users become more tech savvy and product teams are able to capture intricate states within our apps, using tools like Segment, UX designers can produce elegant onboarding flows that teach users at their own pace, according to their own levels of sophistication and tech savviness.

另一個(gè)我注意到，并且個(gè)人也喜歡的趨勢(shì)就是手機(jī)屏幕下方的信息的集中化。隨著屏幕尺寸的增加，我們?cè)絹?lái)越難僅僅用一只手來(lái)使用應(yīng)用，除非大部分信息都集中在屏幕下方，我很高興這變得越來(lái)越普遍。不過(guò)，這還沒(méi)有成為行業(yè)標(biāo)準(zhǔn)，因?yàn)楫?dāng)我在iPhone上使用 Chrome 時(shí)每次都還要辛苦地去點(diǎn)“返回”鍵。

Another trend I’ve noticed that I am personally a fan of is the concentration of the information available on mobile that is in the lower part of the screen. With an increase in screen sizes across the board, it became harder for us to use the apps with one hand, unless most of the information was concentrated at the bottom of the screen, and I’m happy to see this becoming more popular. It’s yet to become an industry standard though, as I’m struggling every time I try to tap “back” button when using Chrome on my iPhone!

Narkii

掌握UX設(shè)計(jì)，有什么不那么傳統(tǒng)的方法嗎？

What are some unconventional ways to master UX design?

Ivan

可能我們對(duì)UX設(shè)計(jì)的概念有所誤解，認(rèn)為它只和數(shù)字產(chǎn)品有關(guān)。實(shí)際上，我們?nèi)粘Ｉ钪写蟛糠纸换サ奈矬w都一定程度上有涉及UX設(shè)計(jì)。掌握UX設(shè)計(jì)，其中一個(gè)方法就是要批判性地去思考這些日常交互。想想家里的咖啡機(jī)，你覺(jué)得有什么要改變的嗎？為什么設(shè)計(jì)者沒(méi)有按著你的想法來(lái)做呢？對(duì)日常中你所接觸的大部分物體都采用這種方法，這樣就能做點(diǎn)UX的練習(xí)。

There is perhaps somewhat of a misconception that UX design only relates to digital products. In fact, most of the things we interact with in our daily lives have a level of UX design associated with them. One way to master it is to think critically about those daily interactions. Is there something you’d like to change about the coffee machine you have at home? Why did the makers not think of your use case? Apply this method to most things you interact with on a daily basis to get some UX exercise.

Narkii

您典型的產(chǎn)品設(shè)計(jì)流程是怎么樣的呢？

What is your typical product design process?

Ivan

其實(shí)流程一直在變，取決于我做哪種類(lèi)型的工作，不過(guò)一開(kāi)始都是通過(guò)提出很多問(wèn)題，來(lái)找到設(shè)計(jì)問(wèn)題的核心。   

It varies a lot, based on what type of work I’m doing, but it always starts with breaking the design problem down to its essence by asking a lot of questions.

如果是要開(kāi)發(fā)一個(gè)新功能，我會(huì)寫(xiě)出用戶流程。就是簡(jiǎn)單描述過(guò)程的文本：用戶將會(huì)做什么以及接下去會(huì)發(fā)生什么。我喜歡將錯(cuò)誤狀態(tài)包含進(jìn)流程里，這樣我就能確保我不會(huì)忘記一些更復(fù)雜的情況。有時(shí)，當(dāng)這個(gè)功能非瑣細(xì)時(shí)，用戶流程就會(huì)變得很復(fù)雜，因?yàn)樯婕岸喾?。我?huì)避免使用像“用戶A”和“用戶B”這樣的術(shù)語(yǔ)，而使用emoji表情來(lái)方便我更快瀏覽。

If working on a new feature, I write out the user flow. Just plain text describing the progression: what the user would do and what would happen next. I like to include error states into the flow, this way I make sure I don’t forget to account for some of the more intricate cases. Sometimes, when the feature is non-trivial, the user flow becomes complicated as there are multiple parties involved. I avoid using terms like “user A” and “user B” and use emojis instead to help me navigate faster.

       最近，我大部分的工作都包含了已存在的產(chǎn)品，所以一旦我有了一份寫(xiě)得很好的用戶流程，我就知道我要修改或增加產(chǎn)品的哪一部分。畫(huà)出大致的草圖作為原型后，我就會(huì)和工程師們開(kāi)會(huì)，向他們說(shuō)明產(chǎn)品的變化，他們會(huì)幫我實(shí)施我的設(shè)計(jì)，看看有沒(méi)有什么我需要注意的技術(shù)限制。

Lately, most of my work involves an already existing product, so after I have a well-written user flow, I know which areas of the product need to be altered or added. After I create rough sketches to use as a prototype, I set up a meeting to go over the changes with the engineer who will be implementing my designs to see if there are any technical restrictions I need to be aware of.

接下來(lái)的步驟就是完成屏幕和測(cè)試，先是在內(nèi)部之后是在我們的主力用戶之間。使用我的樣機(jī)，我在Invision App中構(gòu)建簡(jiǎn)單的原型用來(lái)測(cè)試，這不需要工程師。根據(jù)測(cè)試結(jié)果，我重復(fù)直到確定功能完成。

The next steps are finalizing the screens and testing, first internally and later with our power users. Using my mockups, I build simple prototypes in Invision App that we test with and that do not require an engineer. Based on our findings, I iterate until confident the feature is completed.

Narkii

有什么是產(chǎn)品設(shè)計(jì)師知道而普通人沒(méi)想過(guò)的嗎？

What do product designers know that ordinary people would never think about?

Ivan

每當(dāng)我妻子使用UI遇到問(wèn)題時(shí)，比如她要做某件事，但找不到那個(gè)按鈕，就會(huì)找我?guī)兔?，然后我一?huì)兒就找到了。我就問(wèn)我自己，“如果是我來(lái)想這個(gè)按鈕的位置，我會(huì)怎么放？”我檢查之后，通常能找到答案。產(chǎn)品設(shè)計(jì)師擅長(zhǎng)讀取界面，不論這些界面的設(shè)計(jì)如何，因?yàn)槲覀冎罉?gòu)建它們的思想過(guò)程:-)

Whenever my wife is having difficulties with a UI, e.g. she can’t find a button that does something specific, she asks me for help and it takes me a fraction of time to find that button. I ask myself, “If I were ideating on where the button could be placed, what would my options be?” I check them all and usually find it. Product designers are good at reading interfaces, regardless of how well designed they are, because we know the thought process that goes into building those :-)