大多數(shù)時(shí)候除师，交互的工作是和內(nèi)容設(shè)計(jì)一起完成的沛膳，
但兩者又互有差別，可分成兩個(gè)階段汛聚。
一锹安、交互是什么？
“我躺在沙灘上贞岭，感覺到細(xì)碎的沙子在后背陷入八毯；
我踩在小溪里，感覺到腳底的亂石和流過腳面的溪水瞄桨。
我和沙子话速，我和溪水，產(chǎn)生了交互芯侥〔唇唬”
在講交互的過程中乳讥，我必須排除體驗(yàn)（感覺）的干擾。這是極容易被混淆的兩個(gè)概念廓俭。交互僅止于人與產(chǎn)品之間的互動(dòng)云石，它會(huì)給與用戶“感覺”的結(jié)果，但他們不是一回事研乒。
交互是人的行為與事物之間產(chǎn)生互動(dòng)聯(lián)系的過程汹忠。
用動(dòng)態(tài)表達(dá)邏輯關(guān)系：
人類行為不是定格畫面，而是連鎖反應(yīng)雹熬。
動(dòng)態(tài)視頻比靜止的畫面?zhèn)鬟_(dá)更大的信息量并且被記住宽菜。你可能還記得《哈利波特》中的“預(yù)言家日?qǐng)?bào)”的經(jīng)典畫面，你看到一段完整的視頻：罪犯“小天狼星”被警察“傲羅”抓住竿报，并且憤怒地嘶吼铅乡。
如果是靜態(tài)的畫面，我們恐怕不能確定畫面中人是先吼叫被抓住烈菌，還是先被抓住再吼叫：
“瘋狂罪犯終于落網(wǎng)阵幸！”
“魔法界警察暴力執(zhí)法！”
——這兩者之間的差別可大了芽世。
這就是動(dòng)態(tài)畫面中連貫地邏輯線挚赊，先后順序、因果關(guān)系捂襟。
如果內(nèi)容設(shè)計(jì)就像一幀幀現(xiàn)場(chǎng)照片咬腕，那么交互就是用戶觸發(fā)的蝴蝶效應(yīng)。你知道做了這個(gè)選擇葬荷，會(huì)導(dǎo)致不同的結(jié)果涨共。或者按下這個(gè)按鈕宠漩，后面會(huì)發(fā)生什么举反。
塑造立體空間感：
Hi-Fi毀一生，如果你不巧是個(gè)高保真音樂的愛好者扒吁，并且運(yùn)氣糟糕還和我一樣是個(gè)古典樂的愛好者火鼻，那么你應(yīng)該有這樣的經(jīng)驗(yàn)：“優(yōu)秀的耳機(jī)給你音樂廳一般身臨其境的感受”。
這個(gè)形容有它背后的原因：如果你身處于一個(gè)交響樂團(tuán)或者搖滾樂隊(duì)中間雕崩，當(dāng)他們開始演奏的時(shí)候魁索，你會(huì)感覺到小提琴就在你右手邊，或者那把電吉他就在你前方5米處盼铁。越優(yōu)秀的耳機(jī)粗蔚，越會(huì)加深這種感覺，這就是為什么你會(huì)覺得“身臨其境”饶火。
聲音恐怕是傳達(dá)信息效率最低的一種方法鹏控，但是即便如此致扯，耳機(jī)也能夠給你傳達(dá)如此巨量的信息，最大程度激發(fā)人腦的空間想象力当辐。
那么抖僵，這件事情和我們的設(shè)計(jì)有什么關(guān)系？
“大頁面的設(shè)計(jì)是焦點(diǎn)的設(shè)計(jì)缘揪，小頁面的設(shè)計(jì)是空間的設(shè)計(jì)”
如果我們?cè)趙eb頁上做設(shè)計(jì)耍群，讓用戶快速找到內(nèi)容是設(shè)計(jì)的重點(diǎn)。但是在小頁面找筝，移動(dòng)設(shè)備的設(shè)計(jì)中世吨，我卻認(rèn)為空間感才是設(shè)計(jì)的重點(diǎn)。比如小戶型的設(shè)計(jì)重點(diǎn)是 “讓你覺得大”呻征。
以Apple Watch為例（圖5-1）。
【圖5-1 Apple Watch】
Apple Watch繼承了iphone的設(shè)計(jì)基調(diào)罢浇，它的交互設(shè)計(jì)有個(gè)顯著的優(yōu)點(diǎn)陆赋，這在表面的小屏幕上體現(xiàn)的尤其明顯（我認(rèn)為那不能簡(jiǎn)單地概括為“扁平化”）。
Apple Watch的初始頁面是表盤嚷闭，按home鍵表盤縮小到home頁面的中間攒岛，成為“手表小圖標(biāo)”。再次按下home鍵胞锰，則圖標(biāo)放大成表盤（圖5-2）灾锯，這會(huì)給用戶透視的錯(cuò)覺。
【圖5-2 Apple Watch的初始頁與home頁】
背景（home頁）到前景（表盤）的過渡給我們縱深感嗅榕，背景沒有邊界就好像一個(gè)無限擴(kuò)展的空間顺饮，可以在里面放上任何東西。
“扁平化其實(shí)為了讓你覺得地方足夠大凌那。你信嗎兼雄？反正我信∶钡——李白”
二赦肋、怎么做交互？
交互為人類行為而設(shè)計(jì)励稳，人類的行為依賴經(jīng)驗(yàn)和本能佃乘。
經(jīng)驗(yàn)
經(jīng)驗(yàn)是我們記憶中曾經(jīng)發(fā)生過的事情，經(jīng)驗(yàn)告訴我們能做什么或者不能做什么驹尼。
比如公寓樓的門牌號(hào)趣避，看到1003，我不用太費(fèi)心就知道找個(gè)位置是10樓3號(hào)房間扶欣。這是社會(huì)通用的溝通語言鹅巍。
比如給我一個(gè)樂譜千扶，我能快速地區(qū)分高低音譜號(hào)，或者升降音符骆捧。這是行業(yè)通用的溝通語言澎羞。
我們喜歡遵循經(jīng)驗(yàn)辦事，因?yàn)槟谴砹税踩涂煽亓参Ｒ粋€(gè)成熟的行業(yè)為經(jīng)驗(yàn)設(shè)計(jì)了規(guī)則妆绞，這些規(guī)則培養(yǎng)了用戶習(xí)慣，如果沒有足夠的理由枫攀，我們不會(huì)輕易打破它們：
平臺(tái)官方制定的規(guī)則
“使用APP括饶，你不需要?jiǎng)e人告知左箭頭是什么意思±凑牵”
平臺(tái)（ios和Android）的官方設(shè)計(jì)規(guī)范事無巨細(xì)地規(guī)定了所有的細(xì)節(jié)图焰，并且培養(yǎng)了用戶的使用習(xí)慣以及前端開發(fā)的工作習(xí)慣。遵守官方設(shè)計(jì)規(guī)范蹦掐，你和開發(fā)的溝通會(huì)非常輕松技羔，以及不至于在用戶面前“出錯(cuò)”
規(guī)則除了告訴你用戶習(xí)慣之外，還有技術(shù)可行性卧抗。
我要向你強(qiáng)調(diào)規(guī)則的重要性藤滥，它們并不是限制你發(fā)揮的枷鎖，而是你揮灑創(chuàng)意的舞臺(tái)社裆。
你應(yīng)該熟讀Android和ios的官方設(shè)計(jì)規(guī)范拙绊、人機(jī)交互指南文檔，只要遵循這些規(guī)范泳秀，用戶不會(huì)因此犯錯(cuò)标沪。
Ps：規(guī)范可以幫我們“不出錯(cuò)”，但要達(dá)成“絕妙的設(shè)計(jì)”還需更多創(chuàng)造力晶默。
本能
我們?cè)谝?guī)則的基礎(chǔ)上谨娜，為本能設(shè)計(jì)交互。想象一下：
突然磺陡！你被人打暈了趴梢！
醒來的時(shí)候你發(fā)現(xiàn)自己到了一個(gè)陌生的地方。
現(xiàn)在你在想啥币他？——
“我在哪坞靶？”
“我是誰？”
“我該怎么辦蝴悉？”
我們通過回答這三個(gè)問題彰阴，來完成接下來的交互工作：
** “我在哪？”**
如果用戶在使用產(chǎn)品的過程中迷失了自己拍冠，就會(huì)覺得很挫敗尿这。所以簇抵，讓用戶時(shí)刻自己在哪里，并且知道自己從哪來射众，到哪去碟摆。
“我是誰？”
用戶認(rèn)知自己的身份或者狀態(tài)叨橱，并且采取相應(yīng)的行動(dòng)典蜕，人物的身份和狀態(tài)是探索用戶行為的重要依據(jù)。
“我該怎么辦罗洗？”
接下來會(huì)發(fā)生什么愉舔，用戶會(huì)采取什么樣的行動(dòng)。我們應(yīng)該提前預(yù)期到用戶會(huì)遭遇哪些事情并作出什么樣的反應(yīng)伙菜。
1我在哪
為了讓用戶定位自己轩缤，我們需要為他們?cè)O(shè)計(jì)導(dǎo)航系統(tǒng)。
表面上用戶看到的僅僅是一個(gè)頁面（圖5-3）：
【圖5-3 眼睛看到的頁面】
用戶應(yīng)該可以感覺到的頁面位置（圖5-4）：
【圖5-4 用戶能夠感覺到的頁面位置】
用戶想知道的路線（圖5-5）：
【圖5-5 用戶想知道的路線】
用戶在這個(gè)頁面停留時(shí)贩绕，知道自己是從哪個(gè)頁面過來的典奉，也知道應(yīng)該如何回去。我們通過各種方式（菜單丧叽、返回鍵、標(biāo)題等信息）讓用戶知道自己可以到達(dá)哪些頁面公你，完成哪些任務(wù)——這就是導(dǎo)航系統(tǒng)的意義踊淳。
地圖和道路，共同構(gòu)成導(dǎo)航系統(tǒng)陕靠。
地圖告訴我們每個(gè)物體的位置：我在這里迂尝，它在那里
道路告訴我們物體之間如何連接：我要從這里，去那里
我們?cè)谟脩魸撘庾R(shí)中剪芥，植入產(chǎn)品導(dǎo)航系統(tǒng)垄开。這就要先完成地圖和道路規(guī)劃。
“我在18層1806税肪，我要去3層0303溉躲。出門左拐坐電梯，出了電梯再右拐“
地圖——頁面方位
我們需要一個(gè)足夠簡(jiǎn)單便于記憶的地圖益兄。
如果你有一棟兩層小樓锻梳，面朝大海，春暖花開净捅。第一層是客廳和廚房疑枯，第二層是臥室和書房。你從一層爬樓梯上到二樓蛔六，不會(huì)因此迷路荆永。
如果你住在公寓废亭，高層樓的格局都是差不多的，18樓和28樓的樓梯間都在同一個(gè)位置具钥，唯一能讓你分辨自己在第幾層的方法就是簡(jiǎn)單粗暴的門牌號(hào)豆村。
所以地圖設(shè)計(jì)應(yīng)該做到：層級(jí)扁平，排列規(guī)則統(tǒng)一氓拼。
檢查頁面關(guān)系并排列（圖5-6）
【圖5-6 頁面關(guān)系】
把所有頁面按模塊放在平面上：
流程的一系列頁面通常是從左到右排列你画，并列內(nèi)容的頁面從上往下，同樣內(nèi)容的頁面從前往后桃漾。還有一些與其他都沒有關(guān)聯(lián)的頁面放在單獨(dú)的位置坏匪。
比如“預(yù)約會(huì)議”與“臨時(shí)會(huì)議”是并列關(guān)系；記錄的“列表”與“日程”是用不同方式展示了一樣的內(nèi)容撬统，屬于同樣內(nèi)容的頁面等适滓。
道路——菜單
菜單是到達(dá)頁面的主干道，菜單設(shè)置的原則恋追，是符合邏輯凭迹，有時(shí)候符合邏輯，意味著不太方便快捷苦囱。如果這兩者有沖突嗅绸，我們?nèi)∵壿嫞峥旖荨?br> 菜單是產(chǎn)品的核心安全區(qū)撕彤，如果用戶迷路鱼鸠，他們就會(huì)返回菜單頁，如果用戶不知道該做什么羹铅，也會(huì)返回菜單頁蚀狰。而一條符合邏輯的道路，比如原路返回职员，遠(yuǎn)比快捷的道路來得更加安全麻蹋。
以下是移動(dòng)端APP常見的幾個(gè)菜單結(jié)構(gòu)：
下部菜單：
操作以點(diǎn)擊為主，頁面切換焊切。大部分的APP使用的菜單布局
淘寶APP的菜單結(jié)構(gòu)就是這種形式(圖5-7)扮授。
【圖5-7 淘寶APP的下部菜單】
上部菜單：
操作以劃動(dòng)為主，頁面平移专肪。Airbnb的Android版本菜單就是這樣設(shè)計(jì)的(圖5-8)糙箍。
【圖5-8 Airbnb（Android）的上部菜單】
左側(cè)菜單：
適用于功能單一但是比較復(fù)雜的產(chǎn)品，左側(cè)欄不影響主頁面的操作牵祟，并且擴(kuò)展性好深夯，可以隨時(shí)添加快捷入口。
只使用左側(cè)菜單的形式，通常用在早期還不確定的產(chǎn)品形態(tài)中咕晋，成熟的產(chǎn)品通常都會(huì)改為上下部菜單的導(dǎo)航形式雹拄。
另外像UBER這種功能單一，主界面（地圖）承載較多信息的產(chǎn)品掌呜，使用上下導(dǎo)航都太占用空間滓玖，所以也使用了左側(cè)菜單（圖5-9）。
【圖5-9 UBER的左側(cè)菜單】
左側(cè)菜單還要注意空間的前后關(guān)系质蕉。
空間位置在前面的側(cè)邊欄好像在說：“我隨時(shí)都會(huì)被用到势篡！”（圖5-9）。
空間位置在后面的側(cè)邊欄好像在說：“我先睡會(huì)模暗，有事叫我…”禁悠，后面的側(cè)邊欄比較少見，用于比較復(fù)雜的產(chǎn)品兑宇。圖5-10中碍侦，QQ的主菜單是下部菜單，左側(cè)菜單作為輔助菜單隶糕，使用了暗色瓷产，與主頁面的淺色對(duì)比，會(huì)讓用戶有種左側(cè)菜單在后面的感覺枚驻。
【圖5-10 QQ的左側(cè)菜單】
右側(cè)菜單：
左重右輕濒旦，因此右側(cè)菜單通常適用于內(nèi)容和功能都比較復(fù)雜的產(chǎn)品，常作為次要菜單或者輔助菜單再登，很少作為獨(dú)立菜單使用（圖5-11）疤估。
【圖5-11 Airbnb（iOS）的右側(cè)的輔助菜單】
融合菜單：
復(fù)雜產(chǎn)品會(huì)融合多個(gè)菜單，注意主次分明霎冯，并且邏輯關(guān)系清晰。
這是比較常見的菜單形式钞瀑，QQ就使用了雙菜單架構(gòu)沈撞。主頁面下部菜單是三個(gè)主要內(nèi)容模塊，左側(cè)放置擴(kuò)展功能菜單（圖5-12）雕什。
【圖5-12 QQ的主菜單和左側(cè)菜單】
增加快捷操作：增加一些快捷入口缠俺，讓結(jié)構(gòu)更加扁平。距離菜單越遠(yuǎn)的頁面贷岸，重要性也就越小壹士。
比如通常我們把反饋建議整理到設(shè)置中心中，但是在新產(chǎn)品剛上線的時(shí)候偿警，我希望能夠多收集一些用戶反饋躏救，這個(gè)頁面就變得很重要。于是我們?cè)诓藛卧黾恿恕胺答伣ㄗh”的快捷入口（圖5-13）。
【圖5-13 菜單中的“反饋建議”】
離菜單越近的頁面地位越高盒使。注意微信的朋友圈崩掘，它離菜單很遠(yuǎn)，無聲地說著：“就算朋友圈再火熱少办，微信也還是一個(gè)聊天軟件苞慢。”
導(dǎo)航系統(tǒng)讓用戶知道他在哪個(gè)位置英妓，知道如何去另外一個(gè)陌生的位置挽放，并且能夠原路返回。設(shè)計(jì)完導(dǎo)航系統(tǒng)之后蔓纠，我們得讓用戶知道它的存在辑畦。
空間暗示——頁面動(dòng)態(tài)
把導(dǎo)航系統(tǒng)告知用戶，需要各種空間暗示贺纲。我之前提到Apple Watch的空間設(shè)計(jì)就是其中一種航闺。在APP中，空間感主要來自頁面的進(jìn)入與退出猴誊。
按照左重右輕（左側(cè)的內(nèi)容重要于右側(cè)的內(nèi)容）的原理潦刃，我把第二張頁面放在右邊，然后根據(jù)導(dǎo)航關(guān)系制作頁面動(dòng)態(tài)懈叹。移動(dòng)方式可以是覆蓋移動(dòng)乖杠，或者平移。
總結(jié)一下頁面動(dòng)態(tài)的種類：
覆蓋移入（圖5-14）
【圖5-14 下一頁從右往左覆蓋進(jìn)入】
案例中澄成，“會(huì)議記錄”是首頁胧洒，點(diǎn)擊記錄中的某項(xiàng)可以查看“會(huì)議日志”頁面，我們讓“會(huì)議日志”從右側(cè)移入屏幕墨状，蓋住了“會(huì)議記錄”卫漫。用戶會(huì)感覺“會(huì)議記錄”還在原地。
覆蓋移動(dòng)用戶覺得這兩個(gè)頁面是疊加在一起的（圖5-15）肾砂。
【圖5-15 前后關(guān)系的頁面】
覆蓋移出
覆蓋移出列赎，是上一張頁面（比如“會(huì)議記錄”）往左移出了屏幕，“會(huì)議日志”在原地（圖5-16）镐确。
【圖5-16 上一頁從右往左覆蓋移出】
但是圖5-16這個(gè)方式不太適合我們的案例包吝，因?yàn)檫@樣顯得“會(huì)議記錄”不太重要，“它”已經(jīng)移出了屏幕源葫。
左右平移
平移是下一頁平移進(jìn)入诗越，上一頁平移離開。這樣的頁面關(guān)系比較緊密，頁面是平等并且高度連貫的。可以用在任務(wù)流中淹辞，也可以用在相同內(nèi)容的頁面移動(dòng)中感耙。比如從文章的上一篇平移到下一篇褂乍，或者上一張圖片平移到下一張圖片（圖5-17）。
【圖5-17 下一頁平移進(jìn)入】
上下平移
上下距離比左右距離要遠(yuǎn)的多即硼，也不確定的多逃片，上下跳轉(zhuǎn)頁面會(huì)給用戶失去x軸的錯(cuò)覺，所以上下平移被使用得比較少只酥，即便有褥实，也讓用戶感覺是個(gè)長(zhǎng)頁面，而不是跳轉(zhuǎn)了新的頁面裂允。
知乎APP的答案翻頁就采取了這樣的方式损离。看完一個(gè)答案之后绝编，往上拉動(dòng)可以繼續(xù)閱讀下一個(gè)答案僻澎，當(dāng)然前提是知乎有大量?jī)?yōu)質(zhì)答案，并且知乎的用戶也有足夠的耐心看完這一個(gè)答案之后繼續(xù)往下（圖5-18）十饥。
【圖5-18 知乎的上下平移】
額外的
有些頁面和其他頁面沒有明確的因果關(guān)系窟勃，就好像翻書翻到一半，突然來了個(gè)電話逗堵，我接完電話接著看書秉氧。它和我正在進(jìn)行的事情沒什么太大的關(guān)系。所以它是憑空出現(xiàn)的蜒秤，而不是書頁中的其中一張汁咏。它的出現(xiàn)和退出需要特殊處理。
模態(tài)視圖作媚，常見的是提示框攘滩。它和我正在進(jìn)行的任務(wù)有巨大關(guān)聯(lián)，它不得不出現(xiàn)纸泡，又想快點(diǎn)消失漂问。它們有平臺(tái)默認(rèn)的樣式和退出進(jìn)入的方法，我們也可以額外為它設(shè)計(jì)（圖5-19）弟灼。
【圖5-19 特別設(shè)計(jì)的彈窗動(dòng)效】
2我是誰
身份還是狀態(tài)？
我們常在不同產(chǎn)品上看到不同的身份標(biāo)簽冒黑，比如普通用戶和VIP用戶啦田绑，乘客和司機(jī)啦，女人和男人啦……
大家都很喜歡樹立敵人抡爹，這樣不太好掩驱。你不能做一些不符合身份的事情，當(dāng)你是一個(gè)老師的時(shí)候，你成為了一個(gè)教導(dǎo)者或者回答問題的人欧穴，但是有些問題你也很想請(qǐng)教別人民逼。這個(gè)時(shí)候就一切就變得復(fù)雜起來：“畢竟是個(gè)有身份的人，萬一問了個(gè)蠢問題怎么辦涮帘，還是繼續(xù)高深莫測(cè)下去吧拼苍。”
我被拉進(jìn)了不少交流群里调缨，如果是以被訪問者的身份邀請(qǐng)進(jìn)去的疮鲫，一定三緘其口，講話慎之又慎弦叶，能不說就不說俊犯；如果我以菜鳥的身份進(jìn)了一個(gè)大牛的群，就會(huì)滿世界的喊“老師”伤哺；如果有人稱呼我女神燕侠，我就不得不告訴他“我得去洗澡了”。你看立莉，我自然而然地做著符合我身份的事情绢彤。這些都是別人眼中的我。
而狀態(tài)就不同了桃序，我可以處于回答問題的狀態(tài)杖虾，同時(shí)也可以處于問問題的狀態(tài)，多么輕松自如媒熊。這是真實(shí)的我奇适。
如果限定一批用戶是老師，另外一批用戶是學(xué)生芦鳍。那么我們就放棄了他們各自另外一半的時(shí)間和精力嚷往，另外一半的活力，另外一半的內(nèi)容提供柠衅。因?yàn)槟澄弧袄蠋煛辈豢赡芤恢背掷m(xù)地在“教學(xué)”皮仁，即便他以此為工作。而如果我靠回答問題賺錢菲宴，那么我也同樣愿意為別人的回答花錢贷祈。
除非能得到足夠數(shù)量匹配的供應(yīng)者和消費(fèi)者，否則就讓用戶上一秒收入喝峦，下一秒就賣出吧势誊！
身份標(biāo)簽
當(dāng)用戶年齡平均在20歲或者更小的時(shí)候，這些未走入社會(huì)的年輕人急需認(rèn)可谣蠢，這種認(rèn)可在現(xiàn)實(shí)中很難得到粟耻，身份頭銜是有用的激勵(lì)方法查近。
對(duì)于年齡更長(zhǎng)的用戶來說就情況就相反了。我花錢買電影看理所當(dāng)然挤忙，可是為什么好像是買了個(gè)VIP的頭銜呢霜威。天哪，連上個(gè)視頻網(wǎng)站都在攀比册烈，還能不能好好聊天了戈泼。如果一定要這樣做，收集成就的方法比身份頭銜有用多了茄厘。
同時(shí)擁有不同的狀態(tài)
我最好的學(xué)習(xí)狀態(tài)就是立刻把學(xué)到的東西分享出去矮冬。如果你是一個(gè)優(yōu)秀的讀者，或許應(yīng)該嘗試開始寫點(diǎn)什么次哈？
在產(chǎn)品設(shè)計(jì)中胎署，時(shí)刻把這種邏輯推送給用戶，就像一顆思想的種子窑滞，它會(huì)自己成長(zhǎng)和蔓延琼牧。
這種方式用在狀態(tài)可以靈活轉(zhuǎn)變的用戶群中更有效，比如零時(shí)的租客可以成為零時(shí)的房東哀卫，或者乘客有時(shí)候可以成為司機(jī)巨坊。
這并不是通用的方法，如果用戶之間的關(guān)系很少模糊地帶此改，或者有極多的信息不能共用等趾撵，明確地區(qū)分身份也是可行方案，請(qǐng)視具體的產(chǎn)品情況考慮共啃。比如出租車司機(jī)與乘客占调，雙方身份與狀態(tài)不能靈活轉(zhuǎn)換，互相有較多不重疊的信息移剪。
3我做什么
為人設(shè)計(jì)就要理解人的行為模式究珊。結(jié)果可控的情況下，完成任務(wù)的唯一條件纵苛，就是不要犯錯(cuò)剿涮。因此，我們盡量確保用戶不會(huì)犯錯(cuò)攻人，這就是“為錯(cuò)誤設(shè)計(jì)”這條規(guī)則的由來取试。
另外，人類會(huì)收到情緒的影響怀吻，這是不可避免要被考慮到的瞬浓。我將為你介紹一下“為人為錯(cuò)誤設(shè)計(jì)”與“為情緒設(shè)計(jì)”的交互理念。
為人為錯(cuò)誤設(shè)計(jì)
災(zāi)難是一系列錯(cuò)誤的連鎖反應(yīng)——《重返危機(jī)現(xiàn)場(chǎng)》
人類不是機(jī)器烙博，行為不可控瑟蜈，所以只要涉及人類活動(dòng)，我們甚至都無法真正意義上地杜絕錯(cuò)誤的發(fā)生渣窜，只能盡力把它發(fā)生的概率減少铺根。
為錯(cuò)誤設(shè)計(jì)的步驟：
習(xí)慣
違背習(xí)慣就像違背自然規(guī)律或者用戶經(jīng)驗(yàn)，這會(huì)及容易導(dǎo)致用戶犯錯(cuò)乔宿。所以在設(shè)計(jì)先后順序位迂、左右位置的時(shí)候不必要特立獨(dú)行（圖5-20）。
【圖5-20 返回鍵違背習(xí)慣】
提示
重要緊急的行為详瑞、一旦開始無法反悔掂林、或者如果犯錯(cuò)就會(huì)遭遇巨大損失的行為，需要向用戶預(yù)警坝橡，甚至可以強(qiáng)勢(shì)一點(diǎn)泻帮。這都比讓我犯錯(cuò)更好（圖5-21）。
“這是你的選擇嗎计寇？你要不要再確認(rèn)一下锣杂？”
【圖5-21 預(yù)警】
反饋
我需要知道那件事情是不是成功了，否則我就不知道哪里出錯(cuò)了番宁。
“為什么沒有反應(yīng)元莫？是因?yàn)槲覜]有按到按鈕嗎？”（圖5-22）
“我按到按鈕了蝶押，為什么沒有反應(yīng)踱蠢？是我的網(wǎng)絡(luò)有問題嗎？”
【圖5-22 反饋】
當(dāng)我們有所舉動(dòng)的時(shí)候棋电，周圍的事物都會(huì)因此而被影響茎截，并且有所反應(yīng)。如果用戶的每一個(gè)操作行為都能得到直接的反饋离陶，對(duì)用戶更加友好稼虎。
反悔
最后我依然犯了錯(cuò)誤，請(qǐng)讓我有機(jī)會(huì)反悔≌信伲現(xiàn)在大多數(shù)的文字輸入都有自動(dòng)存儲(chǔ)的功能了啦霎俩，如果不小心意外關(guān)閉了頁面也不用擔(dān)心重來一遍。
為情緒設(shè)計(jì)
團(tuán)隊(duì)由人構(gòu)成沉眶，產(chǎn)品為人而作打却。人，必然存在情緒谎倔，它非常容易被調(diào)動(dòng)與刺激柳击。因此，為人的設(shè)計(jì)片习，必然要顧及人的情緒捌肴，純以理性做決策蹬叭，是最不理智的做法。
人們?nèi)菀子涀∧切┡c情感密切相關(guān)的事物状知，或者任何加劇情緒的事物秽五。我們可以利用情感化元素讓用戶與產(chǎn)品產(chǎn)生互動(dòng)，為產(chǎn)品賦予人格 饥悴。
成就感
建立用戶克服困難坦喘，解決問題的成就感
經(jīng)歷
似曾相識(shí)的的難忘的回憶可以給用戶“會(huì)心一擊”
放松
放松狀態(tài)我們能更好地處理信息，生成記憶西设。讓用戶進(jìn)入積極正面的狀態(tài)瓣铣、輕松完成操作，享受過程贷揽。
選擇恐懼癥
選擇恐懼癥是擔(dān)心選擇的結(jié)果不是最好的棠笑，給用戶較少的選擇意味著用戶可以輕松抉擇、完成任務(wù)
特殊情況的處理
第一次與不是第一次
有些行為不需要反復(fù)提醒禽绪，這樣會(huì)讓人產(chǎn)生“你覺得我智商低”的錯(cuò)覺腐晾。所以很多產(chǎn)品只在用戶第一次使用的時(shí)候做引導(dǎo)設(shè)計(jì)（圖5-23）。
【圖5-23 第一次引導(dǎo)】
“哦丐一！討厭藻糖。”
網(wǎng)絡(luò)突然斷了库车，手機(jī)突然沒電了巨柒。我們知道你不愿意它發(fā)生，但是它總會(huì)發(fā)生的柠衍。為了應(yīng)對(duì)這些突發(fā)情況洋满，我們?cè)谡Ａ鞒讨膺€要為它們?cè)O(shè)計(jì)流程或頁面。
4手指行為（移動(dòng)產(chǎn)品）
人類與硬件接觸珍坊，通過行為與產(chǎn)品建立溝通交互的橋梁牺勾，有一門學(xué)科專門研究這些——“人體工程學(xué)”。
以下以移動(dòng)產(chǎn)品為例阵漏。
對(duì)于手機(jī)用戶來說驻民，行為主要包含手指的活動(dòng)，其次是眼睛接受信息履怯，特定情況下用到嘴巴和耳朵回还。我猜暫時(shí)很少用到舌頭和鼻子什么的。
手指與屏幕的關(guān)系
手指是最為高效叹洲、靈活并且使用最為頻繁的器官柠硕。移動(dòng)產(chǎn)品大部分都是手持設(shè)備，你會(huì)看到所有人都用手抓著手機(jī)戳來戳去运提，所以我們當(dāng)然應(yīng)該先說說手指的事情蝗柔。
單手點(diǎn)擊舒適度（圖5-24）：
【圖5-24 單手操作】
【圖5-25 重要按鈕放在右邊】
我們默認(rèn)右手操作手機(jī)的人更多闻葵，當(dāng)然這個(gè)觀點(diǎn)至今都有爭(zhēng)議，因?yàn)楝F(xiàn)在移動(dòng)設(shè)備的操作都非常簡(jiǎn)單癣丧，即便是不太好使的左手一樣可以輕松使用笙隙。
假設(shè)你使用右手，圖中紅色部分是更容易點(diǎn)擊的區(qū)域坎缭，其他區(qū)域次之。頂部是最難點(diǎn)擊的地方签钩。
為了讓左右手都可以輕松操作掏呼，很多產(chǎn)品使用了居中的長(zhǎng)按鈕。
【圖5-26 居中的按鈕雙手都可以點(diǎn)】
雙手點(diǎn)擊舒適度（圖5-27）：
【圖5-27 雙手操作】
玩游戲時(shí)用戶通常都是雙手操作铅檩，游戲界面的內(nèi)容設(shè)計(jì)因此有很大不同憎夷。
手指動(dòng)作
用戶常用單機(jī)和滑動(dòng)操作，這兩種操作可以滿足大部分交互行為昧旨，雙指拉伸抓取的操作也很常見（圖5-28）拾给。我們沒有必要使用冷門的操作方式，如果使用了少見的手勢(shì)兔沃，記得在用戶第一次使用的時(shí)候引導(dǎo)他蒋得。
【圖5-28 手勢(shì)】
手指操作區(qū)域
用手指戳的時(shí)候如果戳不到地方實(shí)在是太讓人糟心了，由于手指與鼠標(biāo)不同乒疏，靈活但是不夠精確额衙，因此移動(dòng)產(chǎn)品規(guī)定了最小操作范圍。比如iOS最小操作區(qū)是44dp怕吴，Android則是48dp（請(qǐng)查閱官方人機(jī)交互文檔）窍侧。
5眼睛與屏幕的關(guān)系
使用移動(dòng)產(chǎn)品時(shí)，用戶經(jīng)常處于噪雜的環(huán)境或者活動(dòng)的狀態(tài)转绷。比如一邊走路坐車一邊看手機(jī)伟件。這對(duì)眼睛的壓力很大，同時(shí)也要求產(chǎn)品設(shè)計(jì)中為眼睛考慮更多议经。
下圖是眼動(dòng)熱力的示意圖斧账，用戶習(xí)慣于從左到右的閱讀方式，左上是關(guān)注的焦點(diǎn)煞肾。我們?cè)谠O(shè)計(jì)產(chǎn)品時(shí)毫無疑問會(huì)把最重要的內(nèi)容放置在左上角（圖5-29）其骄。
【圖5-29 眼動(dòng)的焦點(diǎn)】
用戶在運(yùn)動(dòng)過程中實(shí)際看到的頁面，很大一部分是糊的扯旷。所以視覺焦點(diǎn)應(yīng)該清晰可見拯爽，這樣用戶可以快速捕捉到我們?cè)O(shè)計(jì)的“焦點(diǎn)”，對(duì)其他信息沒什么耐心（圖5-30）钧忽。
【圖5-30 清晰的焦點(diǎn)】
必須承認(rèn)毯炮，大多數(shù)情況下逼肯，交互設(shè)計(jì)是個(gè)繁瑣的活，既要關(guān)注人類的活動(dòng)桃煎，還要照顧技術(shù)實(shí)現(xiàn)的邏輯篮幢。在大型團(tuán)隊(duì)中，這個(gè)工作會(huì)由交互設(shè)計(jì)師來完成为迈。在我們的團(tuán)隊(duì)中三椿，產(chǎn)品、設(shè)計(jì)葫辐、研發(fā)拆分了這個(gè)任務(wù)搜锰。
