<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          這些UI和UX趨勢,在2019年最值得關注

          2018-12-24    資深UI設計者

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


          當你的產品短時間內無法使用時,如斷網、跨平臺無法分享等等。用戶可能會因而產生挫敗感,產生焦慮不爽的負面情緒。如何安撫用戶情緒?如何拉近用戶和平臺的距離?如何改善或提高用戶體驗呢?本期案例,就分享一些有趣的小彩蛋、微交互,讓你靈感爆棚!

          往期回顧:

          1. 每月更新!10個記憶深刻的產品設計神細節!(1)》
          2. 《每月更新!10個記憶深刻的產品設計神細節?。?)》

          文章目錄

          1. 我見過最贊的招聘啟事,來自程序員的別樣浪漫
          2. 斷網環境下,Google瀏覽器頁面的小恐龍可以打游戲喲
          3. 「親戚計算器」?原來小米還有這么有趣的功能設計
          4. 揉成一團的廢紙,會讓你聯想到「刪除」這個動作么?
          5. 支付寶的小無奈
          6. 優優教程網首頁里藏著的可愛表情,你發現了幾個?
          7. 2233娘真是貼心的小姐姐(*?▽?*)
          8. 讓人意想不到的團隊展示hover效果
          9. 時間走著滴答滴,iPhone的時鐘藏著自己的小秘密
          10. 有道詞典也賣萌,一句有溫度的文案會有怎樣的力量?

          我見過最贊的招聘啟事,來自程序員的別樣浪漫

          如果不是互聯網從業者,大概你永遠都不會發現百度主頁的代碼控制臺(console)里藏著那條最浪漫的招聘啟事。因為只有擁有開發網頁習慣的人,才會在瀏覽喜歡的網站時按下F12 調出網頁代碼查看。所以這條百度針對程序員的招聘被寫進網站首頁代碼的console里,可謂是絕對精準的招聘廣告投放了。

          據說這個彩蛋的設計并非百度的獨創而是 Google 先使用過的「小心機」,可是由于無從考證,所以小編并不能確定是哪家公司有才華的程序員小哥哥想出了這個妙計(知道的大神麻煩留言告知哦)。

          但不得不承認的是,很多時候我們都對程序員有太多刻板印象的誤解。那些看起來「木訥無趣」的程序員們認真起來,真的可能是最浪漫的人呢。

          斷網環境下,Google瀏覽器頁面的小恐龍可以打游戲喲

          Google Chrome 是一款由 Google開發的 Web瀏覽工具,大氣的界面設計、良好的使用體驗以及強大的插件擴展功能,使其受到大量用戶的喜愛。在完善產品功能的同時,Google 的設計師們也不忘花費一些「小心思」讓產品更加有趣味性:在瀏覽器出現錯誤或無網的情況下(想試試么?斷開Wi-Fi或者拔下網線看看),我們會看到這只可愛的像素小恐龍。

          小恐龍出現時是靜止的,但只要你按下鍵盤的左右鍵,這只小恐龍就會跑起來,而操控上下鍵它就能躲避路上的障礙物。當出錯頁面變成可愛的小游戲,原本焦慮不爽的負面情緒好像也就沒那么嚴重了。一旦網絡恢復,瀏覽器會自動刷新到你所要瀏覽的頁面。真的是超貼心的設計了。

          「親戚計算器」?原來小米還有這么有趣的功能設計

          小米計算器內置「親戚計算器」的功能,各種復雜的親戚關系幫你一鍵解決。老婆弟弟的妻子應該怎樣稱呼呢?相信很多人都有過類似的對親戚關系產生疑問的困擾。

          梳理親戚關系有時候真讓人頭大,小米手機就很貼心的在系統里自帶了「親戚計算器」。將日常的復雜關系都羅列了出來,真是符合中國特色的計算器設計呢~

          揉成一團的廢紙,會讓你聯想到「刪除」這個動作么?

          「作文紙條」App對于每日信息與文章的推送有著自己獨特的設計邏輯,如果推送內容用戶當天未讀,系統會將推送內容自動移到「廢紙簍」里。為了讓用戶在瀏覽「廢紙簍」內容時,明確感知到被刪內容與正常內容的差別,躺在「廢紙簍」里的信息視覺上模擬了揉皺紙團的形象。

          如同我們在現實生活里,會將寫作時不滿意的內容從筆記本中撕掉,并揉成紙團丟進垃圾桶的行為一般。將用戶熟悉的真實生活里的行為狀態,移植到虛擬的交互設計里,會使用戶與產品的交互過程更形象生動。

          支付寶的小無奈

          偶然在支付寶的芝麻信用里發現滿700分,就可以免押金租用一些數碼產品了。覺得很不錯想分享這個信息給朋友,就點了一下轉發微信好友,結果發現微信不讓分享支付寶的信息。

          本來分享受限的挫敗感讓人心情很不好,但當看到支付寶很無奈的提示文案「微信又不讓分享了,整個人都不好了」,不愉快的心情立馬被逗樂了。相較之前微信分享失敗的一串鏈接,這樣幽默的微文案提示真的可愛多了呢~

          優優教程網首頁里藏著的可愛表情,你發現了幾個?

          當初在制作優優網首頁的時候,為了不讓 hover狀態(鼠標懸?。┻^于無趣,分別在「靈感頻道」「教程排行榜 」「軟件排行榜」的 hover狀態里設計了不同的3個小表情,而且設計者大有來頭,正是人見人愛、花見花開的美丫姐。

          她機靈的調整了圖標狀態后,從后臺數據來看,這里的點擊確實停駐時間長了一些,相信讓用戶會心一笑的同時,也拉近了用戶和平臺的距離感。不妨在你的下一個案例里也試試喲~

          2233娘真是貼心的小姐姐(*?▽?*)

          登錄網站或應用在輸入密碼時,無論周圍環境如何,我們總會潛意識里產生一絲不安全感。B站對于這個問題的處理方式顯得十分可愛,在用戶登錄賬號輸入密碼時背景里的2233娘會出現雙手捂眼的小動畫。整個輸入密碼的操作其實與其他應用可能并無差別,但因為有了這個蒙眼動作的心理暗示作用,用戶會感到自己的隱私受到保護與尊重從而產生安全感。

          讓人意想不到的團隊展示hover效果

          drygital設計工作室的網站有著個性又炫酷的視覺與交互效果。團隊展示界面的 hover效果,就讓人意想不到眼前一亮:當鼠標的光標移到單個成員的半身像時,原本正襟危坐的照片會變成另一張,展示該成員個性或喜好的搞怪照片。

          原照片展示了團隊成員在工作中嚴謹專業的一面,而 hover效果呈現的圖片則展示了成員們私下生活里幽默有趣、個性鮮明的另一面。這樣的設計不僅突出了團隊成員的個人特色展示,利于團隊的歸屬感與凝聚力提升,也展現了團隊的開放包容與活力創新。

          時間走著滴答滴,iPhone的時鐘藏著自己的小秘密

          大家都知道 iOS系統的時鐘桌面圖標會始終顯示當前時間,但很少有人關注過時鐘圖標里秒針的走動方式。在常規狀態下,時鐘圖標的秒針會呈現掃秒式地轉動;但當桌面圖標處于長按狀態的晃動效果時,小時鐘的秒針會立馬變為跳秒式滴答滴答地走動起來。

          據說這個隱蔽的小細節設計是想表達向傳統時鐘的運行模式致敬的意思。機械鐘秒變石英鐘,你 get到了 iPhone時鐘的小秘密了么?

          有道詞典也賣萌,一句有溫度的文案會有怎樣的力量?

          似信息崩潰,或加載緩慢的問題,在產品實際使用中實在在所難免,一旦出現,用戶的好情緒一定會受到影響。在這種時刻,一句生動而有溫度的文案就是可以安撫用戶情緒、改善使用體驗的利器法寶。


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

           

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合