如何從用戶(hù)的角度進(jìn)行產(chǎn)品設(shè)計(jì)(編輯修改稿)
2025-03-05 15:29 本頁(yè)面
【文章內(nèi)容簡(jiǎn)介】 b) 給人固定的感覺(jué)c) 告訴我們身在何處② 注意事項(xiàng)導(dǎo)航條 (頁(yè)頭，頁(yè)尾，頁(yè)內(nèi) )Bear looking at map of park with sign You are here導(dǎo)航條設(shè)計(jì)時(shí)需要注意a) 網(wǎng)站的每一頁(yè) (表單可能例外 )都需要導(dǎo)航b) 次級(jí)導(dǎo)航都應(yīng)該有返回首頁(yè)的鏈接c) 頁(yè)面名稱(chēng)應(yīng)該醒目 (自我解釋 )d) 要提供簡(jiǎn)潔，沒(méi)有無(wú)關(guān)選項(xiàng)的搜索框優(yōu)秀的導(dǎo)航條示例 :Amazon,Amazon. COM導(dǎo)航條可用性實(shí)踐中需要注意的問(wèn)題2. 主頁(yè)① 主頁(yè)的作用② 主頁(yè)需要額外考慮的問(wèn)題主頁(yè)的作用a) 準(zhǔn)確、快速的傳達(dá)一個(gè)整體形象b) 網(wǎng)站的標(biāo)識(shí)和起點(diǎn)c) 內(nèi)容更新導(dǎo)讀d) 服務(wù)以及搜索的入口返回準(zhǔn)確、快速的傳達(dá)一個(gè)整體形象主頁(yè)要做到這點(diǎn)必須清晰的回答四個(gè)問(wèn)題1 這是什么網(wǎng)站 ？2 網(wǎng)站上面有什么？3 我能在這里干什么？4 為什么我應(yīng)該在這而不是在別的地方？返回主頁(yè)需要額外考慮的問(wèn)題a) 每個(gè)人都想占一席之地b) 想要參與的人太多c) 設(shè)計(jì)要滿(mǎn)足所有人返回站點(diǎn)的標(biāo)識(shí)和口號(hào)沒(méi)有什么比得上一個(gè)好口號(hào)每天五分鐘，給思想加油。 ()理性，建設(shè)性。 ()可用性實(shí)踐中需要注意的問(wèn)題3. 團(tuán)隊(duì)中可用性的討論a) 現(xiàn)狀：無(wú)休止的信仰大戰(zhàn)b) 本質(zhì)：浪費(fèi)時(shí)間c) 關(guān)鍵：沒(méi)有什么所謂的普通用戶(hù)d) 唯一改變的方法：用戶(hù)體驗(yàn)測(cè)試團(tuán)隊(duì)中可用性的討論可用性最佳實(shí)踐? 提供增大網(wǎng)頁(yè)字體的選項(xiàng) (國(guó)內(nèi)網(wǎng)站 …)? 為每張圖片增加 ALT文本? 用戶(hù)不可能在一個(gè)界面中接受過(guò)多信息，而且信息量和頁(yè)面長(zhǎng)度不是正比關(guān)系為每張圖片增加 ALT文本img src= alt=鳳凰網(wǎng)網(wǎng)站圖標(biāo) LOGO /返回交互設(shè)計(jì) —Don39。t make me think? “ 返回 ” 的位置和做法很重要：這是整個(gè) Mail的交互的 “ 樞紐 ” ，如同圍棋中的 “ 玉柱 ” ，也定義了郵箱的交互風(fēng)格。? 幫用戶(hù)自動(dòng)選中：在輸入獨(dú)立密碼或加密 folder輸入密碼時(shí)錯(cuò)誤后，應(yīng)該把輸入框內(nèi)的內(nèi)容 select上，這樣就可以直接打入而不用清除了? 光標(biāo)定位：之前的點(diǎn) 回復(fù) 時(shí)光標(biāo) focus到正文的問(wèn)題改好了 ,但卻沒(méi)有注意到點(diǎn) 轉(zhuǎn)發(fā) 時(shí)光標(biāo) ,反而應(yīng)是在 收件人 處而不是正文處 , 因?yàn)橐话憧傄顚?xiě)轉(zhuǎn)發(fā)人 , 而回復(fù) (包括回復(fù)全部 )則是直接輸入內(nèi)容 .交互設(shè)計(jì) — 符合用戶(hù)習(xí)慣與預(yù)期? 類(lèi) Outlook客戶(hù)端操作，但比它做得更優(yōu)秀? 先字母排序，再優(yōu)先顯示最近聯(lián)系人，減少鍵盤(pán)操作。這么細(xì)的體驗(yàn)，但一旦用上，就覺(jué)得別的同類(lèi)產(chǎn)品很粗糙了！VS交互設(shè)計(jì) — 符合用戶(hù)習(xí)慣與預(yù)期? 兼容客戶(hù)端郵件菜單習(xí)慣– 在用 TT或 /TM/RTX截屏后的圖 ,mail原來(lái)在寫(xiě)信時(shí)用 CtrlV可以貼出來(lái)，但右鍵則不能。? 不要隨意去掉用戶(hù)正在使用的功能– 原來(lái) mail在做出了 “ HTML方式查看 ” 后，去掉了 “ 打開(kāi) ” 功能? 符合用戶(hù)預(yù)期，點(diǎn)擊其他地方， WEB的浮動(dòng)窗口隱藏到固定位置交互設(shè)計(jì) — 適時(shí)的提醒? 沒(méi)必要的提醒不需要出現(xiàn)? 而適時(shí)出現(xiàn)的提示或功能，用得好，不但不會(huì)騷擾用戶(hù)，還是對(duì)用戶(hù)的細(xì)致的關(guān)懷（ 當(dāng)未讀郵件過(guò)多時(shí)，提示刪除歷史郵件）? 數(shù)字和字母帳號(hào)不同方式；圖片驗(yàn)證旁提示 “不區(qū)分大小寫(xiě) ”，細(xì)節(jié)中體現(xiàn)體貼 。 修改前 修改后交互設(shè)計(jì) — 操作便利? 鼠標(biāo)響應(yīng)區(qū)域的大小，靈敏度和精確度，直接影響操作體驗(yàn)? 示例： Mail，業(yè)務(wù)導(dǎo)航區(qū)， 音樂(lè)? 影音的快捷播放按鈕：最初的設(shè)計(jì)改為方形擴(kuò)大點(diǎn)擊區(qū)域，考慮性能去掉按鈕顯示 最初的設(shè)計(jì)
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1