登錄是99%以上產(chǎn)品都會做的基本功能，那么移動端的登錄也有那些坑可以繞過？

標(biāo)簽：靈感、用戶界面設(shè)計，網(wǎng)頁和移動端設(shè)計

在做用戶體驗設(shè)計的時候，研討會和用戶訪談是用研中最常用的兩種手段，隨后，將用戶研究的結(jié)果合成為用戶故事和用戶流程，在這個基礎(chǔ)上，我們可以構(gòu)建合理的解決方案，然后將線框圖、原型和設(shè)計結(jié)果傳達(dá)給整個設(shè)計團(tuán)隊。換句話來說，所有的研究、設(shè)計和方案都是基于真實的用戶，也就是我們定位為“目標(biāo)用戶”的人群，基于他們的表現(xiàn)、反映和反饋。為了讓產(chǎn)品更優(yōu)秀，我們必須明白產(chǎn)品的運作機制，了解用戶都是怎么想的，而故事板，則是這一切的關(guān)鍵。

今天的文章當(dāng)中，將著重介紹故事板，以及它是如何解決用戶體驗問題的。

上周跟朋友聚會，席間一個負(fù)責(zé)招聘用戶體驗設(shè)計師的朋友跟我們聊起她招聘過程中遇到的趣事。她曾面試過上百位設(shè)計師，幾乎每次她都會問求職者一個她認(rèn)為非常重要的問題。“你為什么能勝任用戶體驗設(shè)計師的工作？” 應(yīng)聘者的回答大都涉及線框原型工具的使用能力，“我能熟練使用Axure”，朋友心想：“不錯，可惜不夠聰明?！绷硪晃粡膰饬魧W(xué)回來的應(yīng)聘者說：“我可以根據(jù)你的要求，現(xiàn)場用Mockplus做一個交互”，朋友說：“你很聰明，懂得選擇設(shè)計工具，但這遠(yuǎn)遠(yuǎn)不夠。”

的確，用戶體驗設(shè)計師對各方面技能要求都很高。有個老同學(xué)完全不了解這行業(yè)，好奇地問她，到底什么是用戶體驗設(shè)計師？朋友也給不出明確的定義，只是拿出手機里的一張圖片給我們看：

編者按：設(shè)計師應(yīng)該如何做用戶體驗研究？今天譯者Lisa用一個實戰(zhàn)案例，從零開始帶你學(xué)習(xí)專業(yè)的用戶體驗研究方法。

當(dāng)談?wù)摰藉憻挄r，這個世界上有三類人：

1. 每時每刻都在健身的健康達(dá)人；
2. 那些一天中全部鍛煉內(nèi)容就是從前門走到車?yán)?，每天在沙發(fā)看電視的人們；
3. 在這兩者之間，想變的健康強壯但缺少一些動力去健身房的人（又稱在屁股上踢一腳才行動的人）。

我，和我知道的大多數(shù)人一樣，都是第三種類型的人。我們被稱為是價值數(shù)十億美元可穿戴健身追蹤器市場的目標(biāo)消費者。這些年，我已經(jīng)嘗試了不少健康追蹤器，我當(dāng)前最喜歡的是Fitbit。這是一個很好的追蹤器并且能夠激勵我變的更活躍一點，但是當(dāng)我使用他們的iOS app的時候卻遇到了不少問題。所以我決定以我UX設(shè)計師的身份在這片沒人探索過的地方冒險，來看看是否有人遇到了和我一樣的問題并且我是否能給這個app帶來一些改進(jìn)。

這篇文章的主題，其實在腦子里已經(jīng)有一段時間了。趁著這兩天準(zhǔn)備開始自己的每月一篇的翻譯設(shè)計類文章的計劃，于是想結(jié)合譯文來寫一點關(guān)于這個主題的一些想法。巧的是在medium上發(fā)現(xiàn)了一篇文章，叫《The Day You Became A Better Designer》。作者是Tobias van Schneider 。關(guān)于作者，具體的我沒有了解的很多（有興趣的可以自己去科學(xué)上網(wǎng)查看他的個人網(wǎng)站和資料），從他的設(shè)計作品和文章來看，是一個一流的設(shè)計師。他是一個自學(xué)成才的設(shè)計師，沒有上過大學(xué)，現(xiàn)在在紐約從事設(shè)計工作，很令人欽佩。

其實這篇文章寫了2年多了，早已經(jīng)有人翻譯過，但這對于我來說，并沒有影響，我想借著自己翻譯的過程一邊深入了解一些設(shè)計師的態(tài)度和看法，也順便補習(xí)下自己那早已忘得差不多的英語。

編者按：從iOS 9改版到iOS 10之后，鎖屏頁面的音樂控件變大了，用戶體驗明顯提高。那么最佳的按鈕觸摸大小應(yīng)該是多少？經(jīng)過1.2億次的實驗后，這個結(jié)果被微軟/蘋果等公司采用，強烈推薦學(xué)習(xí)。

@平行煎餅 ：你可能說不出來，但你肯定知道這種感覺——當(dāng)你觸摸手機應(yīng)用界面而它不能正常工作時候，當(dāng)你感覺你只有精細(xì)的點擊，才能出發(fā)正確的命令時，那種混合起來的沮喪和失敗感。

但是，如果你可以自己創(chuàng)建用戶界面，你知道如何合理避免這種情況嗎？如果你知道可以通過創(chuàng)建可靠的觸摸元素，來幫助您的客戶減少錯誤，使用效率更快，使用感覺更開心嗎？

這是可能的。我們來探討一下為什么。

編者按：從iOS 9改版到iOS 10之后，鎖屏頁面的音樂控件變大了，用戶體驗明顯提高。那么最佳的按鈕觸摸大小應(yīng)該是多少？經(jīng)過1.2億次的實驗后，這個結(jié)果被微軟/蘋果等公司采用，強烈推薦學(xué)習(xí)。

@平行煎餅 ：你可能說不出來，但你肯定知道這種感覺——當(dāng)你觸摸手機應(yīng)用界面而它不能正常工作時候，當(dāng)你感覺你只有精細(xì)的點擊，才能出發(fā)正確的命令時，那種混合起來的沮喪和失敗感。

但是，如果你可以自己創(chuàng)建用戶界面，你知道如何合理避免這種情況嗎？如果你知道可以通過創(chuàng)建可靠的觸摸元素，來幫助您的客戶減少錯誤，使用效率更快，使用感覺更開心嗎？

這是可能的。我們來探討一下為什么。

雨涵Zoe：我一直喜歡做用戶測試，甚至為此寫過一篇安利文《為何我如此推崇低保真原型設(shè)計》。用戶測試對設(shè)計師的能力提升來說最好的一點是，它能一點一點讓設(shè)計師學(xué)會從用戶的視角看設(shè)計。是的，用戶視角對于設(shè)計師來說，是需要學(xué)習(xí)的。很多人以為自己也是別的產(chǎn)品的用戶，所以能夠想象得出，但其實并不是那樣。

我每做一次用戶測試，都感覺給自己上了一堂課，總是有新的發(fā)現(xiàn)。例如，設(shè)計師經(jīng)常在一些用戶不關(guān)心的規(guī)則或細(xì)節(jié)上糾結(jié)太久，而對用戶真正有價值的東西，卻往往在設(shè)計中被滯后，直到產(chǎn)品發(fā)布都忘記加上……

結(jié)合我雖然也沒有太豐富，但每次都認(rèn)真記錄的經(jīng)驗，我在這里總結(jié)一下自己至今為止從用戶測試?yán)镂〉降慕逃?xùn)：

1. 盡量用約定俗成的控件樣式和交互形式

即便你能夠設(shè)計出更好的方案，如果用戶不能一眼領(lǐng)悟使用方法，產(chǎn)品就會面臨流失用戶的風(fēng)險。像iPhone這種產(chǎn)品之所以經(jīng)常能夠推出獨創(chuàng)的操作形式，其實是大量的忠誠用戶所帶來的特權(quán)。用戶數(shù)量和市占比決定著該產(chǎn)品的設(shè)計是成為潮流的引領(lǐng)者，還是追隨者。

如果說好的產(chǎn)品是運營出來的，那么內(nèi)容作為用戶體驗中的重要部分不容忽視。然而我們在設(shè)計中經(jīng)常缺乏內(nèi)容體驗的意識。借著第十三屆用戶體驗大會User Friendly 2016的分享，手淘的設(shè)計師和業(yè)內(nèi)的同學(xué)們一起做workshop，探索如何進(jìn)行行之有效的內(nèi)容策略腦爆，以及思考內(nèi)容產(chǎn)生、組織到流轉(zhuǎn)分發(fā)的設(shè)計策略和用戶行為數(shù)據(jù)驗證。希望能讓大家對無線端導(dǎo)購的內(nèi)容化設(shè)計有所啟發(fā)。以下是對大會相關(guān)內(nèi)容的整理。

在探討內(nèi)容化設(shè)計是什么之前，或許有人奇怪：設(shè)計為什么要關(guān)注內(nèi)容呢？

內(nèi)容一直是設(shè)計缺少關(guān)懷的“冷門”，一直以來內(nèi)容似乎是運營的事兒，設(shè)計更多是參與到產(chǎn)品、技術(shù)的流程中。那么，大家覺得作為設(shè)計師的我們是否要管內(nèi)容的事兒呢？

要關(guān)注！為什么？因為交互設(shè)計是一門關(guān)注人(people)、產(chǎn)品(product)、情境(context)的科學(xué)。我們平時在工作中最多關(guān)注的是用戶，也就是人和產(chǎn)品之間的交互。但情境也是重要一環(huán)，除了具體場景化情境，設(shè)計師也要關(guān)注當(dāng)前的時代環(huán)境。

作為曾經(jīng)唯一一家能與央視相抗衡的地方電視臺，芒果臺雖然已失去以前統(tǒng)治級的地位，但是在節(jié)目形象設(shè)計這一方面，芒果臺依然是眾多衛(wèi)視當(dāng)中的翹楚，有些衛(wèi)視可能偶爾有一兩檔節(jié)目做得不錯，然而芒果臺幾乎把每一檔節(jié)目的設(shè)計都做得可圈可點，實屬不易。可以這么說，芒果臺在做節(jié)目的同時，也給我們好好地上了一堂設(shè)計課，下面我們來看能從它們的海報里能學(xué)到些什么。

歌手（我是歌手）