出于對新交互模式的探索和技術的發展，曾經網頁設計中的許多禁忌，現如今反而成為了越來越受歡迎的趨勢，網頁中的滾動交互，就是如此。作為一項基本的交互方式，滾動交互并不是一成不變，它正將新的技巧和新的規則納入其中，逐步演進。

今天的文章，我們會探討滾動交互在網頁中的新變化，探討新“滾動”的利弊，分享技巧。

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

一張圖片的好壞往往能直接影響到設計作品的優劣。本文以圖片中的視覺為出發點，為大家講解如何選擇最適合自己設計所需的圖片。如果你能夠洞察不同視角圖片中的情感屬性和氣質，那么你的設計工作一定會事半功倍。

4月27日，UCAN2017用戶體驗設計論壇在杭州阿里巴巴西溪園區舉行。大會開場，阿里巴巴集團UED委員會委員長楊光發布了智能設計平臺-魯班。此平臺原理是通過人工智能算法和大量數據訓練機器學習設計。通過一段時間的學習，此平臺從去年“雙十一”前就已經在阿里內部大規模投入使用，目前其設計水平已經非常接近專業設計師設計的效果。

從事用研6年后，我總結了這四個最重要的技能

編者按：當手機屏幕越來越大時，該如何保持單手操作的便攜性？今天這篇文章提到了兩個新的交互方式，值得一看，說不定有啟發喲。

大屏手機有很多優勢，大屏手機的趨勢未來還會持續下去。但大屏也不是什么都好，更大的顯示屏幕并沒有承載更多的內容。實際尺寸和功能多少對于高、低分辨率顯示是相同的。Steven Hoober 2013年的手機設備研究報告發現：49%的用戶通過單手持機操作，36%的用戶一手拿著手機一手操作，另有15%的用戶雙手持機操作。

2017年，并未有太多改變，單手拇指觸控操作正在成為常態。首先，這樣的操作比較方便；其次，同時使用雙手并不總是太方便。但這里就有一個障礙：單手持握使用限制了你拇指能夠觸控的區域范圍。

這就是為什么最好將應用程序的常用操作放在屏幕底部的原因。

因此開發大牛們開始關注用戶是如何與他們的設備進行交互。即使為單手持握設計的應用已經無處不在。好消息是在努力改進產品的同時，大公司也在完善用戶體驗。

用戶的反饋是無價的，最主流的應用服務也會收集、分析用戶反饋，以此進行產品升級和優化。 通常，這些改變都會涉及到可用性，但不是所有更新都是我們能看得到的、視覺層面的優化。當和設備進行交互時，我們就會感受到這些優化，你的交互操作將變得更加自然流暢、毫不費勁。

根據輿情、反饋改進的產品在iOS和Android平臺上變得越來越普遍，不僅僅大公司是如此，初創公司也是如此。如今，每一個創業公司都清晰認識到：用戶需要支持到單手操作的應用。

Flipboard 和 Ada 就是非常不錯的例子。

Flipboard是一個個性化的雜志，匯集來自新聞和社交媒體網絡的內容，使你能夠發現和分享你喜歡的故事，視頻和照片。

屏幕截圖展示了Flipboard的核心功能是如何布局的。差異不同之處是頂部導航欄的調整，頂部導航是iOS的典型設計。現在此設計轉移到了屏幕底部，處于拇指觸控區的位置。請注意！個人資料按鈕放置在標示紅色的難觸控區。因此，Flipboard允許用戶可以右滑打開個人資料頁面。

搜索圖標出現在屏幕中央的位置，它保持在黃色區域，需要拇指伸展。

Ada的開發大牛們創造了一個完全創新的導航設計。Ada是一個健康應用的程序，它會詢問問題并提供個性化信息來改善健康。這個革命性的界面相當簡單。它是一個基礎界面結構的翻轉鏡像。一切被放置在頂部的內容都被重新放置到了屏幕底部，在上圖中的綠色區域。

首屏界面如下所示：

采用漢堡導航的設計無法在當前界面展示App功能，因此漢堡導航略顯過時了點。Ada 通過一個更自然的左滑復用了這一設計。

菜單列表放置在較低的位置，也沒有人被負空間所驚嚇到，因為這一設計顯然是經過深思熟慮的。Ada的子視圖也應用了拇指觸控理念。

去年，我們產生了做一個可以單手操作的通話應用程序的概念設計。針對于撥號、消息應用，我們傾向于使用單手來完成進行撥號、輸入操作。該設計沒有從概念階段落地實施，客戶對整體功能性改版保持警惕心，這可能會疏遠已經習慣界面結構的用戶。

總結

首先，應用程序開發人員必須考慮用戶和目標受眾。這些是任何未來應用程序用戶體驗的基石。您的應用程序越簡單、合理、便捷，就越有可能吸引更多受眾。必須要緊隨潮流 – 今天潮流新鮮的東西可能會在明天變得陳舊不堪。

藍藍設計( www.dzxscac.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

無線個性化推薦起步于2013年10月。現在往回看，當時的阿里很好地把握住了移動端快速發展的浪潮，以集團All-in無線的形式吹響了移動端戰斗的號角。個性化推薦團隊也是從All-in無線這一事件中孵化的。我們從零開始搭建了個性化推薦算法體系及個性化算法平臺TPP。TPP這一個性化算法平臺對個性化推薦團隊的成長起到了至關重要的作用。基于TPP，個性化算法團隊成員們驗證算法的速度得到了極大的提高，優化算法的速度從而也得到了極大的提高。僅僅花了不到兩個月的時間，個性化推薦的第一版算法就在“有好貨”
中初露鋒芒：結合基于主動學習的選品算法平臺TSP，個性化推薦團隊一舉打造了“有好貨”針對高端人群的優質導購體驗。

對色彩的研究通常要么太過隨意缺乏邏輯，要么太過理論化難以理解，這篇文章用非常淺顯易懂的方式，講述了一個專門研究數據可視化的團隊探尋圖標色彩搭配的歷程，給出有力的論證，并得出很棒的結論，非常值得一讀。

雖然現在要獲取的色彩搭配并不難，但是尋找圖表（可視化數據）的配色依舊有難度。

在 Graphiq （用可視化的形式提供全球各種數據的一家公司，也是作者工作的地方），設計圖表色彩就更難了，因為我們的圖表需要用各種各樣的形式傳達上千種數據。

技術和設計趨勢一樣，隨著時間的推移總在不停地變化。對于網頁設計師和前端而言，字體和排版所涉及到的技術和設計尤其是如此。不過縱觀這幾年，網頁字體和排版在大方向上并沒有明顯變化，結合當前主流產品和設計，并不難確定2017年內，我們需要關注的這些字體和排版趨勢。

很多畢業生對在互聯網企業做用研（一種崗位：用戶研究員；一種工作內容：研究用戶）非常感興趣，但是又不知道從何開始，到底怎樣做好一個用研，怎樣具備做用研的能力？在互聯網從事用研工作近 6 年，談談我對用研技能的看法，以及建議應該準備什么樣的能力會更加受到互聯網企業的青睞。

一. 思路的準備：

1. 以體驗為中心：雖然現在的互聯網企業已不再簡單的提以用戶體驗為中心的口號，轉而更多的實踐，但這點的中心思想不會發生改變。真正的思路的準備是時時刻刻想著對用戶的價值，這里的用戶包括外部消費者、商家，你直接面對的客戶，也包括內部的合作方，也就是阿里巴巴踐行的「客戶第一」。

2. 從學習到貢獻的思路準備。

如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里

編者按：很多設計師畢業后就不知道該學什么，沒有老師帶就不知道怎么學。今天這篇文章以交互設計為案例，教你一個的自學方法。

通過這篇文章你能得到什么？

1.  學什么？（工作、興趣）

2.  怎么學？（兩種方法）

3.  怎么監督學習成果？

背景介紹

好幾個小伙伴詢問關于找工作時選擇崗位的問題。總結大意：有兩個崗位我都想去，但是我都不怎么會，我該投哪一個？這看起來是一個工作選擇的問題，但是由此我意識到出現此疑問正是因為缺乏持續學習的意識。遂翻出了以前的筆記，結合自己學習的過程，整理出學習方法淺析。

高中時候常聽的是“考上大學你們就輕松啦！”

大學時候常聽的是“畢業證拿到你們就輕松啦！

讀了研常聽的是“研究生學完還會怕找不到工作嗎？”

然而工作了后，作為一個社會人我發現聽說的這一切都是騙人的！我不僅要繼續學習，而且要學的還很多，甚至都不知道該從哪里入手。

這大概是因為我習慣了校園里老師幫忙畫重點，考試開卷的學習方法。我不需要考慮什么該學，什么該多學。因為教學大綱已經規劃好，老師已經畫重點了，讓我學啥我學啥，讓我咋學我咋學。

即便我不想學，還有課堂匯報，測試，考試等等方式考核我的學習結果，保證學習進度。

我不再是那個只要努力就能拿到好成績的孩子了。

那我該學什么？怎么學？怎么保證學習結果？

學什么

1.  從工作入手，什么不會學什么

2.  從興趣入手，對什么感興趣學什么

研究生階段做過一本課堂筆記，畢業后我反復閱讀結合這一年的實踐經驗我意識到知識分類有規律且大致分為兩種結構。

吊燈狀結構

△  設計在知識結構中的位置

以交互設計舉例

△  互聯網交互設計的知識結構

這種結構的知識越靠近頂層（模式、概念、理論、思維）越少越穩定越有價值，越靠近底層（方法、趨勢、工具、）越多越不穩定而且更新很快。

很多同學迷戀的工具和方法，其實的卻越容易成為過去的不如花多一點時間在頂層知識的學習上。

網狀結構

△  交互設計的相關知識網

網越密集知識盲區越少。

例如：之前在思考怎么學習服務設計的時候，腦子里突然有個概念，把自己現有的知識對照服務設計的知識網。有盲區只需要補漏。然后反復的看全局知識網絡就夠了。

遇到新的知識點，先對標吊燈結構看到一級類目的領域，再對標自己知識的網狀結構，查漏補缺。

興趣入手學習其實很輕松，利用業余時間放松的時候給自己找點事情做而已。

比如我剛入職時候的興趣在做早餐。

后來變成彈尤克里里，到現在偶爾還是會彈琴。

最近喜歡做皮具。

這些都是利用業余時間為自己培養的愛好。

怎么學

1.  倒逼產出（教就是學）

2.  實踐

倒逼產出（教就是學）

人很懶，我每天都在和懶惰的自己作斗爭，所以我起得很早，今日事今日畢，逼著自己思考、看書、學習、參加分享會、workshop。我要依靠每天的任務規劃，時間規劃來逼著自己學習產出。公眾號就是個很好的例子。長此下去，逐見收獲。久而久之也成為了一種生活方式。

實踐

so easy 對嘛？都學會了我們就大方的踐行吧。

在工作中學到了可以解決問題的知識，那就將實踐的結果反饋在工作中。這是一個良性循環，用中學，學了用。越走遠快越走越遠。

寫博客做分享組織workshop，都是在實踐。老師說過，知識要產生價值才叫知識分子，否則就只是知道分子。不要怕寫作的質量不好，寫東西是為了沉淀自己。

怎么監督學習成果

1.  學習小組（抱團監督）

2.  制定目標（自我監督）

拿結果是目標，實現方法是路徑，兩種監督方式均可。

豆瓣有xx天學習小組，公眾號也有xx天改變自己等等的組織。抱團動力也許會足一些。

給自己制定一個目標，通過強大的自驅力去完成，然后給自己一個獎勵。比如給自己一個iPhone7什么的。

我定過一個目標。當時在支持一個項目，我對自己說，好好做項目發揮最大的價值，項目完成給自己買個安卓手機做為獎勵，結果項目中間黃了，我的手機也黃了。

總結

1.  學什么？（工作、興趣）

• 從工作入手，什么不會學什么
• 從興趣入手，對什么感興趣學什么

2.  怎么學？（兩種方法）

• 倒逼產出（教就是學）
• 實踐

3.  怎么監督學習成果？

• 學習小組（抱團監督）
• 制定目標（自我監督）

藍藍設計( www.dzxscac.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務