DAY7 十種基礎(chǔ)交互狀態(tài)

通常交互設(shè)計稿子里突出的重點是圍繞某個功能性需求的用戶操作流程(user flow),導(dǎo)致一些UI控件的交互狀態(tài)細節(jié)很容易被忽略。

其實在交互做到極度自然時豁陆,個中的細節(jié)是很難以被察覺的。正如Facebook的Julie Zhuo曾說過的:“The good design is invisble.” 這些細節(jié)倘若沒有被考慮到位,做出來的交互總覺得差點意思服球。

今天給交互設(shè)計師們提供十種基礎(chǔ)的交互狀態(tài)清單劝篷。在我們做任何UI控件時,都需要考慮到的狀態(tài)通今。當然粥谬,這并不代表所有的狀態(tài)都必須要有其獨特的設(shè)計肛根。這個清單旨在幫助設(shè)計師和前端開發(fā)在交互層面能夠考慮得更加周全。

這十種狀態(tài)是:

1. 初始狀態(tài) (可用狀態(tài))

2. 焦點狀態(tài)

3. 懸停狀態(tài)

4. 點擊狀態(tài)(手指或鼠標)

5. 瀏覽歷史狀態(tài)(針對文字鏈接或無框按鈕)

6. 禁用狀態(tài)

7. 選中狀態(tài)

8. 加載狀態(tài)

9. 取消狀態(tài)(又稱Secondary call to action漏策,通常是讓用戶撤銷操作的控件)

10. 錯誤狀態(tài)(針對于表單類控件)

參考來源:Liz Brown | The Accessibility How-To Guide for UX Designers | Access full course via: linktr.ee/LizBrownUX

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末派哲,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子掺喻,更是在濱河造成了極大的恐慌芭届,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,386評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件感耙,死亡現(xiàn)場離奇詭異褂乍,居然都是意外死亡,警方通過查閱死者的電腦和手機即硼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評論 3 394
  • 文/潘曉璐 我一進店門逃片,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人只酥,你說我怎么就攤上這事褥实。” “怎么了裂允?”我有些...
    開封第一講書人閱讀 164,704評論 0 353
  • 文/不壞的土叔 我叫張陵损离,是天一觀的道長。 經(jīng)常有香客問我绝编,道長僻澎,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,702評論 1 294
  • 正文 為了忘掉前任瓮增,我火速辦了婚禮怎棱,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘绷跑。我一直安慰自己拳恋,他們只是感情好,可當我...
    茶點故事閱讀 67,716評論 6 392
  • 文/花漫 我一把揭開白布砸捏。 她就那樣靜靜地躺著谬运,像睡著了一般。 火紅的嫁衣襯著肌膚如雪垦藏。 梳的紋絲不亂的頭發(fā)上梆暖,一...
    開封第一講書人閱讀 51,573評論 1 305
  • 那天,我揣著相機與錄音掂骏,去河邊找鬼轰驳。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的级解。 我是一名探鬼主播冒黑,決...
    沈念sama閱讀 40,314評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼勤哗!你這毒婦竟也來了抡爹?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,230評論 0 276
  • 序言:老撾萬榮一對情侶失蹤芒划,失蹤者是張志新(化名)和其女友劉穎冬竟,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體民逼,經(jīng)...
    沈念sama閱讀 45,680評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡泵殴,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,873評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了拼苍。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片袋狞。...
    茶點故事閱讀 39,991評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖映屋,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情同蜻,我是刑警寧澤棚点,帶...
    沈念sama閱讀 35,706評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站湾蔓,受9級特大地震影響瘫析,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜默责,卻給世界環(huán)境...
    茶點故事閱讀 41,329評論 3 330
  • 文/蒙蒙 一贬循、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧桃序,春花似錦杖虾、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至芦鳍,卻和暖如春嚷往,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背柠衅。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評論 1 270
  • 我被黑心中介騙來泰國打工皮仁, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 48,158評論 3 370
  • 正文 我出身青樓贷祈,卻偏偏與公主長得像趋急,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子付燥,可洞房花燭夜當晚...
    茶點故事閱讀 44,941評論 2 355

推薦閱讀更多精彩內(nèi)容