萬盛學電腦網
網站首頁
作業系統
網路安全
電腦基礎知識
軟體知識
電腦故障排除
手機
程式設計
辦公室軟體
瀏覽器
Windows 10
WPS Office
防毒軟體
資料庫
Excel 教學
檔案管理
Word 教學
網頁製作
裝機必備軟體
Linux 教學
您现在的位置:
萬盛學電腦網
>>
軟體知識
> >>
影像處理
>>
平面設計理論
設計師必看:60個提升體驗的微交互細節大全(上)
細節決定成敗。以下精選國際知名產品的28個微交互亮點,展示如何通過貼心小設計大幅提升用戶體驗:
Google Authenticator
:點擊驗證碼自動複製,便於粘貼。
Gumroad
:聚焦CVC欄位時,信用卡圖標自動翻轉提示安全碼位置。
Google Docs
:添加鏈接時基於選中文字自動推薦URL。
New Republic
:頂部固定標題欄內嵌細紅線進度條,隨滾動伸縮指示閱讀位置。
MailChimp
:用戶名被佔用時詢問「是否有個邪惡雙胞胎」,幽默化解尷尬。
Chrome
:頁面未找到時提供相似正確網址建議。
Medium
:小引用時雙引號圖標半高亮,大引用全高亮,視覺區分引用層級。
Turntable.fm
:訂閱方案用滑塊選擇,小猴表情隨付費金額動態變化。
Google圖片搜索
:加載大圖過程中縮略圖下顯示進度條。
Hipmunk
:輸入過去時間報錯「暫未提供時空回溯旅行服務」,幽默友善。
Chec
:交互選項用高亮背景呈現有上下文關聯的語句,而非生硬按鈕。
Wikipedia
:點擊引用彈出底部來源信息,不跳轉頁面。
Google Maps
:地圖區域即時顯示天氣信息。
Any.do Cal
:顯示兩事件間隔時間。
Pinterest
:重置密碼郵件發件人為ohno@pinterest.com,品牌調性貫徹細節。
Forbes
:熱門文章列表用白色背景條長度展示點擊量熱度。
Close.io
:粘貼「John Smith
」格式郵箱時自動分離姓名與郵箱填入對應欄位。
Podio
:創建組織時根據名稱自動推薦相關Logo。
Litmus
:取消服務頁垃圾桶顯示過往調研郵件實際截圖,喚起回憶挽留。
OS X Finder
:Alt+拖拽複製含年份文件夾時,新文件夾年份自動+1。
Campaign Monitor
:新增管理員確認按鈕自帶名字(如「添加Sally」)。
Last.fm
:更新地區後自動同步時區國家並反饋提示。
500px
:快捷鍵說明中F鍵圖標有突起,對應真實鍵盤觸覺。
Timehop
:滾動到底部繼續下拉,吉祥物小恐龍只穿底褲現身,趣味獎勵探索。
Dropbox
:訪問已移除共享文件夾時,Logo變糾結Escher立方體,幽默緩解挫折。
Google Calendar
:提示條中「撤銷」按鈕優先於提示條淡出,防誤觸。
Pinterest
:重複Pin圖片時提示已存在於某畫板,避免重複操作。
OS X
:...
(待續)這些細節無不體現「以用戶為中心」的深度洞察,是設計師提升產品體驗的寶貴素材庫。
上一篇軟件知識:
繪畫與平面設計的本質差異:個性表達 vs 秩序建構
下一篇軟件知識:
設計師如何找到獨一無二的定位?技能疊加打造核心競爭力
平面設計理論排行
矩形造字十步法:從幾何骨架到品牌字標的標準化構建流程
設計師職業角色定位:從 5 種類型看你如何與 PM 共舞
平面設計師必讀:知識結構、職業素養與成長路徑全解析
從情境出發:設計師如何將需求轉化為卓越用戶體驗
拓展設計思維的 9 大觸發器:從「為設計而設計」到「為傳播而設計」
推薦文章
中國廣告公司最缺什麼人?策略企劃——被忽視的「導航員與避彈衣」
英文字體標誌字母組合的 N 種創意手法:從共享筆畫到負形設計
廣告策劃三維模型:品牌/產品/促銷廣告的差異化策略與五大突破路徑
Asana 設計師 Micah Daigle 專訪:用「群體範式」設計改變世界的…
版式設計必修課:13 種經典排版類型圖解,新手速成、老手查漏
Sketch進階必學的9個隱藏實用技巧:從智能對象到完美像素對齊
用「編程思維+原子設計」重構產品設計流程:從畫頁面到造組件庫
印刷工藝在名片設計中的 9 大經典應用:從燙金到鏤空的質感進階指南
廣告語的解剖學:定義、特質、創作靈魂與現代演進
策略型設計:讓設計師從「執行者」進化為「商業合夥人」的新範式
萬盛學電腦網
|
日本語版
|
設為首頁
|
加入收藏
copyright ©
萬盛學電腦網
all rights reserved