koding.com — login UI - 設計大舌頭
文章推薦指數: 80 %
這幾天koding 很夯,因為一周要狂送250TB ,所以筆者也就去註冊一下,就在login 時,我注意到了登入欄的placeholder 有著小小的用心,到底是什麼呢?
Skiptocontent
koding.com– loginUI
UI/UX,心得分享,日常觀察
53月,2014
Jeremy
這幾天koding很夯,因為一周要狂送250TB,所以筆者也就去註冊一下,就在login時,我注意到了登入欄的placeholder有著小小的用心,到底是什麼呢?先想想看,一般網頁使用placeholder時會遇到什麼問題?
瀏覽器不支援(不解釋)
當你key字時,placeholder會自動消失,如果這login的設計是沒title的,當你輸入一半時,可能會遇到:這是輸入mail還是username?如下圖:
google登入頁
google登入頁是一個滿典型的範例,placeholder顯示”電子郵件”但當你輸入一半時,你有時會忘了到底是要輸入username還是mail,只因為placeholder上的”電子郵件”隱藏了,這是一個很真實的問題。
然而koding的login(signup也是)針對這問題做了一點點的設計,讓user更不容易有fail的經驗,如下圖:
koding登入輸入前
koding登入輸入後
動態示意
當你一輸入時,placeholder的文字會往上滑出,作為input的提示,雖然只是一個小小的設計,卻解決了很多人的困擾,真的是很貼心、也注重使用者體驗的一個網站。
最後也廣告一下,利用這https://koding.com/R/jeremy0417網址註冊,我可以多得到1Gbbouns,你可以多得1Gb。
本文章所屬設計大舌頭與作者所有,未經授權,不得轉載!如需轉載,煩請通知。
其他人也看了這些...
風行網—tinydetailforniceexperience
電視節目表+googlecalendar=?
電子商務網站介面設計寶典(一)
除了UIUX,還有哪種設計師?讓科技業大佬告訴你
開發網站不可不知:2015~16年的網頁設計趨勢
重新思考、設計Nike+Runningapp
訂閱設計大舌頭
隨時關注第一手UX、UI、科技、設計新知
電子郵件
訂閱
Jeremy
喜愛藝術的浪漫卻又執著於理性的思考,常常把自己逼到令人無法理解的老胡同。
最近專注於數據觀察與設計思維的交互驗證,期待兩者之間的激情火花。
全部文章
Facebook
LinkedIn
Telegram
Twitter
上一篇LeanUX–運用敏捷式開發原則於使用者體驗設計上
下一篇紅米手機把玩心得
最新文章
Clubhouse為什麼熱門?從UIUX的角度淺談(一)
2021-02-08/
0Comments
手機拿法也會影響介面設計–淺談拇指法則
2020-02-06/
0Comments
Supr.Link最安全的縮網址服務
2020-01-13/
0Comments
開發流程優化人人有責:設計也能營運?
2019-07-06/
0Comments
台灣社會創新發展趨勢(本場次全程QA)–MIX2019Day1
2019-05-14/
0Comments
數位金融–MIX2019Day1
2019-05-14/
0Comments
UI/UX
教學文章
心得分享
電子商務
體驗文
0
×
延伸文章資訊
- 127個漂亮的移動端註冊/登入介面設計作品 - ITREAD01.COM
英文:medium 作者:Muzli 譯者:設計達人連結:http://www.shejidaren.com/login-ui-for-mobile-apps.html. 註冊/登入介面是網站或...
- 2Login Page UI | 登入頁UI
Bo-Xiang Huang. 的收藏. Login Page Design, Dashboard Design, Email Design, App Design, Ui Design Ins...
- 3【谷奈木G-NAM】26個漂亮的移動端註冊/登入介面設計作品
文章摘要: 敏初 谷奈木設計註冊/登入介面是網站或APP常用的小元件之一Profile Screens By Alex Pronsky 登入頁互動動畫By Brandon Charles Sig...
- 4介面設計靈感#3「76 組令人驚嘆的註冊介面靈感!」 - Medium
本期我們精選出71 組非常不同的網頁註冊/登入畫面設計,讓我們趕緊來瞧瞧這些驚艷的作品! SignUp by Tomas Skarba.
- 5簡單的自訂form的架構,打造出專屬於你網站的炫炮登入介面!
還在對於Drupal的登入form不是你想要的結構而頭大嗎?還在用css或js硬幹樣式嗎?快來看看!使用theme form來打造你想要的登入form結構吧!