那些打動人心的APP設(shè)計(jì)(4)

你好,這是2017年的第12篇文章波丰。

自從寫了這個(gè)系列限番,每天除了吃飯睡覺工作,其余的時(shí)間都在用各種APP呀舔,觀察各種產(chǎn)品弥虐。在同質(zhì)化越來越嚴(yán)重的今天扩灯,這些產(chǎn)品的微交互,是用戶喜歡或討厭一個(gè)產(chǎn)品的重要原因霜瘪,不容被忽視珠插。


31.及時(shí)出現(xiàn)的翻譯按鈕

在使用國外產(chǎn)品時(shí),經(jīng)常會收到全英文郵件颖对,每次看到右下角出現(xiàn)的翻譯懸浮按鈕捻撑,總會會心一笑。這已經(jīng)是第三次介紹QQ郵箱的微交互了缤底。另外兩條可以翻閱前三篇文章顾患。

QQ郵箱


32.快速瀏覽內(nèi)容

由于智能手機(jī)的尺寸特點(diǎn)等原因,瀑布流的信息展現(xiàn)形式成為主流个唧。而上下滑動是最合適的對應(yīng)操作江解,通過上滑和下滑,瀏覽對應(yīng)的信息徙歼,幾乎成了每個(gè)人潛意識中的操作犁河。但,如果瀑布流內(nèi)容過多魄梯,而我們需要快速瀏覽時(shí)桨螺,該怎么辦?微云APP的做法是在界面右側(cè)酿秸,出現(xiàn)類似索引的控件灭翔。拖住后上下滑動可以快速的瀏覽內(nèi)容。

同理:點(diǎn)擊美團(tuán)左上角的地點(diǎn)辣苏,彈出的地點(diǎn)列表肝箱,右側(cè)的字母索引。這是同樣的設(shè)計(jì)思路的不同表現(xiàn)形式考润。

微云


33.付款時(shí)自動點(diǎn)亮屏幕

有多少人和我一樣狭园,出門已經(jīng)不帶現(xiàn)金了,貌似什么都可以用手機(jī)付款糊治。在付款流程中唱矛,支付寶和微信都會在點(diǎn)開二維碼界面加亮手機(jī)屏幕。想一想井辜,如果沒有這個(gè)功能绎谦,是不是每次屏幕亮度過低對方識別不了二維碼時(shí),你不僅要增加加亮屏幕的操作粥脚,還要忍受忘記加亮屏幕導(dǎo)致掃碼失敗而帶來的挫敗感窃肠?

有些設(shè)計(jì),你往往感覺不到它的存在刷允,可是一旦沒有冤留,便會帶來不便碧囊,產(chǎn)生挫敗和焦慮。這就是好的設(shè)計(jì)點(diǎn)纤怒,也是作為設(shè)計(jì)師平時(shí)要去積累的糯而。

微信


34.有一個(gè)巧用標(biāo)簽欄icon的例子

淘寶前段時(shí)間更新了,據(jù)說這是第一次設(shè)計(jì)為主導(dǎo)的軟件大版本更新泊窘。在滿足了能用的前提下熄驼,怎么用的更爽顯得越來越重要。?

原來標(biāo)簽欄的首頁烘豹,變成了一個(gè)淘寶的標(biāo)志瓜贾,當(dāng)在首頁往下翻時(shí),icon會變成一個(gè)向上的火箭携悯,暗示點(diǎn)擊可以回到首屏祭芦。標(biāo)簽欄的icon終于不在是簡單的兩個(gè)狀態(tài)了(選中和被選中),該系列第三篇文章介紹的獵豹瀏覽器蚌卤、第一篇文章介紹的毒物APP实束,都采用了類似的設(shè)計(jì)手法奥秆。

淘寶


35.一般人發(fā)現(xiàn)不了

這是最近找到的微交互案例中我最喜歡的逊彭,因?yàn)樘蝗菀装l(fā)現(xiàn)了,發(fā)現(xiàn)之后默默在內(nèi)心給Google的設(shè)計(jì)師點(diǎn)32個(gè)贊构订。

用Google Map搜索路線侮叮,選擇步行,當(dāng)步行時(shí)間過長悼瘾,步行的小人會多個(gè)拐杖囊榜。請默默看圖,在心里說句牛逼亥宿。

Google Map


36.給用戶更多的自主權(quán)

加載過程是技術(shù)所限不得不出現(xiàn)的形態(tài)卸勺,想一想,如果網(wǎng)絡(luò)一直穩(wěn)定烫扼,而且速度極快曙求,其實(shí)就不存在加載過程。但這是不可能的映企,至少在目前情況下來說悟狱。

如何減輕加載過程中的用戶焦慮,高德的做法也許是其中之一堰氓。當(dāng)加載時(shí)間過長挤渐,允許用戶取消加載過程,去完成其他任務(wù)双絮。

易到用車&高德


37.工具欄并非一成不變

對當(dāng)前頁面的操作浴麻,一般都會放在頁面底部的工具欄得问,例如今日頭條的工具條就有留言、查看留言软免、收藏椭赋、分享操作。來看看最美應(yīng)用是怎么巧妙處理單調(diào)的工具欄的或杠。

當(dāng)界面主內(nèi)容是正文時(shí)哪怔,工具欄顯示的是對正文的評價(jià),用戶滑到評論區(qū)后向抢,工具欄便會變換為留言认境,并且工具欄可以通過左右滑動來切換。該系列第三篇文章介紹的QQ音樂挟鸠,底部的播放器控件叉信,也支持左右滑動來進(jìn)行切換。

最美應(yīng)用


38.讓單調(diào)的過程變得有趣一點(diǎn)

春季不健身艘希、夏季徒傷悲硼身。keep的推薦課程對于我這種零基礎(chǔ)的人來說真是個(gè)貼心實(shí)用的好功能。但是我們這個(gè)系列討論的是微交互覆享,不對核心功能點(diǎn)進(jìn)行過多展開佳遂。

在健身過程中,重復(fù)或維持某個(gè)動作時(shí)撒顿,界面中會出現(xiàn)名人名言丑罪,說白了就是打雞血和灌雞湯的話,但確實(shí)有用凤壁。做平板支撐要堅(jiān)持一分鐘的時(shí)候吩屹,打打雞血也還是可以的。

畫外音:健身的時(shí)候其實(shí)看紀(jì)錄片是個(gè)很不錯的選擇拧抖。

keep


39.隱藏敏感信息

當(dāng)在說產(chǎn)品時(shí)煤搜,大家總喜歡拿蘋果舉例,你看唧席,人家蘋果以用戶為中心擦盾、以設(shè)計(jì)為驅(qū)動,做出來的系統(tǒng)和硬件多好袱吆。但你有想過到底為什么好么厌衙?這個(gè)原因是綜合的,但是我覺得最重要的是微交互绞绒,蘋果有的功能競爭對手幾乎都有婶希,但往往用戶會被很多小細(xì)節(jié)打動。蘋果在考慮各個(gè)產(chǎn)品時(shí)的細(xì)節(jié)時(shí)所走得心蓬衡,這個(gè)你是否認(rèn)不了的喻杈。

在雙擊HOME鍵喚起正在運(yùn)行的軟件時(shí)彤枢,如果后臺運(yùn)行的軟件涉及到重要信息,會給縮略圖進(jìn)行高斯模糊處理筒饰。我雖然對內(nèi)在的機(jī)制不清楚缴啡,但是猜想應(yīng)該是蘋果提供了接口,APP調(diào)用后就可以實(shí)現(xiàn)這種效果瓷们。

iOS


40.路癡的福音

翻了翻高德的更新日志业栅,在V7.8.0版本上線了室內(nèi)導(dǎo)航的功能,并且谬晕,可以看到商城每層的情況碘裕,簡直就是路癡的福音,在室外不讓你迷路攒钳,在室內(nèi)也不能讓你迷路帮孔。高德還有到站提醒等貼心的功能,大家可以自行去發(fā)掘不撑。

高德


總結(jié):

美國設(shè)計(jì)師Victor Papanek層說過:天下沒有大作品文兢。在把握大的設(shè)計(jì)方案的前提下,把每個(gè)設(shè)計(jì)細(xì)節(jié)(微交互)考慮好焕檬。本著智能化姆坚、人性化的原則為用戶著想,那么設(shè)計(jì)出來的產(chǎn)品應(yīng)該都不會太差吧揩页。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末旷偿,一起剝皮案震驚了整個(gè)濱河市烹俗,隨后出現(xiàn)的幾起案子爆侣,更是在濱河造成了極大的恐慌,老刑警劉巖幢妄,帶你破解...
    沈念sama閱讀 211,743評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件兔仰,死亡現(xiàn)場離奇詭異,居然都是意外死亡蕉鸳,警方通過查閱死者的電腦和手機(jī)乎赴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來潮尝,“玉大人榕吼,你說我怎么就攤上這事∶闶В” “怎么了羹蚣?”我有些...
    開封第一講書人閱讀 157,285評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長乱凿。 經(jīng)常有香客問我顽素,道長咽弦,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,485評論 1 283
  • 正文 為了忘掉前任胁出,我火速辦了婚禮型型,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘全蝶。我一直安慰自己闹蒜,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,581評論 6 386
  • 文/花漫 我一把揭開白布抑淫。 她就那樣靜靜地躺著嫂用,像睡著了一般。 火紅的嫁衣襯著肌膚如雪丈冬。 梳的紋絲不亂的頭發(fā)上嘱函,一...
    開封第一講書人閱讀 49,821評論 1 290
  • 那天,我揣著相機(jī)與錄音埂蕊,去河邊找鬼往弓。 笑死,一個(gè)胖子當(dāng)著我的面吹牛蓄氧,可吹牛的內(nèi)容都是我干的函似。 我是一名探鬼主播,決...
    沈念sama閱讀 38,960評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼喉童,長吁一口氣:“原來是場噩夢啊……” “哼撇寞!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起堂氯,我...
    開封第一講書人閱讀 37,719評論 0 266
  • 序言:老撾萬榮一對情侶失蹤蔑担,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后咽白,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體啤握,經(jīng)...
    沈念sama閱讀 44,186評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,516評論 2 327
  • 正文 我和宋清朗相戀三年晶框,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了排抬。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,650評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡授段,死狀恐怖蹲蒲,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情侵贵,我是刑警寧澤届搁,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響咖祭,放射性物質(zhì)發(fā)生泄漏掩宜。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,936評論 3 313
  • 文/蒙蒙 一么翰、第九天 我趴在偏房一處隱蔽的房頂上張望牺汤。 院中可真熱鬧,春花似錦浩嫌、人聲如沸檐迟。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,757評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽追迟。三九已至,卻和暖如春骚腥,著一層夾襖步出監(jiān)牢的瞬間敦间,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,991評論 1 266
  • 我被黑心中介騙來泰國打工束铭, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留廓块,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,370評論 2 360
  • 正文 我出身青樓契沫,卻偏偏與公主長得像带猴,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子懈万,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,527評論 2 349

推薦閱讀更多精彩內(nèi)容