用戶體驗(yàn)這個詞也許是產(chǎn)品經(jīng)理提到的最多的一個詞立哑,影響用戶體驗(yàn)的因素有很多煮仇,其中顯性易判斷的有2個:視覺設(shè)計(jì)和交互設(shè)計(jì)毒嫡。其中交互設(shè)計(jì)對用戶體驗(yàn)的影響更甚倘零。
本文結(jié)構(gòu)如下:
一唱遭、用戶體驗(yàn)設(shè)計(jì)
用戶體驗(yàn)設(shè)計(jì)(User Experience Design,UED) 呈驶。UED的通常理解拷泽,就是“我們做的一切都是為了呈現(xiàn)在您眼前的產(chǎn)品”。UED是針對用戶心靈,眼睛,耳朵,觸感的設(shè)計(jì)俐东。用戶體驗(yàn)就是用戶在使用一款互聯(lián)網(wǎng)產(chǎn)品的整體感受度跌穗。
1、UED的相關(guān)概念
UE(User Experience)
UCD(User-Centered Design)以用戶為中心的設(shè)計(jì)-強(qiáng)調(diào)以用戶體驗(yàn)有限的產(chǎn)品設(shè)計(jì)理念
HCI(Human-Computer Interaction)人機(jī)交互
GUI(Graphical User Interface)圖形化用戶界面
WR(Web Rebuild)網(wǎng)站重構(gòu)
2虏辫、UED團(tuán)隊(duì)的輸出物與工作職責(zé)
產(chǎn)品經(jīng)理:
輸出:用研文檔蚌吸;競品分析文檔;產(chǎn)品需求與需求分級文檔
配合工作:協(xié)助UED相關(guān)人員對產(chǎn)品的調(diào)性進(jìn)行把控砌庄;協(xié)助UED相關(guān)人員進(jìn)行測試與組織管理羹唠。
交互設(shè)計(jì)師
輸出:完整產(chǎn)品原型圖含交互設(shè)計(jì);用戶使用流程娄昆;產(chǎn)品信息結(jié)構(gòu)圖
配合工作:交互測試佩微,測試交互還原度
工作職責(zé):為產(chǎn)品設(shè)計(jì)具體的行為、界面設(shè)計(jì)萌焰,組織良好的產(chǎn)品信息結(jié)構(gòu)哺眯,提高產(chǎn)品的可用性與易用性
視覺設(shè)計(jì)交互設(shè)計(jì)師
輸出:對產(chǎn)品的界面視覺設(shè)計(jì)稿;競品風(fēng)格調(diào)研扒俯;設(shè)計(jì)規(guī)范奶卓;概念設(shè)計(jì)說明一疯;產(chǎn)品流程中界面還原度全程評估審核。
配合工作:視覺測試夺姑,測試視覺還原度
職責(zé):界面呈現(xiàn),美觀度,體驗(yàn),品牌形象設(shè)計(jì)負(fù)責(zé)
頁面重構(gòu)師
輸出:靜態(tài)網(wǎng)頁墩邀;靜態(tài)頁面規(guī)范說明(CSS,復(fù)用,性能,兼容性等)
配合工作:頁面測試工作,測試頁面還原度盏浙;兼容性測試眉睹;頁面性能優(yōu)化
職責(zé):界面呈現(xiàn),美觀度,體驗(yàn),品牌形象設(shè)計(jì)負(fù)責(zé)
3、用戶體驗(yàn)的要素
戰(zhàn)略層:
明確商業(yè)目標(biāo)和用戶目標(biāo)废膘,重點(diǎn)是解決兩者之間的沖突竹海,找到平衡點(diǎn)。例如殖卑,通常的商業(yè)目標(biāo)是賺錢站削,而用戶是要省錢坊萝,這種最底層的沖突沒法通過產(chǎn)品設(shè)計(jì)解決孵稽,而要靠商業(yè)上找準(zhǔn)價(jià)值的切入點(diǎn)。作為PD十偶,通常早些年接觸不到戰(zhàn)略制定的過程菩鲜,但仍然要深刻理解公司戰(zhàn)略并盡可能的去發(fā)揮自己的影響力。
范圍層:
做好需求采集工作惦积,確定功能范圍和需求優(yōu)先級接校。這時(shí)候先要盡可能多的收集,通過各種市場研究狮崩、用戶研究的方法收集蛛勉,不要遺漏;再盡可能多的放棄睦柴,因?yàn)槲覀兊馁Y源有限诽凌,只能做最有價(jià)值的。先做的收集不是為了放棄坦敌,而是為了不漏掉任何“最有價(jià)值的”侣诵。
結(jié)構(gòu)層:
完成信息架構(gòu)與交互設(shè)計(jì)。上一步相當(dāng)于把菜都選好了狱窘,現(xiàn)在開始考慮具體是蒸是煮是炒是炸了杜顺,這一步可以產(chǎn)出產(chǎn)品的功能結(jié)構(gòu)關(guān)系,網(wǎng)站地圖等蘸炸。一般來說躬络,技術(shù)部門在這個層面開始全面介入。
框架層:
界面設(shè)計(jì)搭儒、導(dǎo)航設(shè)計(jì)穷当、信息設(shè)計(jì)越锈,到了這一步,才出現(xiàn)用戶真正能看到的東西膘滨。常見錯誤是從以為這里才開始算設(shè)計(jì)甘凭,忽略了上面的幾層,這樣在大前提不正確的情況下做出來的產(chǎn)品必然會成為一個悲劇火邓。
表現(xiàn)層:
包含了視覺設(shè)計(jì)和內(nèi)容優(yōu)化丹弱。這部分是最有意思的,但設(shè)計(jì)師一定要理解好商業(yè)和用戶的目標(biāo)才能做出正確的設(shè)計(jì)铲咨,畢竟我們不是藝術(shù)家躲胳,這里的表現(xiàn)是最終產(chǎn)品氣質(zhì)的體現(xiàn)。
五層整體是抽象到具體的過程纤勒,時(shí)間上是順序的坯苹,但每步的界限模糊,彼此交叉摇天,而且必須反復(fù)迭代的粹湃,又有一點(diǎn)從商業(yè)到產(chǎn)品到技術(shù)的感覺。
套用咨詢思維的經(jīng)典結(jié)束(意譯):事情來了不要撲上去做泉坐,也不是先訂計(jì)劃为鳄,而是先想清楚意義、目的腕让、目標(biāo)等等孤钦。
4、用戶體驗(yàn)的五個層次
(1)有用
“有用”其實(shí)就是對用戶首先要有價(jià)值“即有使用他的價(jià)值”纯丸,這里要注意一點(diǎn)偏形,這里的“有用”是針對“用戶體驗(yàn)而言”,而非之前說的Kano模型里面正對需求而言的那幾項(xiàng)(必備觉鼻,期望俊扭,魅力,不要搞混了)滑凉。
我們拿微信來舉例统扳,我們使用他最重要的價(jià)值就在于它能語音傳輸,這就是他對于用戶來說畅姊,最基本的“有用(基本價(jià)值)”的地方咒钟。
(2)能用
在對用戶“有用(有使用價(jià)值)”的基礎(chǔ)上面,還需要強(qiáng)調(diào)若未,這個東西是能夠正常使用的朱嘴,例如:
圖片上傳不允許出現(xiàn)丟失
交互設(shè)計(jì)應(yīng)該按照最基礎(chǔ)的IOS系統(tǒng)交互規(guī)則來進(jìn)行設(shè)計(jì)
(3)可用
可用,即可用性,就是在有用萍嬉,能用的基礎(chǔ)上面乌昔,我們應(yīng)該考慮如何讓用戶更好,更方便的使用產(chǎn)品壤追,例如:
- 注冊填寫郵箱的時(shí)候磕道,自動補(bǔ)全后面的“@qq.com,@163.com等等”
(4)用的爽
用的爽,就是在 有用行冰,能用溺蕉,可用的基礎(chǔ)上面,還能讓用戶感覺使用產(chǎn)品暢快淋漓悼做,有一種爽的感覺疯特,爽這個字很難形容,我們可以具象一下:
超出用戶預(yù)期的產(chǎn)品服務(wù)與功能
流暢的操作體驗(yàn)(隊(duì)列肛走,補(bǔ)全漓雅,規(guī)避用戶錯誤等)
文案優(yōu)美
視覺設(shè)計(jì)符合產(chǎn)品調(diào)性與目標(biāo)人群喜好
(5)形成品牌效應(yīng)
好的產(chǎn)品,日積月累朽色,就會形成品牌邻吞,例如:
- 小米手機(jī)口口相傳的品牌效果
用戶體驗(yàn)層次讓我們在規(guī)劃用戶體驗(yàn)的時(shí)候,有明確的指向纵搁,以及有明確的邊界吃衅。
1有用>2能用>3可用>4用的爽>5品牌效應(yīng)
初期一定要保證,1,2,3腾誉,因?yàn)橘Y源、時(shí)間峻呕、成本有限
能力強(qiáng)的團(tuán)隊(duì)利职,初期可保證到1,2,3,4
5、用戶體驗(yàn)的度量
我們把用戶體驗(yàn)分成了7個大類瘦癌,這7個大類里面又有若干個小類猪贪,每個小類又有可考核的依據(jù)。于是乎讯私,原本感覺不太好的考評的用戶體驗(yàn)热押,現(xiàn)在的就變得相對可考評了〗锟埽考評方式是什么呢桶癣?——專家團(tuán)隊(duì)考評
5.1 價(jià)值體驗(yàn)
呈現(xiàn)給用戶心理上的體驗(yàn),強(qiáng)調(diào)友好性以及與用戶關(guān)系的維系,一般包括但不限于:基本型價(jià)值娘锁;期望型價(jià)值牙寞;魅力型價(jià)值。
5.2 感官體驗(yàn)
精準(zhǔn)定位:調(diào)性風(fēng)格是什么樣子的,是否匹配目標(biāo)人群的喜好特征间雀。
呈現(xiàn)給用戶視聽上面的體驗(yàn),強(qiáng)調(diào)舒適性,一般包括但不限于:
設(shè)計(jì)風(fēng)格(極簡風(fēng)格的悔详;前衛(wèi);女性化惹挟;男性化茄螃;復(fù)古;后現(xiàn)代)
網(wǎng)站LOGO
頁面布局(平面設(shè)計(jì)连锯;板式設(shè)計(jì)责蝠;主次分明;視覺引導(dǎo))
頁面色彩表現(xiàn)
性能穩(wěn)定(響應(yīng)速度快萎庭;系統(tǒng)不崩潰)
兼容適配(兼容不同手機(jī)操作系統(tǒng)霜医、手機(jī)型號、屏幕適配性)
動畫效果
頁面導(dǎo)航
廣告位
背景音樂
5.3 交互體驗(yàn)
呈現(xiàn)給用戶操作上的體驗(yàn)驳规,強(qiáng)調(diào)易用/可用性,一般包括但不限于:
表單填寫
表單提交
按鈕設(shè)置
點(diǎn)擊提示
錯誤提示
意見反饋
交互原則
導(dǎo)航清晰:讓用戶指導(dǎo)自己在哪肴敛,退路在哪,可以去哪兒吗购,怎么去医男,附近有什么
搜索便捷:符合用戶心理模型(心理預(yù)期)
扁平任務(wù)
用戶完成一個預(yù)期行為的過程越簡單耗時(shí)越短越好
容錯性
通過設(shè)計(jì):突出正確操作;避免容易引發(fā)的錯誤操作捻勉;對錯誤操作要有包容性(隊(duì)列技術(shù)的使用等等)
主次原則
主次分明镀梭,色彩,內(nèi)容踱启,板式报账,功能。
直接原則
不要出現(xiàn)過多的行為埠偿,能在當(dāng)前頁面完成的行為透罢,不要去過多跳轉(zhuǎn)。
統(tǒng)一原則
產(chǎn)品價(jià)值冠蒋,文案羽圃,功能,內(nèi)容抖剿,樣式朽寞,設(shè)計(jì)風(fēng)格等都保持統(tǒng)一:一方面降低用戶學(xué)習(xí)使用難度;一方面可以提高產(chǎn)品的整體性與專業(yè)性斩郎,還能降低產(chǎn)品開發(fā)的成本
少做原則
讓用戶少做:補(bǔ)全脑融;記憶;聯(lián)想孽拷;直接給出預(yù)期結(jié)果等等..
反饋原則
用戶的每一個操作吨掌,都能有有效的反饋給用戶,讓用戶明白自己操作的:過程;狀態(tài)膜宋;結(jié)果等等...
對稱原則
對稱原則是一種思考方式窿侈,即需要交互設(shè)計(jì)的時(shí)候去思考當(dāng)一個狀態(tài)出現(xiàn)的時(shí)候,會不會有相反或者想對應(yīng)的狀態(tài)秋茫。
瀏覽器的刷新和停止(合并)史简;前進(jìn)與后退;Axure的導(dǎo)入和導(dǎo)出肛著;論壇的發(fā)布與編輯
簡潔原則
產(chǎn)品表現(xiàn)圆兵,功能使用,文案等等枢贿,簡潔易懂殉农。
合并原則
合并原則就是對一些具有相同屬性的交互元素與內(nèi)容進(jìn)行合并,從而有效的減少用戶學(xué)習(xí)成本與使用難度局荚。瀏覽器停止刷新按鈕的合并超凳。
5.4 瀏覽體驗(yàn)
呈現(xiàn)給用戶瀏覽上的體驗(yàn),強(qiáng)調(diào)吸引性,一般包括但不限于:
欄目的命名
欄目的層級
內(nèi)容的分類
內(nèi)容的豐富性
相關(guān)內(nèi)容的推薦
信息的搜索
文字排列與字體
分頁瀏覽
瀏覽體驗(yàn)原則
信息架構(gòu)合理
主要看:是否符合用戶心智模型耀态、
心智模型:汽車發(fā)動
用戶心智模型:鑰匙扭一下
工程師眼里:鑰匙觸動電動打火裝置-打火裝置點(diǎn)燃XX-XX帶動XX-后發(fā)動起啟動
內(nèi)容呈現(xiàn)符合產(chǎn)品定位
大方向要正確轮傍。小方向:欄目設(shè)定;主題推薦首装;精華內(nèi)容
產(chǎn)品兼容性良好
移動客戶端android系統(tǒng)创夜,就要兼容很多廠商很多機(jī)型。
web端仙逻,需要兼容瀏覽器火狐驰吓、chrome、opera
pc客戶端:xp桨醋、win7棚瘟、win8
相關(guān)內(nèi)容表現(xiàn)合理
圖片,視頻喜最,文字,色彩庄蹋,排版等等表現(xiàn)合理瞬内,符合目標(biāo)用戶的獲取信息的習(xí)慣。
5.5 情感體驗(yàn)
呈現(xiàn)給用戶心理上的體驗(yàn)限书,強(qiáng)調(diào)友好性以及與用戶關(guān)系的維系,一般包括但不限于:
友好提示
售后反饋
會員優(yōu)惠
鼓勵用戶參與
情感體驗(yàn)原則
尊重(主人虫蝶,你的電腦快掛了!倦西;主公能真,微臣已經(jīng)幫您清洗了電腦垃圾!);驚喜粉铐;友好疼约;滿意;共鳴(小米的微博:七夕感慨r谩)程剥;人文關(guān)懷(qq登錄節(jié)日問候晶伦,提醒啊等等)
5.6 信任體驗(yàn)
呈現(xiàn)給用戶的信任體驗(yàn)飞傀,強(qiáng)調(diào)可靠性,包含但不限于:
公司介紹
投資者關(guān)系-
服務(wù)保障
文章來源
聯(lián)系方式or服務(wù)熱線
有效的投訴途徑
安全及隱私條款
法律聲明
網(wǎng)站備案
幫助中心
隱私保護(hù)
權(quán)威推薦
成功案例
6沪摄、如何提高用戶體驗(yàn)
1.新手上路提示
對于復(fù)雜的產(chǎn)品或者上線了重大改版功能時(shí)溪胶,提供新手引導(dǎo)是有必要的搂擦。
2.適當(dāng)引導(dǎo)用戶
在該引導(dǎo)用戶的地方引導(dǎo)用戶,不要過度引導(dǎo)從而引起用戶的反感哗脖。
3.貫穿生命周期
用戶體驗(yàn)是整個產(chǎn)品周期中瀑踢,所有部門和團(tuán)隊(duì)成員都必須要關(guān)心的重點(diǎn)要點(diǎn),不僅僅是產(chǎn)品部門的事情懒熙,更不是產(chǎn)品經(jīng)理一個人的事情丘损,整個團(tuán)隊(duì)從上至下尊重用戶,貫穿用戶體驗(yàn)工扎,才有可能做出優(yōu)秀的產(chǎn)品徘钥。
4.超出用戶預(yù)期
提供超出用戶預(yù)期的功能,有時(shí)可以讓用戶暫時(shí)忽略產(chǎn)品的不足之處肢娘。
5.正確對待反饋
要傾聽呈础,不要照著去做。
6.可用性測試
產(chǎn)品上線之前先進(jìn)行可用性測試橱健,減少用戶體驗(yàn)的盲點(diǎn)而钞。
7.數(shù)據(jù)分析和挖掘
通過對用戶行為數(shù)據(jù)的分析,挖掘?qū)τ脩趔w驗(yàn)影響更大的因素拘荡。
8.多用和多研究
產(chǎn)品經(jīng)理要自己多用多體驗(yàn)臼节,才能感受用戶在使用產(chǎn)品過程中的挫折點(diǎn)。
二珊皿、交互設(shè)計(jì)
交互設(shè)計(jì)是人工制品网缝、環(huán)境和系統(tǒng)的行為,以及傳達(dá)這種行為的外形元素的設(shè)計(jì)與定義蟋定。
不像傳統(tǒng)的設(shè)計(jì)學(xué)科主要關(guān)注形式粉臊,最近則是關(guān)注內(nèi)容和內(nèi)涵,而交互設(shè)計(jì)首先旨在規(guī)劃和描述事物的行為方式驶兜,然后描述傳達(dá)這種行為的最有效形式扼仲。
交互設(shè)計(jì)借鑒了傳統(tǒng)設(shè)計(jì)远寸、可用性及工程學(xué)科的理論和技術(shù)。它是一個具有獨(dú)特方法和實(shí)踐的綜合體屠凶,而不只是部分的疊加驰后。它也是一門工程學(xué)科,具有不同于其它科學(xué)和工程學(xué)科的方法阅畴。交互設(shè)計(jì)倡怎,是用戶體驗(yàn)的重要組成部分。
1贱枣、互聯(lián)網(wǎng)交互設(shè)計(jì)
是指用戶使用產(chǎn)品過程中行為輸入產(chǎn)品再到產(chǎn)品輸出信息的全過程监署,拿iphone解鎖舉例:
2、幾個要區(qū)分的概念
產(chǎn)品設(shè)計(jì)
關(guān)注的是功能纽哥、結(jié)構(gòu)钠乏、人因、形態(tài)春塌、色彩晓避,環(huán)境等設(shè)計(jì)要素以及采用的技術(shù)、方法和功能的實(shí)現(xiàn)手段等只壳,是間接影響產(chǎn)品最終用戶的設(shè)計(jì)
以用戶為中心的設(shè)計(jì)
是在設(shè)計(jì)過程中以用戶體驗(yàn)為設(shè)計(jì)決策的中心俏拱,強(qiáng)調(diào)用戶優(yōu)先的設(shè)計(jì)模式。
用戶體驗(yàn)
目標(biāo)吼句,即我們努力應(yīng)該去為用戶創(chuàng)造良好的感受
交互設(shè)計(jì)
注重產(chǎn)品和使用者行為上的交互以及交互的過程锅必,強(qiáng)調(diào)的是設(shè)計(jì)理念和方法。側(cè)重的是交互雙方信息表達(dá)方式和情感惕艳,是直接影響產(chǎn)品最終用戶的設(shè)計(jì)
人機(jī)交互
人與計(jì)算機(jī)的交互搞隐,交互的對象特指計(jì)算機(jī),是交互設(shè)計(jì)里面的一種远搪。
界面設(shè)計(jì)
主要指人和機(jī)器交互界面的設(shè)計(jì)劣纲。
可用性
評測用戶體驗(yàn)的標(biāo)準(zhǔn)。
3谁鳍、如何更好的學(xué)習(xí)交互設(shè)計(jì)
首先要明確癞季,交互設(shè)計(jì)對PM的要求必須是:實(shí)戰(zhàn)經(jīng)驗(yàn);要求知識面廣倘潜。
我們?nèi)绾胃玫膶W(xué)習(xí)交互設(shè)計(jì)余佛,建議練習(xí)方式如下:
–找到一些常見的任務(wù),例如注冊窍荧,登陸,發(fā)布微博等
–仔細(xì)分析用戶的特征后恨憎,明確目標(biāo)以后,自己開始手繪交互的流程(手繪比工具快)
–反復(fù)修改蕊退,直到你認(rèn)為已經(jīng)達(dá)到了最簡單郊楣,最好體驗(yàn)
–對比你的設(shè)計(jì)與真正的現(xiàn)有的優(yōu)秀產(chǎn)品
4、交互設(shè)計(jì)的特性
識別性:形狀瓤荔,布局净蚤,尺寸,色彩等..
感知性:文案输硝,色彩感受今瀑,版式,關(guān)系点把,層級
可衡量性:流程橘荠,點(diǎn)擊次數(shù),移動距離郎逃,姿態(tài)哥童,完成時(shí)間
5、交互設(shè)計(jì)的原則
- 反饋:返回與活動相關(guān)的信息褒翰,以便用戶能夠繼續(xù)下一步操作
反饋:返回與活動相關(guān)的信息贮懈,以便用戶能夠繼續(xù)下一步操作
限制:在特定時(shí)刻顯示用戶操作,以防誤操作
映射:準(zhǔn)確表達(dá)控制及其效果之間的關(guān)系
一致性:保證同一系統(tǒng)的同一功能的表現(xiàn)及操作一致
啟發(fā)性:充分準(zhǔn)確的操作提示
1)直接和間接操作
直接操作
對一個可以操作的對象進(jìn)行:移動优训;旋轉(zhuǎn)朵你;拖拽;改變色彩等等
以上的操作就被稱作直接操作揣非,直接操作可以理解為為用戶提供了現(xiàn)實(shí)世界中與模仿現(xiàn)實(shí)世界中的各種操作抡医。
直接操作容易學(xué)習(xí),因?yàn)橹苯硬僮髂苡成涞轿覀兊默F(xiàn)實(shí)生活中的實(shí)際經(jīng)驗(yàn)上面妆兑。
間接操作
間接操作是指我們用命令行魂拦,菜單,語音等控制方式去操作一個對象搁嗓,尤其是很古老的DOS操作芯勘,就是明顯的間接操作。例如菜單中的“反選”“全選”
2)預(yù)設(shè)用途
生活經(jīng)驗(yàn)會告訴我們腺逛,事物本身存在的外表(形狀荷愕,色彩等)會暗示給我們他的用途(久而久之約定俗成)。
紅色(緊張棍矛,警告)
一把鎖(安全安疗,可靠)
搜索圖標(biāo)的放大鏡代表搜索
為什么我們會知道?這就是預(yù)設(shè)用途够委。
交互設(shè)計(jì)的到了某個階段(尤其是細(xì)化階段)荐类,交互設(shè)計(jì)可以看作是在為用戶提供預(yù)設(shè)用途,以便產(chǎn)品的功能特征易于被用戶識別與察覺茁帽。
3)反饋與前饋
人與機(jī)器對話玉罐,類似人和人對話屈嗤,試想你一個人說話,這個人總是不理你或者心不在焉吊输,你會不會很生氣呢饶号?
人們需要反饋,反饋意味著提示季蚂,意味著某件事情發(fā)生過茫船。
給用戶的反饋應(yīng)該頻繁,而且靈敏的扭屁,舉例:
有可能出現(xiàn)錯誤的操作(誤以為沒有操作成功算谈,多次點(diǎn)擊)
常見的反饋方式:
提示燈,操作后疯搅,燈會閃亮(遙控器上面)
聲音(手機(jī)按鍵的嗒嗒聲濒生,銀行ATM機(jī)器難聽的咚咚聲音)
直接在操作位置的反饋(按鈕的幾種狀態(tài))
進(jìn)度條
數(shù)字產(chǎn)品的反饋是一種響應(yīng)的過程,由開始動作和產(chǎn)品做出反應(yīng)的時(shí)間(延時(shí))來決定幔欧,存在4個基本層次:
及時(shí)響應(yīng):0.1秒內(nèi)呈現(xiàn)結(jié)果罪治,快到用戶忽略響應(yīng)時(shí)間,例如你輸入一個字母礁蔗,屏幕上面不存在延遲觉义,立刻顯示出來。
延遲響應(yīng):同樣的操作如果存在在遠(yuǎn)程登錄控制的電腦面浴井,就有可能出現(xiàn)在本地輸入晒骇,但是1秒鐘后,才在遠(yuǎn)程的電腦上面顯示出來磺浙,0.1-1秒的時(shí)間才響應(yīng)洪囤,用戶會注意到延遲,如果重復(fù)出現(xiàn)用戶會覺得遲鈍撕氧,會變得沮喪瘤缩。
中斷:中斷就是機(jī)器沒有反應(yīng)用戶的操作,用戶會覺得他們的工作被打斷了伦泥,這個時(shí)候你的產(chǎn)品已經(jīng)開始在干擾要用戶的工作了剥啤。
異常終止:超過十秒以上的延遲,用戶會覺得工作徹底中斷了不脯,提供進(jìn)度條或者沙漏能比較好的減輕用戶中斷憂慮府怯,菊花,進(jìn)度條防楷,文字提示請稍后牺丙,都是如此。
此時(shí)要注意复局,中斷和異常終止赘被,有可能是用戶的心理模型是整,盡管現(xiàn)實(shí)模型還在順暢的運(yùn)行,所以必備的提示與反饋非常的重要民假。
前饋,是指執(zhí)行一個動作之前就知道將要發(fā)生什么龙优,相對反饋更難羊异,但是更有效。
例如一個連接地址為:點(diǎn)這里 與 點(diǎn)擊訪問百度 彤断,后者就存在明顯的前饋野舶,讓用戶明白自己的操作將會有什么可預(yù)測的結(jié)果。
4)心智模型
心智模型通常由設(shè)計(jì)師提供的信息來建立宰衙,這些信息可能以預(yù)設(shè)用途平道、反饋、前饋以上原則來呈現(xiàn)供炼,以便用戶更好的知道他們的操作目標(biāo)一屋,操作狀態(tài),預(yù)期結(jié)果袋哼。
5)標(biāo)準(zhǔn)化設(shè)計(jì)
標(biāo)準(zhǔn)是一種可供用戶參考和按規(guī)律可循的操作依據(jù)冀墨。
微軟和蘋果都提供了基于自己系統(tǒng)下的設(shè)計(jì)標(biāo)準(zhǔn),基于這樣的設(shè)計(jì)標(biāo)準(zhǔn)涛贯,可以讓設(shè)計(jì)師們事半功倍诽嘉。
除非你能創(chuàng)造出基于設(shè)計(jì)環(huán)境下(Mac,windows弟翘,iOS虫腋,android等環(huán)境)更好的操作方式,否則請按照標(biāo)準(zhǔn)來設(shè)計(jì)稀余。
不要試圖去挑戰(zhàn)用戶累計(jì)的操作經(jīng)驗(yàn)悦冀,除非你的產(chǎn)品具有革命性或讓用戶明顯受益,否則懶惰的用戶遲早會放棄你的產(chǎn)品滚躯。
熟能生巧雏门,建議大家先按照標(biāo)準(zhǔn)化設(shè)計(jì),運(yùn)用自如以后掸掏,再考慮優(yōu)化與強(qiáng)化茁影。
6)菲茨定律
觸屏操作按鈕的觸感面積設(shè)計(jì)往往應(yīng)該大于實(shí)際按鈕,但是可以更大(前提是不會被誤操作到)丧凤,這樣的設(shè)計(jì)讓用戶賞心悅目募闲,感覺到產(chǎn)品的靈動快速。
出現(xiàn)在操作焦點(diǎn)旁邊的選項(xiàng)愿待,往往也比用戶移動鼠標(biāo)去點(diǎn)擊屏幕頂部的菜單來的更快捷更舒服浩螺。
7)涎セ迹克定律
希克.海曼定律要出,表述為:用戶做決定所需的時(shí)間由備選項(xiàng)的數(shù)量決定鸳君。
用戶不會對所有備選項(xiàng)挨個思考考慮,而是把備選項(xiàng)細(xì)分為類患蹂,每一個決策步驟或颊,會排除大約一半的剩余選項(xiàng)。
比起兩個菜單传于,每個菜單五個選項(xiàng)囱挑,用戶會更快的從有十個選項(xiàng)的一個菜單中做決策。
這個定律雖然暗示了用戶思考判斷問題的規(guī)律沼溜,但如果按照這個思路去設(shè)計(jì)將會是恐怖之極的平挑,想想屏幕上面放滿了各種選項(xiàng)。
舷挡荩克定律說明了做決策需要的時(shí)間被兩個因素的影響:
用戶對選項(xiàng)的熟悉程度:根據(jù)提示能很好的判斷這個選項(xiàng)下的子類別通熄,例如:插入菜單...
用戶對選項(xiàng)的表現(xiàn)形式:聲音,文字悄但,視頻棠隐,還是按鈕...例如:mindjet就通過類似office 的菜單形式為用戶提供明確的操作反饋與表現(xiàn),讓用戶易于理解和快速進(jìn)行到下一個任務(wù)檐嚣。
8)神奇的數(shù)字“7”
用戶的暫時(shí)記憶通常會記得5-9個信息塊助泽,綜合來看,就是7 嚎京,5-9的中間數(shù)嗡贺。
9)特斯勒“復(fù)雜守恒定律”
每個過程都有固有的復(fù)雜程度(或簡單或復(fù)雜),這些過程被簡化到一定程度后鞍帝,將不再可能被簡化(除非過程的本質(zhì)被顛覆)诫睬,我們只有把固有的復(fù)雜性從一個地方移動到另一個地方來實(shí)現(xiàn)簡化的目標(biāo)。
發(fā)送郵件時(shí)候必須要的兩個選項(xiàng):發(fā)件人地址帕涌、收件人地址摄凡。
如果沒有以上兩個選項(xiàng),郵件無法被成功發(fā)送蚓曼,因此現(xiàn)在的操作是將這樣的復(fù)雜性轉(zhuǎn)嫁給郵件工具亲澡。
自動記錄和提示,補(bǔ)全收件人地址等等纫版。
這里想要表述的是:
產(chǎn)品經(jīng)理要承認(rèn)床绪,無論多么完善,所有的過程都有一些不能再簡化的元素。
產(chǎn)品經(jīng)理需要想辦法來轉(zhuǎn)化這些無法完善的元素癞己,是否可以用其它流程來優(yōu)化或者承擔(dān)等等膀斋。
10)防止錯誤原則
幫助用戶避免發(fā)生錯誤的幾率,是交互設(shè)計(jì)中重要的原則痹雅,日本傳奇工程師仰担,品質(zhì)專家鄉(xiāng)新重夫在1961年為豐田工作的時(shí)候創(chuàng)造了防止錯誤原則:為用戶避免無心的錯誤。
產(chǎn)品經(jīng)理在產(chǎn)品設(shè)計(jì)中使用這種原則练慕,迫使用戶調(diào)節(jié)他們的行為惰匙,正確執(zhí)行操作。
出現(xiàn)錯誤后铃将,及時(shí)的反饋錯誤信息并提示正確操作。
高危選項(xiàng)哑梳,在執(zhí)行后劲阎,通常灰化或者出現(xiàn)獨(dú)占模塊需要再次確認(rèn)(導(dǎo)彈發(fā)射按鈕鸠真,甚至需要兩個艇長同時(shí)扭動鑰匙)
11)錯誤
出現(xiàn)錯誤消息是差勁的設(shè)計(jì)悯仙,好的設(shè)計(jì)應(yīng)該能幫助用戶規(guī)避錯誤。
如果出現(xiàn)錯誤吠卷,僅僅提示錯誤消息是不夠的锡垄,還應(yīng)提供解決方案,或者發(fā)生錯誤的原因祭隔。
最惡心的錯誤提示:你遇到了錯誤678货岭,請重試(我想摔電腦!)
三疾渴、Axure原型設(shè)計(jì)
我們不會講Axure的使用千贯,這里只簡單提一下用Axure進(jìn)行原型設(shè)計(jì)時(shí)的注意事項(xiàng)。
1搞坝、原型設(shè)計(jì)的思路
開始一個Axure頁面設(shè)計(jì)的時(shí)候
該頁面所在流程中的位置搔谴,前后頁面關(guān)系是什么
該頁面的主要功能是什么
該頁面次要功能點(diǎn)有什么
基于草圖的頁面設(shè)計(jì)是否已經(jīng)通過,還有優(yōu)化的空間嗎
該頁面有那些元素是可以直接從其它頁面復(fù)制過來的
哪些元素可以來自母版:經(jīng)常使用桩撮;使用量相對較多敦第;可能不太確定,需要有修改的地方
交互設(shè)計(jì)中店量,哪些交互元素是可以復(fù)用的(保持統(tǒng)一)
你可以把PRD的一些需求直接寫在Axure里面芜果,不掉價(jià),高手都這么干垫桂!
如果一些功能不太能說清楚师幕,可以在旁邊標(biāo)注流程圖等,重點(diǎn)在于說清楚,不在于方法
2霹粥、Axure使用的tips
多使用Ctrl+G對元素進(jìn)行編組方便操作
多使用母版降低工作量
按照Ctrl左鍵拖動復(fù)制灭将,Shift是平移,Ctrl+C和Ctrl+V要多使用
養(yǎng)成隨手Ctrl+S的習(xí)慣后控,永遠(yuǎn)不要試圖去挑戰(zhàn)這個習(xí)慣
動態(tài)面板和中繼器是重點(diǎn)庙曙,可節(jié)省大量精力
小結(jié)
我們在上篇文章中有一個《交互自查表》,它就是根據(jù)交互設(shè)計(jì)的一些原則進(jìn)行制定的浩淘,大家可以去對比體會一下捌朴。
今天講的內(nèi)容比較枯燥,都是理論上的東西张抄,實(shí)際應(yīng)用是需要我們在工作中去摸索與研究的砂蔽。
預(yù)告:下一篇將會講《項(xiàng)目管理與敏捷開發(fā)》