產(chǎn)品UI設(shè)計
一、《就這么簡單Web開發(fā)中的可用性和用戶體驗》
1犀呼、是否“人性”幸撕，是否考慮“騎自行車的人”？
2外臂、是否考慮“所有”的用戶坐儿？
3、過于專業(yè)
過于專業(yè)的詞匯會讓你的大腦有一種潛在的抵觸情緒宋光，它會欺騙你的眼睛貌矿。
4、你所應(yīng)該關(guān)注的只是“目的達(dá)到了沒有”
用戶只需要感覺你的產(chǎn)品好用罪佳、方便逛漫、舒服，他們就會高興赘艳，那么你的目的就達(dá)到了尽楔。
5、如何做到這一點
（1）多給一點好玩的圖片
（2）用一種交談的方式
使用很通俗的語言第练，或者打比方，說起你我都知道的笑點玛荞，熱門IP娇掏。
（3）引起注意，并保持注意
（4）有所取舍勋眯，才能有所收獲
UI所要考慮的婴梧，則是這個按鈕的擺放位置、上面顯示什么文字客蹋，甚至是我們到底要不要這個按鈕塞蹭。而美術(shù)人員所需要做的，是讓這個按鈕更好看讶坯、顯得時髦番电，或者符合界面中其它元素的美術(shù)風(fēng)格。
6、用戶界面設(shè)計人員要做的各種工作中的一些例子：
（1）協(xié)助為擬定開發(fā)的產(chǎn)品定義用戶模型漱办；
（2）參與產(chǎn)品的可用性測試和評估这刷，并提出修改建議；
（3）將完成一個普通任務(wù)所需要的鼠標(biāo)動作減少一半娩井；
（4）將網(wǎng)站中彈出窗口的總數(shù)量從27個減少到15個以內(nèi)暇屋；
（5）修改菜單中的命令，將原來不一致的洞辣、令人困惑的短語改成容易理解的詞咐刨。
（6）……
7、什么是交互設(shè)計
從用戶的角度而言扬霜，交互設(shè)計在本質(zhì)上就是關(guān)于開發(fā)易學(xué)易用定鸟、使用有效果而且令人愉悅的交互式產(chǎn)品，使他們能更有效地進(jìn)行日常工作和學(xué)習(xí)畜挥。
8仔粥、什么是好的用戶界面設(shè)計
（1）我們要理解什么是好的設(shè)計，先來看看什么是不好的設(shè)計蟹但。
（1.1）視覺表達(dá)不清
沒有明顯的視覺順序和用戶焦點躯泰。內(nèi)容之間沒有明確劃分。
（1.2）非常繁瑣
（1.3）提示混亂
（1.4）難以使用
（1.5）強(qiáng)迫用戶
（2）那么該怎么做华糖？
（2.1）什么人會使用產(chǎn)品麦向？用在什么地方？
（2.2）用戶會有什么樣的行為客叉？
（2.3）如何優(yōu)化用戶與產(chǎn)品之間的交互诵竭？
（2.4）考慮人們擅長什么、不擅長什么兼搏；
（2.5）考慮什么可能對用戶的當(dāng)前做法有所幫助卵慰；
（2.6）考慮如何提供高質(zhì)量的用戶體驗；
（2.7）聽取人們想要些什么佛呻，并讓他們參與設(shè)計裳朋；
（2.8）在設(shè)計過程中，讓用戶來嘗試和驗證吓著。
9鲤嫡、用戶界面不是次要的工作
用戶界面絕不是僅僅只包括“字體和顏色”，它關(guān)心的并不只是關(guān)于字體和顏色的處理绑莺。它關(guān)心的是軟件究竟如何工作暖眼，而不是表面看上去如何。例如纺裁，用戶學(xué)習(xí)使用產(chǎn)品是否感到費(fèi)力诫肠、產(chǎn)品功能是否能滿足用戶的目標(biāo)，用戶完成任務(wù)的效率如何。
用戶界面設(shè)計工作是一種工程性的工作区赵，以科學(xué)為基礎(chǔ)惭缰，需要明確的要求，要考慮候選設(shè)計方案笼才，同時它還有限制條件漱受，需要綜合考慮，還需要測試骡送、評估和修正昂羡。
真正的用戶界面設(shè)計人員擅長的是分析和理解用戶的任務(wù)需求，使控件和信息的安排更加合理摔踱，還有簡化產(chǎn)品的復(fù)雜度虐先。同時，他們能認(rèn)識到用戶在學(xué)習(xí)或使用產(chǎn)品的過程中派敷，一般可能會在哪些地方遇到問題蛹批。
10、用戶界面設(shè)計工作開展
（1）不用成為專家篮愉，理解方式即可
用戶界面設(shè)計就是在產(chǎn)品功能完整的基礎(chǔ)之上腐芍，考慮如何更好地展現(xiàn)，以及如何讓用戶能夠更方便容易地使用它试躏，從而在各個方面提升產(chǎn)品的質(zhì)量猪勇，得到用戶和客戶們更高的評價，最終擴(kuò)大產(chǎn)品和服務(wù)的銷售颠蕴。
（2）四項基本活動
（2.1）首先找到真正的用戶泣刹，然后從他們那里找到需求；兩部分內(nèi)容：第一犀被，用戶想要什么椅您；第二，我們要做什么寡键；（需求理解掀泳，形成需求池）
（2.2）提出滿足用戶需求的構(gòu)思。兩部分工作昌腰；第一，概念設(shè)計膀跌，就是用一種用戶能夠理解的方式取描述產(chǎn)品應(yīng)該做些什么遭商、如何運(yùn)作、外觀如何捅伤；第二劫流，物理設(shè)計，考慮產(chǎn)品的細(xì)節(jié)，包括要使用的色彩祠汇、聲音和圖像仍秤，還有菜單設(shè)計和圖表設(shè)計；（頭腦風(fēng)暴+思維導(dǎo)圖：試試該如何來做）
（2.3）先簡單地做個樣子出來
（2.4）看看這個設(shè)計行不行
可用性目標(biāo)具體可以分為：
[if !supportLists]v?[endif]可行性（使用有效果）
[if !supportLists]v?[endif]有效性（工作效率高）
[if !supportLists]v?[endif]安全性（能安全使用）
[if !supportLists]v?[endif]通用性（具備良好的通用性）
[if !supportLists]v?[endif]易學(xué)性（易于學(xué)習(xí)）
[if !supportLists]v?[endif]易記性（使用方法便于記憶）
用戶體驗?zāi)繕?biāo)：
[if !supportLists]v?[endif]令人感到滿意
[if !supportLists]v?[endif]令人心情愉快
[if !supportLists]v?[endif]有趣味性
[if !supportLists]v?[endif]引人入勝
[if !supportLists]v?[endif]富有啟發(fā)性
[if !supportLists]v?[endif]富有美感
[if !supportLists]v?[endif]富有時尚感
[if !supportLists]v?[endif]可激發(fā)創(chuàng)造性
[if !supportLists]v?[endif]讓人有成就感
[if !supportLists]v?[endif]讓人得到情感上的滿足
11可很、用戶界面設(shè)計的“摩西十誡”
（1）诗力、讓用戶隨時了解系統(tǒng)的狀態(tài)，提供適當(dāng)?shù)姆答?br>
（2）我抠、系統(tǒng)應(yīng)與真實世界相符合苇本，符合使用習(xí)慣
（3）、基于用戶控制權(quán)和主動權(quán)菜拓，提供醒目的“緊急出口”
（4）瓣窄、提倡一致性和標(biāo)準(zhǔn)化
（5）、幫助用戶識別纳鼎、診斷和修復(fù)錯誤
（6）俺夕、預(yù)防錯誤，合理地限制用戶的操作
（7）贱鄙、依賴識別而不是記憶
（8）劝贸、強(qiáng)調(diào)使用的靈活性及有效性
（9）、最小化設(shè)計贰逾，簡潔悬荣、明快，平衡
（10）疙剑、提供幫助及文檔
12氯迂、如何評估可用性
（1）根據(jù)第一印象總結(jié)該產(chǎn)品工作方式的長處和短處，并且列出它的功能言缤。列出一般用戶將用它來執(zhí)行的任務(wù)嚼蚀。讓我們來看看，這款產(chǎn)品的實際功能與用戶的期望相比管挟，是更多轿曙、相同還是更少？
（2）列出評估該產(chǎn)品的可用性目標(biāo)和用戶體驗?zāi)繕?biāo)僻孝。根據(jù)目標(biāo)的重要性進(jìn)行排序导帝。（當(dāng)然，你要說出這么排序的道理）
（3）把選擇出來的核心可用性目標(biāo)和用戶體驗?zāi)繕?biāo)表達(dá)成若干個問題的形式穿铆，再根據(jù)這些問題進(jìn)行大致的評估您单。例如：
“軟件采取了什么具體措施來保證安全性？”“網(wǎng)站的一些功能對于普通用戶來說是否比較容易掌握荞雏？”這些是關(guān)于可用性的目標(biāo)的問題虐秦；
而“使用它是否讓人感覺有趣平酿？”“用戶會不會在使用中常常覺得沮喪？”這些則是屬于用戶體驗?zāi)繕?biāo)的問題悦陋。
（4）看看這個設(shè)計是否能夠滿足那些可用性原則的要求蜈彼；
（5）根據(jù)所做的可用性評估，提出界面的改進(jìn)方案俺驶。
