這是2017年的第10篇文章。
據(jù)說總結出100個打動人心的APP設計點透揣，就能召喚神龍妆棒，還沒看過前兩篇文章的，請補上：《那些打動人心的APP設計（1）》《那些打動人心的APP設計（2）》敞映。
設計師必須站在系統(tǒng)層面做思考较曼，滿足某一類人的需求并提供解決方案，這需要系統(tǒng)化的交互方法論振愿，包括需求分析捷犹、信息架構及流程設計等等。但當設計師專注于宏觀思考問題時冕末，往往會忽略設計細節(jié)萍歉。基于這種情況档桃，Smart Design 的交互設計主管 Dan Saffer提出了“微交互”的概念枪孩。為此，他專門寫了一本書，書名叫做《微交互》蔑舞。有興趣的小伙伴可以看看拒担。
好，我們繼續(xù)梳理那些打動人心的APP設計攻询，希望對你有幫助从撼。
18.微信讀書的查詢功能
微信讀書是我個人很喜歡并常用的一款閱讀類APP，簡單的產(chǎn)品架構钧栖，優(yōu)秀的文字排版低零，以及基于筆記和讀后感的社交屬性，都是打動我的產(chǎn)品點拯杠。其中不乏一些打動人心的微交互掏婶，如上篇文章中第15條。而今天講的是微信的查詢功能阴挣。
閱讀的時候會遇到一些不懂的概念或者不認識的外文气堕，貼心的微信讀書不僅提供了詞典功能，如果要查詢的詞字典里沒有畔咧，還可以直接查詢百度百科茎芭，簡直不要太方便∈姆校看書的時候再也不用在閱讀軟件和瀏覽器之間來回切換了梅桩。
19.網(wǎng)易出品必屬精品
互聯(lián)網(wǎng)公司，注重產(chǎn)品體驗的拜隧，一個是騰訊宿百，另一個則是網(wǎng)易，網(wǎng)上流傳這么一句話：網(wǎng)易出品必屬精品洪添。最近新上線的網(wǎng)易蝸牛讀書APP垦页，又偷偷火了一把。不過今天要講的是另一個網(wǎng)易出品：有道詞典干奢。
常規(guī)的APP都將搜索欄放在頁面頂部痊焊，這樣會遇到一個問題，不利于單手操作忿峻。有道詞典在首頁右下角放置了一個搜索icon薄啥，讓用戶在進行翻譯任務時，單手操作便可完成逛尚。
20.撩人的小妖精：小紅書
小紅書成功了垄惧，這是個讓無數(shù)妹紙種草剁手的地方，小紅書為了伺候好這幫小公主绰寞，可謂處處用心到逊。光一個點贊铣口，就給做出花來了。
每次點贊蕾管，提示的文案都不同枷踏，而且每句都讓人忍不住再點一次，誰讓你不要臉的這么夸我掰曾，哈哈。
21.音樂APP中的文藝青年：網(wǎng)易云音樂
網(wǎng)易用個性化的推薦和豐富的社區(qū)內(nèi)容停团，在音樂市場殺出了一條血路旷坦，讓其他老牌音樂APP望塵莫及。除了個性化的推薦佑稠、社區(qū)秒梅，優(yōu)秀的產(chǎn)品交互也是不可或缺的亮點。
網(wǎng)絡不好或斷網(wǎng)狀態(tài)舌胶，和網(wǎng)絡正常捆蜀，這兩種情況打開APP，默認的標簽頁是不一樣的幔嫂。斷網(wǎng)時會直接前往本地的“我的音樂”辆它，網(wǎng)絡正常則是“發(fā)現(xiàn)音樂”頁。沒網(wǎng)的時候發(fā)現(xiàn)個毛線音樂履恩，只能是聽本地音樂了锰茉，這個細節(jié)給滿分。
22.再次提名的QQ郵箱
該系列文章第一條夸的就是騰訊出品的郵箱切心，今天繼續(xù)夸一夸飒筑。查看郵件之后，用戶有幾條路徑：回復郵件绽昏，轉發(fā)郵件协屡，返回郵件列表等。QQ郵箱全谤，在閱讀郵件頁下滑肤晓，便可直接回復郵件，提高了上班族處理郵件的效率啼县。
在頁面不需要下拉刷新時材原，嘗試用下拉交互喚起其他功能是個不錯的方法。
23.啟動頁面真的可以不用是廣告
不知道從什么時候開始季眷，打開每個APP余蟹，都要等待3到5秒，默默的被強迫看完廣告子刮。嗯威酒，不能忍窑睁，各大廠商為了商業(yè)利益真是想盡辦法。從點擊APP啟動圖標到APP開啟并完成數(shù)據(jù)加載葵孤，是需要一個時間過程担钮，通常會用開啟圖片來展示，以降低用戶的等待焦慮尤仍，微信的開啟圖片就是很有名的例子箫津。也有顯示廣告的做法，還有顯示完啟動圖片再展示廣告的宰啦，具體是哪家APP我就不說了苏遥，大家自行去體會。這些都是平衡商業(yè)目標和用戶目標最終方案赡模，無可厚非田炭，但僅僅從用戶體驗的角度出發(fā)，會有更好的方案漓柑。
Dosnap教硫，中文名：多色，定位于手機攝影的分享平臺辆布。開啟過程比德芙還要絲滑瞬矩，完全感覺不到有個啟動過程，沒有啟動動畫和廣告谚殊。這是怎么做到的丧鸯？其實很簡單躁锡，當APP首頁框架固定時交掏，做一個類似主頁的圖片作為APP的啟動圖片肛循，就這么取巧简烘，用戶便感覺不到開啟過程蜒程，體驗比起五秒的廣告簡直好到爆炸章咧。
24.驗證碼短信也有大文章
一條驗證碼短信楼吃，有什么可設計的喂饥？你錯了置尔，站在以用戶為中心的視角杠步，什么都可以被設計被改善。用戶的瀏覽習慣是榜轿， 從左到右或從上到下幽歼，然后找到自己想要的內(nèi)容便停止瀏覽。下圖左側直接將公司名和驗證碼放在文本開頭谬盐，將說明性的文字放在后面甸私，便于用戶更快的找到自己想要的信息。此時你再看看右側的驗證碼短信飞傀，對比下皇型。
25.流量很貴诬烹，省一點是一點
《人機交互與數(shù)據(jù)傳輸：關于數(shù)據(jù)加載的六種形式》提到智能加載的問題。這一條設計點的原理類似弃鸦，在知乎的設置中有一欄無圖模式：在非WiFi條件下不下載圖片绞吁，如下圖。知乎：我就這么默默的幫你省流量唬格，你會愛上我嗎家破？當然，如果你是土豪购岗，請忽略這個功能员舵。
這條功能設計出發(fā)點是幫用戶節(jié)省流量，從而為用戶創(chuàng)造價值藕畔，在保證用戶順利完成主任務的前提下，多為用戶著想庄拇，這很人性化注服。
26.用手勢代替點擊
手勢和點擊是移動設備中最重要的兩種交互方式，恰當?shù)氖褂脙烧叽虢诒ＷC操作統(tǒng)一性的前提下給用戶帶來便利溶弟。iOS自帶相冊，在編輯狀態(tài)下瞭郑，用手指在界面滑動辜御，劃過之處的照片都會被選中，從而實現(xiàn)批量操作屈张。
iPad中三指上滑喚起多任務頁面擒权，五指內(nèi)縮關閉APP，都是手勢操作巧用的例子阁谆。
27.標簽icon不止是標簽icon
瀏覽器作為流量入口碳抄，被多家廠商重視，為了獲取更多的用戶和流量场绿，國內(nèi)瀏覽器都在首頁放置了新聞資訊模塊剖效，獵豹瀏覽器便是其中之一。獵豹瀏覽器底部是常規(guī)的標簽欄焰盗，我們都知道標簽欄是一種常用的導航形式璧尸，點擊某個標簽icon就會回到該標簽頁，如果用戶正處于當前標簽頁熬拒，點擊該icon便無反應爷光。獵豹瀏覽器就將此充分利用起來，用戶在當前標簽頁點擊icon時梦湘，一是會回到首屏位置瞎颗，二是會隨機更換8條新聞資訊給你件甥，讓你在沒感興趣的新聞資訊下，可以快速換一批內(nèi)容瀏覽哼拔。
充分的利用每個頁面元素引有，讓其承載更多內(nèi)容，給用戶帶來驚喜倦逐。
28.左右滑動切換歌曲
上面夸完了網(wǎng)易云音樂譬正，再來夸夸QQ音樂，對于音樂類APP檬姥，播放器是操作頻次很高的部分曾我，所以像QQ、蝦米健民、搜狗等產(chǎn)品都將播放器常駐在界面底部抒巢，除了點擊能進入播放器頁面外，還有播放/暫停秉犹，歌曲列表蛉谜，下一首等功能，但是基本都是回不到上一首的崇堵，要回到上一首只能點進播放器頁面型诚。
QQ音樂在常駐在底部的播放器，用左劃來啟動下一首歌鸳劳，右劃來播放上一首狰贯。又是一個個活生生巧妙利用手勢操作的例子。
29.沉浸感
沉浸感其實是簡約的另一種表達赏廓，將用戶需要的內(nèi)容盡情展現(xiàn)涵紊，不需要或次要的內(nèi)容刪除或隱藏，好讓用戶沉浸在當前任務中楚昭，閱讀APP就是個很好的例子栖袋。
在聽音樂時，QQ音樂提供了另一種沉浸：在播放了幾秒的歌曲后抚太，將進度條塘幅、各種操作按鈕全都隱藏，只顯示歌手寫真和歌詞尿贫。寫真都很好看电媳，顏控們請準備舔屏。
30.更好的鎖屏方案
在手機同質(zhì)化越來越嚴重的今天庆亡，鎖屏壁紙幾乎成了個性化最后的領地匾乓。在手機上放一張符合自己調(diào)性的壁紙也能成為一種生活的小確幸。作為處女座的朋友摩羯座又谋，當美美的壁紙被時間拼缝、日期等字段遮住時娱局，內(nèi)心有一萬匹草泥馬在奔騰。有個APP很好的解決了這個痛點咧七，簡直是處女座和強迫癥患者的福音衰齐。
今天介紹了13條打動人心的APP設計細節(jié)，希望對你有所幫助继阻。
總結：
Dan Saffer認為交互細節(jié)能夠使得系統(tǒng)更加人性化耻涛，這些細節(jié)可能是一個動效、一個提示音瘟檩、一句文案或是一個簡單的手勢抹缕。如果說在系統(tǒng)層面考慮的是用戶的目標和任務，那微交互關注的則是用戶完成每個簡單任務時的行為墨辛。目標卓研、任務、行為睹簇，每個維度都應該為目標用戶著想鉴分，進而打動人心。
