讀書(shū)筆記-交互設(shè)計(jì)精髓4 為不同的需求而設(shè)計(jì)

本章概述


易學(xué)性和幫助

一、命令模態(tài)

教學(xué)式命令

對(duì)話框和命令菜單教會(huì)用戶使用軟件的命令毁靶,通常適合初學(xué)者新手胧奔。

直接命令

icon、滑塊按鈕和拖放處理等

隱形命令

軟件中的快捷鍵和手勢(shì)

教學(xué)式命令通常是為新手用戶而設(shè)計(jì)的预吆,但是用戶不可能永遠(yuǎn)停留在新手龙填,早晚有一天會(huì)成長(zhǎng)到中級(jí)用戶或是專家級(jí)別的用戶,所以需要一個(gè)途徑讓用戶學(xué)會(huì)每個(gè)教學(xué)式命令有相對(duì)應(yīng)的直接命令拐叉,這時(shí)就需要一個(gè)

記憶矢量

為用戶提供記憶矢量的方式主要有

1. 集成到主界面

比如岩遗,典型的windows的應(yīng)用在鍵盤(pán)上都有兩套基于鍵盤(pán)的直接命令,一個(gè)熱鍵巷嚣,一個(gè)是快捷鍵喘先。“保存”的熱鍵是Alt+F廷粒,再按S鍵。Alt+F鍵導(dǎo)到文件菜單红且,S鍵下達(dá)保存命令坝茎。按下Alt鍵,記憶矢量熱鍵就會(huì)顯示出來(lái)暇番,而鼠標(biāo)hover到某一個(gè)工具上嗤放,會(huì)提示該工具的快捷鍵,這些都是為用戶提供幫助的記憶矢量壁酬。同時(shí)次酌,“保存”的快捷鍵是Control+S。

2. 初次使用設(shè)備或應(yīng)用時(shí)演示的首次運(yùn)行導(dǎo)覽和教程

在移動(dòng)app中比較常見(jiàn)

3. 圖標(biāo)按鈕

二舆乔、 有效功能工作集

設(shè)計(jì)師應(yīng)該使用直接命令設(shè)計(jì)最少有效工作集中所有的命令


比如岳服,在Keynote中,最上面一排的表格希俩、圖標(biāo)吊宋、文本、形狀颜武、媒體和批注是最基本的功能命令璃搜,是每個(gè)使用Keynote的用戶都會(huì)用到的功能拖吼,同時(shí)Keynote支持自定義工具欄,這樣每個(gè)用戶可以定制屬于自己的有效工作集这吻。

三吊档、上下文幫助和輔助界面

導(dǎo)覽和覆蓋層教程

多用于移動(dòng)app,充當(dāng)了引導(dǎo)新用戶的功能唾糯,會(huì)在產(chǎn)品第一次運(yùn)行的時(shí)候啟用籍铁,最好為用戶提供”跳過(guò)“的按鈕,最好不超過(guò)5-7屏趾断,并在最后一屏允許用戶重新導(dǎo)覽拒名。

庫(kù)和模版

多用于文檔類應(yīng)用和設(shè)計(jì)軟件。

占位符和空白提示

空狀態(tài)或者提示用戶操作的提示

向?qū)?/h4>

比如激活iPhone和iPad的安裝向?qū)А?/p>

安裝向?qū)悄J(rèn)的芋酌、并容易操作的增显,比如在mac系統(tǒng)上安裝文件時(shí),只需要把軟件圖標(biāo)拖到application文件夾中脐帝,相比一直點(diǎn)擊下一步同云,體驗(yàn)要好很多。

工具提示和覆蓋式工具提示


工具提示是當(dāng)鼠標(biāo)懸停到icon上的時(shí)候堵腹,出現(xiàn)的一條關(guān)于該功能的文本解釋炸站。

覆蓋式工具提示一般是點(diǎn)擊“幫助”觸發(fā)的,會(huì)出現(xiàn)提示的標(biāo)簽疚顷,通常都有一個(gè)關(guān)閉按鈕旱易,點(diǎn)擊才能關(guān)閉提示。這類提示通常會(huì)用在復(fù)雜的創(chuàng)造型軟件腿堤。

四阀坏、傳統(tǒng)的在線幫助

在線幫助應(yīng)有使用索引或者搜索的方式,通常用戶是針對(duì)自己的問(wèn)題尋求幫助笆檀。


可定制

一忌堂、個(gè)性化

比如選擇桌面主題,選擇app皮膚一類酗洒。提供可視化預(yù)覽士修,可以撤銷(xiāo)到默認(rèn)狀態(tài)。

二樱衷、配置

可以移動(dòng)棋嘲、添加命令工具,比如keynote和sketch中可以自定義工具欄箫老。

三封字、特質(zhì)模態(tài)行為

滿足多種用戶的需求,某一種操作存在多種習(xí)慣用法,并且每一種用法用戶存在的比例差不多時(shí)阔籽,需要滿足多種用戶需求流妻。

比如,Windows系統(tǒng)的Office和Mac系統(tǒng)的Pages笆制、Keynote绅这、Numbers這類辦公軟件,關(guān)于菜單欄的用戶操作習(xí)慣一共有三種方式在辆。

有人希望點(diǎn)擊菜單欄項(xiàng)目证薇,菜單出現(xiàn),然后按著鼠標(biāo)不放匆篓,順著菜單往下拖動(dòng)浑度,移動(dòng)到所需想選上松開(kāi)鼠標(biāo)按鈕,便可執(zhí)行命令鸦概;

有人希望點(diǎn)擊菜單欄后箩张,不必按著鼠標(biāo),找到所需選項(xiàng)后窗市,再點(diǎn)擊選項(xiàng)執(zhí)行命令先慷。

后來(lái)又出現(xiàn)了第三種模態(tài)的習(xí)慣用法:用戶照舊點(diǎn)一下菜單欄放開(kāi),可以沿著菜單欄拖拉鼠標(biāo)咨察,移動(dòng)到所需菜單松開(kāi)鼠標(biāo)论熙,選項(xiàng)菜單依舊被觸發(fā)。

(一直以來(lái)自己都是第二種操作摄狱,當(dāng)嘗試第一種和第三種方式的時(shí)候也是驚呆了)


本地化和全球化

習(xí)慣用法:顏色和icon等視覺(jué)元素的使用要做功課脓诡,沒(méi)有文化爭(zhēng)議

翻譯:不同語(yǔ)言中單詞和詞組的長(zhǎng)短不一樣,會(huì)影響文字的排列


無(wú)障礙性

無(wú)障礙目標(biāo)

用戶能夠感知和理解所有的提示二蓝、信息和反饋

用戶能夠感知誉券、理解并輕易地操控所有控件并進(jìn)行輸入

用戶能夠輕易地導(dǎo)航,并且總能知道所處界面的位置及其導(dǎo)航結(jié)構(gòu)

無(wú)障礙人物模型

次要人物模型

無(wú)障礙指導(dǎo)方針

1. 利用操作系統(tǒng)的無(wú)障礙工具和指南

比如屏幕閱讀器和聲音輔助導(dǎo)航(iOS的voiceover和Android的talkback)

2. 不要覆蓋用戶選擇的系統(tǒng)設(shè)置

3. 啟用標(biāo)準(zhǔn)的鍵盤(pán)方向方式

4. 為視力不佳的人加入顯示選項(xiàng):

比如設(shè)置顏色和字體大小

5. 提供只有視覺(jué)和還有聽(tīng)覺(jué)的輸出

讓有視覺(jué)和聽(tīng)覺(jué)障礙的用戶也可以使用

6. 使用簡(jiǎn)單刊愚、明確、精煉的語(yǔ)言

7. 響應(yīng)時(shí)間要滿足所有用戶

8. 使用一致的布局和任務(wù)流程

9. 給視覺(jué)元素添加文本釋義:給應(yīng)用中的控件圖標(biāo)等視覺(jué)元素標(biāo)注文本踩验,方便屏幕閱讀器進(jìn)行閱讀

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末鸥诽,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子箕憾,更是在濱河造成了極大的恐慌牡借,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,270評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件袭异,死亡現(xiàn)場(chǎng)離奇詭異钠龙,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)碴里,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)沈矿,“玉大人,你說(shuō)我怎么就攤上這事咬腋「牛” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,630評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵根竿,是天一觀的道長(zhǎng)陵像。 經(jīng)常有香客問(wèn)我,道長(zhǎng)寇壳,這世上最難降的妖魔是什么醒颖? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,906評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮壳炎,結(jié)果婚禮上泞歉,老公的妹妹穿的比我還像新娘。我一直安慰自己冕广,他們只是感情好疏日,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,928評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著撒汉,像睡著了一般沟优。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上睬辐,一...
    開(kāi)封第一講書(shū)人閱讀 51,718評(píng)論 1 305
  • 那天挠阁,我揣著相機(jī)與錄音,去河邊找鬼溯饵。 笑死侵俗,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的丰刊。 我是一名探鬼主播隘谣,決...
    沈念sama閱讀 40,442評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼啄巧!你這毒婦竟也來(lái)了寻歧?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,345評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤秩仆,失蹤者是張志新(化名)和其女友劉穎码泛,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體澄耍,經(jīng)...
    沈念sama閱讀 45,802評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡噪珊,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,984評(píng)論 3 337
  • 正文 我和宋清朗相戀三年晌缘,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片痢站。...
    茶點(diǎn)故事閱讀 40,117評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡磷箕,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出瑟押,到底是詐尸還是另有隱情搀捷,我是刑警寧澤,帶...
    沈念sama閱讀 35,810評(píng)論 5 346
  • 正文 年R本政府宣布多望,位于F島的核電站嫩舟,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏怀偷。R本人自食惡果不足惜家厌,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,462評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦缠沈、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,011評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)颅痊。三九已至殖熟,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間斑响,已是汗流浹背菱属。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,139評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留舰罚,地道東北人纽门。 一個(gè)月前我還...
    沈念sama閱讀 48,377評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像营罢,于是被迫代替她去往敵國(guó)和親赏陵。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,060評(píng)論 2 355