巧妙提升用戶體驗的產品設計有哪些?

這裡巧妙的設計特指,例如在視頻載入的過程中,給出百分比或者當前載入的網速,這種繞過技術瓶頸,但卻有效提升用戶體驗的產品設計。


先舉個印象比較深的例子。

某APP,列表頁與詳情頁分別用大小不同的圖片。

從列表頁-&>詳情頁時,沒用採用小圖片拉伸直接顯示,而是在上面加了層毛玻璃,當圖片能看清的時候也就是大圖載入完的時候。

比較巧妙的避開了低清圖片的尷尬,先給出低清圖片對於用戶來說沒有任何幫助,而給出一個虛化的圖片,表明了一種載入中的狀態。

做交互最重要的一點就是符合用戶的心理預期,有一些常用的手段或者說是方法。

給出反饋

當我進行某種操作,而引起數據請求。

statusBar 上面的小菊花應該轉起來。

當我點擊刷新按鈕刷新頁面時,應該進入刷新特有的狀態。

可以將offset 設為-xxx,可將列表的內容清空,可載入動畫。

反正我點了個按鈕,你就該有點變化。

控制時間

當從一個頁面切換到另一個頁面時,當下拉刷新頁面時,頁面經常會有好玩的動畫。

心相印有一段廣告「有時候一分鐘很長,有時候一分鐘很短」。

通過適當的動畫,可以減少用戶等待的心理時間。

一個指南針,1秒1圈,1秒3圈,同樣載入2秒,用戶心裡感覺的時間是不一致的。

避免突然

圖片載入完成後,有時會加個0.25秒的漸顯動畫,會讓圖片出現的柔和一些。避免突然,採用一些動效,但又不能用太多。大量無意義的動效反而更加突然。

結構合理

抽屜與TAB兩種布局方式適合不同的應用。TAB比較適合會頻繁在幾個TAB中切換。抽屜適合長久停留在一個頁面內。

具有情感

有了情感,產品才有了靈魂。但情感要和產品風格相配,否則適得其反。

不過現在產品大家基本都走萌萌噠的路線。。。

煎蛋、知乎、糗百、美麗說、淘寶,情感還是略有不同的。

水平有限,先瞎寫這麼多。。。


【快播單手模式】

有效釋放你的另外一隻手,干。。你。。愛。。干。。的活兒

先佔個位,閑了再補充。


說個外賣產品里看到比較多的設計~

就是左圖右下角那個「湊一湊」功能,一般是用戶在店裡下單不夠起送價(大概差5塊錢以內)時出現。提升用戶想要快速下單,單筆又不夠起送價的體驗。像我這種選擇恐懼症,之前一個飯18塊,起送要20塊的時候,簡直不開心。還又要去店裡挨著找一遍,看啥可以剛好湊夠。現在好了~直接推給你。

而且我覺得更重要的是這個有助提高購買成功率,對商家也是好事。形式上為浮層卡片(見右圖)用戶不用跳出菜單主界面操作,連貫性也比較強。這是餓了么,我見美團也有這個功能。更新一下:界面 最近常常寫的一個小博客,會記錄一些好的產品界面設計,也可以看看~~


國產FCA車型的多媒體控制按鈕放在方向盤背面,完全盲操,特別好使。左手兩個是上一首和下一首,右手兩個是加減音量。

還有一個,國產FCA車型的轉向燈,輕掰一下是閃五下,其他車都是三下,在使用上,個人感覺五下是更合理的。


找林志玲來配音啊。


五糧液內置的包裝袋故意設計大那麼一點的,剛好放進一條香煙。


微信的"設置為未讀"

真是不知道滿足了多少戀愛中的人

當然,也不知道拆散了多少戀愛中的人

如果你懂我說的是什麼意思的話

----------------------------------

你看完微信後再設置成未讀,嗯,當然,你看的是你男女朋友的微信。


在不同的地圖上,同一條地鐵線路的顏色居然是一樣的。上面是地鐵車廂里的地圖,下面是百度手機地圖。我這種記不住數字的人,可以靠色彩記憶來確保自己不坐錯地鐵。

我是今天去將台路提案的路上才知道這個奧秘,表說我不食肉糜啊。

這是深圳寶安機場的停車場。為了方便車主記憶自己的車停在那,不同的區域都漆上了動物的形象。上海虹橋機場的停車場也是這樣。動物要比簡單的數字更好記憶。

==更多文章請到汽車文化 - 知乎專欄

==更多回答請看王洪浩 答過的問題


多數牙(葯)膏的瓶蓋,裡面是尖的,可以用來捅開封裝。


套套包裝袋的鋸齒封邊


iOS版的微信朋友圈發表功能,點擊發布後直接在Timeline中顯示內容,但實際上後台仍然在上傳數據。


第一個想到的就是閃屏

既解決了載入時間長的尷尬,又拓寬了運營的新思路哈哈哈

但是很討厭現在強制倒數秒數看廣告的閃屏 = =


德芙巧克力的保質期是52周...


魅族Smart Bar

的智能隱藏。

真的妙,妙出聲


中華民族復興任務2010年已完成62%


我認為用戶體驗設計的根本之一,是在於確保產品的概念模型儘可能的和受眾人群的心智模型匹配


幾年前看見過一個軟體,不過今天才開始折騰。。。。。。因為俺手腕疼得不行了。。。。。這個軟體就是 FireFox插件 Vim Operator 以及Chrome版Vimium等等--------可以讓瀏覽器全鍵盤操作,無需滑鼠。Really Awesome!

另外。強力的薄膜鍵盤---微軟人體工學4000------超級奇葩而華麗的外形

南無阿彌陀佛


iOS 下有一個全局手勢

從屏幕左側外 slide 進來的話,即是返回操作(如圖1)。

好吧我不知道是不是全局但是在我所有用過的 App 裡面這個操作都是有效的。。

在某些 App 下在屏幕範圍內由左至右進行的 slide 操作也會觸發返回(如圖2)。比如知乎,網易新聞客戶端。但是對於帶有圖片瀏覽界面的 App 來說,屏幕中間 Slide 會觸發切換圖片的操作,而由邊緣為起點的 Slide 則會返回上級菜單。比如微信朋友圈。

這個功能不知道要挽回多少自由落體的手機...


Line里有一個貼心的設置,你發送完消息,當對方閱讀了過後,會有已閱讀的提示。


IOS的沉浸式通知欄,MIUI6也採用了這種方法。

通知欄顏色會根據打開軟體變化,而不是一直一根白條揮著黑條,更好的與軟體融合,

視覺效果也更棒


推薦閱讀:

Feed 除了 timeline 形式,還有沒有更好的內容展示方式?
設計師的職業病有哪些?
在魅族FRDC工作(或實習)是一種怎樣的體驗?
如果想把特殊服務的推薦卡設計高大上一點,應該怎麼設計?
有哪些產品或者功能是用戶以一種設計者從未想過的方式在使用?

TAG:用戶體驗 | 產品設計 | 用戶體驗設計 |