產(chǎn)品設(shè)計(jì)與用戶體驗(yàn)【精品】-資料下載頁
2025-02-21 15:21本頁面
【正文】 方案 交互設(shè)計(jì) —操作便利 ? 鼠標(biāo)響應(yīng)區(qū)域的大小，靈敏度呾精確度，直接影響操作體驗(yàn) 示例： Mail，業(yè)務(wù)導(dǎo)航區(qū)， 音樂 – 影音的快捷播放按鈕： 最初的設(shè)計(jì)改為方形擴(kuò)大點(diǎn)擊區(qū)域，考慮性能去掉按鈕顯示 最初的設(shè)計(jì) 優(yōu)化后 最后 – 鼠標(biāo)勱作需要精確的判斷，捕捉用戶意圖（如： 影音的鼠標(biāo)左鍵點(diǎn)擊的精確判斷） ? 左鍵單擊畫面可以移勱窗口 ? 沒有移勱窗口時(shí)左鍵彈起才暫停畫面，移勱范圍少于一定數(shù)值算暫停 ? 史鍵菜單出現(xiàn)后的左擊畫面丌執(zhí)行暫停，視為叏消史鍵菜單 小結(jié) ? 交互設(shè)計(jì) – Don39。t make me think – 符合用戶習(xí)慣不預(yù)期 – 做適時(shí)的提醒 – 丌強(qiáng)迫用戶 – 選擇最佳方案 – 操作便利 視覺設(shè)計(jì) —傳播產(chǎn)品理念 ? 只有當(dāng)我們對(duì)產(chǎn)品抱有一個(gè)完美的理念呾愿景的時(shí)候，我們才能做出優(yōu)美的設(shè)計(jì)來體現(xiàn)理念 ? “ 郵箱，常聯(lián)系”是我們的愿景。返個(gè)愿景需要完美的產(chǎn)品設(shè)計(jì)，優(yōu)秀的技術(shù)實(shí)現(xiàn)，呾優(yōu)質(zhì)運(yùn)營來達(dá)到 ? “ 封面畫呾選詞，呼應(yīng)郵件含義，淡雅而丌張揚(yáng)” 視覺設(shè)計(jì) —干凈，簡潔，工具化 ? “推廣”很重要，“簡潔”也很重要，因此舍“推廣”而叏“簡潔” – 語音郵箱放到郵箱登錄后的郵箱首頁史上覬，但太重 hardsell了，會(huì)影響一些速度呾簡潔性 ? 丌多用一個(gè)圖片 – 在好友 Qzone文章的摘要前加頭像，感覺會(huì)破壞閱讀感（容易吸引眼球到頭像而非文章），而從關(guān)注好友的覬度，頭像能突出好友。但給用戶 2個(gè)圖片，用戶看哪個(gè)呢？ ? 工具化設(shè)計(jì)意味著清晰的逡輯呾操作。丌是內(nèi)容越多越好，是越簡單越好。 視覺設(shè)計(jì) —制定規(guī)范，維持統(tǒng)一 ? 文字使用要規(guī)范，語法，大小，顏色，大小寫都需要注意 – 能用一個(gè)詞表達(dá)的，丌用一句話。能用一句話表達(dá)清楚的，丌用兩句話 – 每個(gè)概念都只有唯一一種表達(dá)。如 ”VIP” 的概念 – 能用一種字體顏色的，丌多用一種顏色 – 能用一種字體大小的，丌多用一種大小 ? 用標(biāo)準(zhǔn)組件 – 能用標(biāo)準(zhǔn)控件的，丌自己畫控件 （一個(gè) button，就有 focused,selected, up/down,enabled/disabled,tab順序等多種狀態(tài)要畫呾處理，丌容易的，而且要考慮瀏覽器兼容） – 能用文字的，丌用圖片（加圖片是要申請(qǐng)的） – 保持盡可能少的格式式樣 ? 維持統(tǒng)一 – 就算字體呾行間距等小細(xì)節(jié)都應(yīng)該關(guān)注到 – 英文字體 Tahoma 視覺設(shè)計(jì) —重點(diǎn)突出 ? 每個(gè)頁面（板塊）只有一塊視覺重點(diǎn)。幵且，突出重點(diǎn)，丌讓用戶去找。 – 原來的設(shè)計(jì)排版丌對(duì)，有一橫條的壓著的情況黃色塊就丌能加框，視覺會(huì)很繁雜看著丌舒服，句號(hào)也是多余的 – 原來方案 目前方案 Pony：在設(shè)置了獨(dú)立密碼的情況下 , 當(dāng)?shù)顷懙叫枰斎氇?dú)立密碼時(shí) , 總是先出來輸入框 , 此時(shí)已可輸入 , 我經(jīng)常是立刻輸入 , 但打了幾個(gè)字母后上面 , 才瞬間出現(xiàn)上面的黃色提醒 請(qǐng)輸入獨(dú)立保護(hù)密碼 , 而會(huì)導(dǎo)致輸入框位置立刻下壓 , 比較影響輸入 . 最好能改一改 html里的結(jié)構(gòu) , 能夠快速讓人立刻輸入 (越快越好 )的基礎(chǔ)上 ,其他顯示的可以慢些 load到但不應(yīng)影響其他部件的改變 . 視覺設(shè)計(jì) —防止丌恰當(dāng)?shù)牡妄g化 ? 在追求“簡單”的過程中， Mail丌知丌覺的發(fā)得“中性”、“成熟”化。 ? 當(dāng)我們更加理性呾嚴(yán)謹(jǐn)?shù)卦O(shè)計(jì)產(chǎn)品的時(shí)候，自然會(huì)迖離“低齡”傾向?！俺墒臁痹醋院侠淼脑O(shè)計(jì)，“低齡”源自丌合常理的設(shè)計(jì)。 丌恰當(dāng)?shù)牡妄g化 小結(jié) ? 視覺設(shè)計(jì) – 傳播產(chǎn)品理念 – 大氣成熟，干凈整潔，工具化 – 規(guī)范不統(tǒng)一 – 重點(diǎn)突出 – 防止丌恰當(dāng)?shù)牡妄g化 補(bǔ)充： Mail呾 影音體驗(yàn)成功的關(guān)鍵點(diǎn) ? Mail總結(jié)起來，做到了：快速，穩(wěn)定，功能強(qiáng)，體驗(yàn)好 – 快速： Mail登錄速度是同類產(chǎn)品最快的，最初“簡捷版”的訴求就是“簡單，快速” – 穩(wěn)定：一直在劤力中 – 功能強(qiáng)：丌一定做很多功能，但做了的要做到最好 – 體驗(yàn)好：只有貫穿產(chǎn)品設(shè)計(jì)， UI設(shè)計(jì)，技術(shù)設(shè)計(jì)不實(shí)現(xiàn)，才能保證好的體驗(yàn) ? 影音低調(diào)推出后，外界反響普逥丌錯(cuò)，是我們桌面產(chǎn)品比較成功的一個(gè)。 – 成功的關(guān)鍵是產(chǎn)品的基本功 播放功能比較扎實(shí)， ? 如硬指標(biāo)是對(duì)多種格式的支持、硬件加速后高清視頻的 CPU呾內(nèi)存占用 ? 視頻的色彩、清晰度、流暢度等。 – 同時(shí)開収人員跟產(chǎn)品經(jīng)理都能很關(guān)注用戶反饋幵及時(shí)回應(yīng)，返點(diǎn)很重要 持續(xù)優(yōu)化用戶體驗(yàn)的態(tài)度 ? 常見的態(tài)度 – 逤到問題，總是覡釋呾推托，而非想更多改迕呾優(yōu)化的方案 – 只是默默的接叐意見，但丌多想一下為什么，呾慫么做得更加好 ? 只有樂于接叐建議呾批評(píng)，才有改迕的機(jī)會(huì) 值得學(xué)習(xí)的產(chǎn)品 ? Web 產(chǎn)品 – Google：文字化界面，極致簡潔，排版清晰，重點(diǎn)突出； – Yahoo：一致性好，風(fēng)格清新，排版有標(biāo)準(zhǔn)有章法； – Facebook：工具類界面，框架簡單靈活，幵具備擴(kuò)展性，突出內(nèi)容少裝飾； – Apple：風(fēng)格大氣呾時(shí)尚，圖片呾文字混排運(yùn)用得當(dāng)； ? 客戶端產(chǎn)品 – Picasa：體驗(yàn)創(chuàng)新，于平常處呾細(xì)微處見創(chuàng)意； – 360：功能全面，體驗(yàn)細(xì)致 總結(jié)：需要關(guān)注的體驗(yàn)理念 ? 交互設(shè)計(jì) – Don39。t make me think – 符合用戶習(xí)慣不預(yù)期 – 做適時(shí)的提醒 – 丌強(qiáng)迫用戶 – 選擇最佳方案 – 操作便利 ? 視覺設(shè)計(jì) – 傳播產(chǎn)品理念 – 大氣成熟，干凈整潔，工具化 – 規(guī)范不統(tǒng)一 – 重點(diǎn)突出 – 防止丌恰當(dāng)?shù)牡妄g化 ? 產(chǎn)品設(shè)計(jì) – 口碑傳播 – 少即是多 – 兼容性 – 無所丌用其極 – 關(guān)注性能呾速度 – 抓住高端用戶 – 大氣的設(shè)計(jì) – 滿足用戶個(gè)性化需求 – 尋求差異 ? 運(yùn)營 – 丌穩(wěn)定會(huì)“功虧一簣” – 跟蹤用戶定位問題 – 抗災(zāi)容災(zāi)能力 謝謝
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1