缺乏細(xì)節(jié)的應(yīng)用,無異于行尸走肉:你不知道的 App 細(xì)節(jié)設(shè)計(jì)(一)

如大家所見拔创,@少數(shù)派Matrix 官方微博發(fā)起了一個(gè)自詡為「行為藝術(shù)」的活動(dòng):每天一個(gè)細(xì)節(jié)設(shè)計(jì)。截止目前富蓄,已經(jīng)進(jìn)行了一周剩燥,不管出不出意外都會(huì)繼續(xù)進(jìn)行下去。
每周一立倍,我們會(huì)把發(fā)布在微博的細(xì)節(jié)設(shè)計(jì)進(jìn)行一個(gè)匯總灭红,整理成文。這是第一周的匯總口注,共計(jì) 9 個(gè)細(xì)節(jié)設(shè)計(jì)变擒。

點(diǎn)按屏幕時(shí)的水波紋效果、浮動(dòng)的水珠:Timely

Timely 是一款精致的時(shí)鐘應(yīng)用寝志,像這類小工具娇斑,很難在功能上進(jìn)行創(chuàng)新,因此比拼的就是顏值和細(xì)節(jié)了材部,而 Timely 絕對(duì)稱得上是「小而美」應(yīng)用的一個(gè)代表毫缆。
在應(yīng)用界面,屏幕底部會(huì)時(shí)不時(shí)會(huì)冒出一些水珠乐导,大小不一苦丁,像極了海底水草旁奔向水面的水泡,切換主題時(shí)物臂,水珠也會(huì)隨著變色旺拉。如果你見過 Flyme 的充電界面产上,那對(duì)于這個(gè)小細(xì)節(jié)可能不會(huì)陌生,二者非常相似蛾狗。除此之外晋涣,當(dāng)點(diǎn)按屏幕時(shí)。也有相應(yīng)的水波紋效果淘太。
如果以上兩點(diǎn)打動(dòng)了你姻僧,下載使用后或許還會(huì)更多的細(xì)節(jié),靜態(tài)圖片是完全無法展現(xiàn)它的美的蒲牧。這里賣一個(gè)關(guān)子:它設(shè)置鬧鐘的交互也和常規(guī)鬧鐘大不相同撇贺,具體如何設(shè)置,感興趣的自行下載吧冰抢。

[@RemyDesign](http://weibo.com/Remydesign) 投稿

曲線救國松嘶,截圖分享:淘寶

鑒于大家都知道的一個(gè)事實(shí),機(jī)智的淘寶在檢測(cè)到用戶截屏后挎扰,會(huì)彈出一個(gè)頂部橫幅提醒用戶是否要分享給微信翠订、微博(看到分享給微博用戶這里……我承認(rèn)我笑了……)用戶,點(diǎn)擊「是的」遵倦,寶貝信息就會(huì)自動(dòng)復(fù)制到剪貼板中尽超,當(dāng)另外一個(gè)用戶將該內(nèi)容復(fù)制到剪貼板然后進(jìn)入淘寶時(shí),淘寶會(huì)提醒用戶打開該寶貝梧躺,也算是曲線救國了似谁。

[@龍爪槐守望者](http://weibo.com/ftium4?from=feed&loc=at&nick=%E9%BE%99%E7%88%AA%E6%A7%90%E5%AE%88%E6%9C%9B%E8%80%85) 投稿

不過,鑒于支付寶 9.0 的驚艷改版掠哥,我們有理由相信巩踏!或許不久的未來,淘寶也會(huì)引入社交功能续搀,當(dāng)需要分享時(shí)塞琼,心中默念「分享給小李,分享給小李禁舷,分享給小李」彪杉,小李的淘寶就會(huì)收到提醒「親 ~ 小王給你分享了一個(gè)寶貝,快來查看叭榛了!」

把熒幕形象搬進(jìn)電影票選座:格瓦拉@電影

《滾蛋吧在讶!腫瘤君》是一部立志把觀眾看哭的電影,講述了……
使用 格瓦拉 購買電影票進(jìn)行選座時(shí)霜大,選中的座位會(huì)標(biāo)記為熒幕形象的卡通頭像构哺,吳彥祖、白百合、腫瘤君曙强,讓選座這個(gè)乏味的事情也稍微有趣了一些残拐。

字幕和底欄聯(lián)動(dòng):網(wǎng)易公開課

不知道大家在看視頻時(shí)有沒有遇到這樣一個(gè)痛點(diǎn):當(dāng)我們打開全屏模式但底欄還未隱去時(shí),字幕就活生生的被遮擋住了碟嘴,錯(cuò)過了關(guān)鍵一句溪食,可能就得回調(diào)幾秒,非常影響體驗(yàn)娜扇。下圖為搜狐視頻的截圖:

搜狐視頻

針對(duì)這種情況错沃,網(wǎng)易公開課會(huì)使字幕會(huì)和底欄進(jìn)行聯(lián)動(dòng),底欄未隱去時(shí)雀瓢,字幕也會(huì)相應(yīng)的上移一段距離枢析,這個(gè)痛點(diǎn)也就解決了。需要說明的是:網(wǎng)易公開課的 網(wǎng)站移動(dòng)端應(yīng)用 均支持這個(gè)特性刃麸。

網(wǎng)易公開課

Chrome 的兩個(gè)小細(xì)節(jié)

Chrome 是很多用戶的默認(rèn)瀏覽器醒叁,但這兩個(gè)細(xì)節(jié)或許有些人還不知道。因?yàn)槠^長泊业,投稿者將它寫成了一篇文章發(fā)在了 Matrix 社區(qū)把沼,閱讀原文:《Chrome 的兩個(gè)小細(xì)節(jié)》

[@KKKove](http://weibo.com/10180018?from=myfollow_all) 投稿

搖一搖界面:微信

不同性別的用戶吁伺,微信搖一搖界面的手模是不同的饮睬,女性用戶展現(xiàn)的是 Rock 的手勢(shì),不知道這其中有什么深意篮奄。

登錄界面的心理安慰:Readme & bilibili

Readme 網(wǎng)站的登錄頁面上续捂,有一個(gè)小貓頭鷹,當(dāng)用戶輸入密碼時(shí)宦搬,這個(gè)貓頭鷹會(huì)閉上眼睛,以表示對(duì)隱私的保護(hù)劫拗,非臣湫#可愛,讓人忍不住在賬號(hào)和密碼輸入框間多切換幾次页慷。

國內(nèi)也有一些應(yīng)用跟進(jìn)了這個(gè)細(xì)節(jié)憔足,Bilibili 就是一個(gè)例子,只不過登錄界面上的吉祥物換成了 B 站的 2233 娘酒繁。

單擊頂欄回到頂部的防誤觸:Instapaper滓彰、Moke、VVebo

單擊頂欄回到頂部幾乎已經(jīng)是標(biāo)配了州袒,在方便快速回到頂部的同時(shí)也增加了誤觸的幾率揭绑,針對(duì)這種情況,Instapaper、墨客他匪、VVebo 都有相應(yīng)的解決辦法菇存。

  • Instapaper:回到頂欄后,頁面頂部會(huì)有一個(gè) bar 供用戶選擇是「留在頂部」還是「返回到位置」邦蜜。
  • Moke:當(dāng)點(diǎn)擊頂欄回到頂部后依鸥,用戶可以通過搖一搖回到上次瀏覽位置。
  • VVebo:點(diǎn)擊頂欄回到頂部悼沈,再次點(diǎn)擊頂欄就會(huì)回到上次瀏覽位置贱迟。
[@覺主好難養(yǎng)](http://www.weibo.com/haoxijie) 投稿

Tab 標(biāo)簽切換也能玩出新花樣:出發(fā)吧

出發(fā)吧 這款應(yīng)用中,當(dāng) Tab 標(biāo)簽位于「行程」時(shí)絮供,展示的樣式如下:

當(dāng) Tab 標(biāo)簽位于「我」時(shí)衣吠,展示的樣式如下:

像不像一個(gè)(被砍掉雙臂)的半身雕塑版「大白」?

事實(shí)上杯缺,在之前的版本中蒸播,Tab 標(biāo)簽中的「個(gè)人」更像大白,起碼是有胳膊的......

以上就是第一周的匯總萍肆,共計(jì) 9 個(gè)細(xì)節(jié)設(shè)計(jì)袍榆。有的細(xì)節(jié)設(shè)計(jì)僅僅是養(yǎng)眼,你可以說它是無用的塘揣,但有的細(xì)節(jié)的的確確提高了實(shí)用效率包雀、優(yōu)化了使用體驗(yàn),不管怎樣亲铡,正是因?yàn)檫@些細(xì)節(jié)才写,讓它們不再是一具沒有溫度的行尸走肉。

如果你有好的細(xì)節(jié)設(shè)計(jì)的例子奖蔓,也歡迎投稿 @少數(shù)派Matrix赞草,我們會(huì)在微博正文及每周匯總文章中注明投稿者 ID。

注:本文首發(fā)于少數(shù)派吆鹤,點(diǎn)我 前往原文查看 :-)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末厨疙,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子疑务,更是在濱河造成了極大的恐慌沾凄,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,681評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件知允,死亡現(xiàn)場離奇詭異撒蟀,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)温鸽,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門保屯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事配椭〕媪铮” “怎么了?”我有些...
    開封第一講書人閱讀 169,421評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵股缸,是天一觀的道長衡楞。 經(jīng)常有香客問我,道長敦姻,這世上最難降的妖魔是什么瘾境? 我笑而不...
    開封第一講書人閱讀 60,114評(píng)論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮镰惦,結(jié)果婚禮上迷守,老公的妹妹穿的比我還像新娘。我一直安慰自己旺入,他們只是感情好兑凿,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,116評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著茵瘾,像睡著了一般礼华。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上拗秘,一...
    開封第一講書人閱讀 52,713評(píng)論 1 312
  • 那天圣絮,我揣著相機(jī)與錄音,去河邊找鬼雕旨。 笑死扮匠,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的凡涩。 我是一名探鬼主播棒搜,決...
    沈念sama閱讀 41,170評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼活箕!你這毒婦竟也來了帮非?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,116評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤讹蘑,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后筑舅,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體座慰,經(jīng)...
    沈念sama閱讀 46,651評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,714評(píng)論 3 342
  • 正文 我和宋清朗相戀三年翠拣,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了版仔。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,865評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖蛮粮,靈堂內(nèi)的尸體忽然破棺而出益缎,到底是詐尸還是另有隱情,我是刑警寧澤然想,帶...
    沈念sama閱讀 36,527評(píng)論 5 351
  • 正文 年R本政府宣布莺奔,位于F島的核電站,受9級(jí)特大地震影響变泄,放射性物質(zhì)發(fā)生泄漏令哟。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,211評(píng)論 3 336
  • 文/蒙蒙 一妨蛹、第九天 我趴在偏房一處隱蔽的房頂上張望屏富。 院中可真熱鬧,春花似錦蛙卤、人聲如沸狠半。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽神年。三九已至,卻和暖如春乐严,著一層夾襖步出監(jiān)牢的瞬間瘤袖,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評(píng)論 1 274
  • 我被黑心中介騙來泰國打工昂验, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留捂敌,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,299評(píng)論 3 379
  • 正文 我出身青樓既琴,卻偏偏與公主長得像占婉,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子甫恩,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,870評(píng)論 2 361

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

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫逆济、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,124評(píng)論 4 61
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,327評(píng)論 25 707
  • 在漫天記憶中 我只尋找到你 曾經(jīng)的尷尬 成了回憶里的一道風(fēng)景 努力不讓感情泛濫 只因?qū)δ愕恼渲?雖然一切都成了過往...
    子默緘之時(shí)閱讀 353評(píng)論 8 6
  • 按照笑來老師的標(biāo)準(zhǔn),我用筷子的方法也是不對(duì)的松靡,并且據(jù)老師的觀察简僧,有90%的人都是湊合著用的,用的方式都不標(biāo)準(zhǔn)雕欺。而我...
    隨意咖啡閱讀 817評(píng)論 0 0
  • 這是一個(gè)不需要太走心的時(shí)代岛马,因?yàn)槲覀儞碛凶銐蛘鸷车母泄袤w驗(yàn)棉姐。當(dāng)俗事鎖身,與其說泡一杯清茶啦逆,捧一本閑書伞矩,在午后余暉的...
    景潮閱讀 197評(píng)論 0 0