Skip to content
設計大舌頭
  • UI/UX
  • 教學文章
  • 心得分享
  • 電子商務
  • 體驗文
  • 0
0

koding.com –  login UI

  • UI/UX, 心得分享, 日常觀察
  • 5 3 月, 2014
  • Jeremy

這幾天 koding 很夯,因為一周要狂送 250TB ,所以筆者也就去註冊一下,就在 login 時,我注意到了登入欄的 placeholder 有著小小的用心,到底是什麼呢?先想想看,一般網頁使用 placeholder 時會遇到什麼問題?

  1. 瀏覽器不支援(不解釋)
  2. 當你 key 字時,placeholder 會自動消失,如果這 login 的設計是沒 title 的,當你輸入一半時,可能會遇到:這是輸入 mail 還是 user name?如下圖:google 登入頁

google 登入頁

 

google 登入頁是一個滿典型的範例,placeholder 顯示 ”電子郵件” 但當你輸入一半時, 你有時會忘了到底是要輸入 user name 還是 mail,只因為 placeholder 上的 ”電子郵件”隱藏了,這是一個很真實的問題。然而 koding 的 login(sign up 也是)針對這問題做了一點點的設計,讓 user 更不容易有 fail 的經驗,如下圖:login UI

koding 登入輸入前

 

login UI

koding 登入輸入後

 

動態示意

動態示意

 

當你一輸入時, placeholder 的文字會往上滑出,作為 input 的提示,雖然只是一個小小的設計,卻解決了很多人的困擾,真的是很貼心、也注重使用者體驗的一個網站。

最後也廣告一下,利用這 https://koding.com/R/jeremy0417 網址註冊,我可以多得到 1Gb bouns ,你可以多得 1Gb。

 

本文章所屬設計大舌頭與作者所有,未經授權,不得轉載!如需轉載,煩請通知。

其他人也看了這些 ...

  • 風行網 — tiny detail for nice experience
  • 電視節目表 + google calendar = ?
  • 電子商務網站介面 設計寶典 (一)
  • 除了 UI UX,還有哪種 設計師?讓科技業大佬告訴你
  • 開發網站不可不知:2015~16年的 網頁設計趨勢
  • 重新思考、設計 Nike+ Running app
訂閱設計大舌頭

隨時關注第一手 UX、UI、科技、設計新知

設計大舌頭
Jeremy

Jeremy

喜愛藝術的浪漫卻又執著於理性的思考,常常把自己逼到令人無法理解的老胡同。最近專注於數據觀察與設計思維的交互驗證,期待兩者之間的激情火花。
全部文章
Share on facebook
Facebook
Share on linkedin
LinkedIn
Share on telegram
Telegram
Share on twitter
Twitter
Prev上一篇Lean UX – 運用敏捷式開發原則於使用者體驗設計上
下一篇紅米手機把玩心得Next

最新文章

  • Clubhouse 為什麼熱門?從 UIUX 的角度淺談(一)
    Clubhouse 為什麼熱門?從 UIUX 的角度淺談(一)
    2021-02-08/
    0 Comments
  • 手機拿法也會影響介面設計 – 淺談拇指法則
    手機拿法也會影響介面設計 – 淺談拇指法則
    2020-02-06/
    0 Comments
  • Supr.Link 最安全的縮網址服務
    Supr.Link 最安全的縮網址服務
    2020-01-13/
    0 Comments
  • 開發流程優化人人有責:設計也能營運?
    開發流程優化人人有責:設計也能營運?
    2019-07-06/
    0 Comments
  • 台灣社會創新發展趨勢(本場次全程 QA) – MIX 2019 Day 1
    台灣社會創新發展趨勢(本場次全程 QA) – MIX 2019 Day 1
    2019-05-14/
    0 Comments
  • 數位金融 – MIX 2019 Day 1
    數位金融 – MIX 2019 Day 1
    2019-05-14/
    0 Comments
Copyright © 設計大舌頭, 台灣 | Design Tongue, TW
  • UI/UX
  • 教學文章
  • 心得分享
  • 電子商務
  • 體驗文
  • 0
×