UI概念設(shè)計(jì)規(guī)劃-必和設(shè)計(jì)

UIUser

interfacedesign不是浮云ZacDingUI概念導(dǎo)入U(xiǎn)I設(shè)計(jì)層次UI設(shè)計(jì)流程設(shè)計(jì)原則與規(guī)范市場(chǎng)現(xiàn)狀分析品牌目標(biāo)UI的概念導(dǎo)入U(xiǎn)I是什么UI的發(fā)展歷程UI設(shè)計(jì)的內(nèi)涵UI是什么UI的本意是用戶(hù)界面，是英文user和interface的縮寫(xiě)。從字面上看是用戶(hù)與界面2個(gè)組成部分，但實(shí)際上還包括用戶(hù)與界面之間的交互關(guān)系。UI的發(fā)展歷程在西方，UI行業(yè)的興起要?dú)w功于以計(jì)算機(jī)為主的高科技迅速發(fā)展，尤其是視窗操作系統(tǒng)的普及，然而廣義的UI概念在十七世紀(jì)的工業(yè)革命階段就已經(jīng)開(kāi)始，只不過(guò)，把易用性帶入機(jī)械的設(shè)計(jì)還是一種無(wú)意識(shí)的舉動(dòng)，再加上當(dāng)時(shí)幾乎所有的工業(yè)程序都是由熟練工人一手操辦，就更加減弱了易用性設(shè)計(jì)的能見(jiàn)度。當(dāng)大型計(jì)算機(jī)剛剛研制出來(lái)的時(shí)候，可能因?yàn)闉楫?dāng)初的使用者本身就是該行業(yè)的專(zhuān)家，沒(méi)有人去關(guān)注使用者的感覺(jué)；相反，一切都圍繞機(jī)器的需要來(lái)組織，程序員通過(guò)打孔卡片來(lái)輸入機(jī)器語(yǔ)言，輸出結(jié)果也是機(jī)器語(yǔ)言，那個(gè)時(shí)候同計(jì)算機(jī)交互的重心是機(jī)器本身。當(dāng)計(jì)算機(jī)系統(tǒng)的用戶(hù)越來(lái)越由普通大眾組成的時(shí)候，對(duì)交互體驗(yàn)的關(guān)注也越來(lái)越迫切了。UI設(shè)計(jì)的內(nèi)涵UI設(shè)計(jì)的重要性UI設(shè)計(jì)的用戶(hù)UI設(shè)計(jì)好壞的判斷UI設(shè)計(jì)的內(nèi)涵其實(shí)UI設(shè)計(jì)就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計(jì)一樣，是產(chǎn)品的重要買(mǎi)點(diǎn)。一個(gè)友好美觀的界面會(huì)給用戶(hù)帶來(lái)舒適的視覺(jué)享受，拉近人與設(shè)備的距離，為商家創(chuàng)造賣(mài)點(diǎn)。UI設(shè)計(jì)的核心：交互設(shè)計(jì)，是一種如何讓產(chǎn)品易用，有效而讓人愉悅的技術(shù)，它致力于了解目標(biāo)用戶(hù)和他們的期望，了解用戶(hù)在同產(chǎn)品交互時(shí)彼此的行為，了解“人”本身的心理和行為特點(diǎn)，同時(shí)，還包括了解各種有效的交互方式，并對(duì)它們進(jìn)行增強(qiáng)和擴(kuò)充。交互設(shè)計(jì)還涉及到多個(gè)學(xué)科，以及和多領(lǐng)域多背景人員的溝通。人機(jī)交互科學(xué)是跨學(xué)科的科學(xué)，包括了計(jì)算機(jī)科學(xué)，心理學(xué)，社會(huì)學(xué)，人類(lèi)學(xué)，以及工業(yè)設(shè)計(jì)。UI設(shè)計(jì)的內(nèi)涵UI設(shè)計(jì)的重要性UI設(shè)計(jì)的用戶(hù)UI設(shè)計(jì)好壞的判斷UI設(shè)計(jì)的重要性UI設(shè)計(jì)所倡導(dǎo)的是可用，易用，及舒適的人機(jī)互動(dòng)體驗(yàn)，這對(duì)使用者來(lái)說(shuō)是一個(gè)長(zhǎng)期的感知過(guò)程，它不會(huì)像產(chǎn)品的其他外在因素一樣馬上被用戶(hù)發(fā)現(xiàn)，但如果商家忽略UI設(shè)計(jì),那將使產(chǎn)品冠上消極的印象并在長(zhǎng)時(shí)間內(nèi)很難消除。UI設(shè)計(jì)的優(yōu)勢(shì)在產(chǎn)品競(jìng)爭(zhēng)中扮演的重要角色是無(wú)庸置疑的，但是，這種優(yōu)勢(shì)實(shí)現(xiàn)和意識(shí)都是長(zhǎng)期性的，而非短期行為。他意味著需要相當(dāng)長(zhǎng)的時(shí)間讓客戶(hù)了解到，但是一旦形成此種心理上的優(yōu)勢(shì)，就會(huì)在很長(zhǎng)的時(shí)間內(nèi)存在，會(huì)將易用的心理暗示代入整個(gè)產(chǎn)品的后續(xù)開(kāi)發(fā)甚至整個(gè)品牌。UI設(shè)計(jì)的內(nèi)涵UI設(shè)計(jì)的重要性UI設(shè)計(jì)的用戶(hù)UI設(shè)計(jì)好壞的判斷UI設(shè)計(jì)的用戶(hù)我們可將用戶(hù)大致分為兩種：以過(guò)程為主的用戶(hù)(processorientedenduser)，以結(jié)果為主的用戶(hù)(resultorientedenduser)。過(guò)程為主的用戶(hù)的典型例子是電玩族，他們追求的終級(jí)目標(biāo)就是視覺(jué)聽(tīng)覺(jué)的沖擊和享受，最終游戲的結(jié)果反而變得不是那么重要了。此類(lèi)設(shè)計(jì)對(duì)視覺(jué)和創(chuàng)意的要求是極為挑剔的，與結(jié)果為主的用戶(hù)設(shè)計(jì)相比，它的市場(chǎng)和受眾都要小的多。結(jié)果為主的用戶(hù)不在乎用什么樣的方式完成任務(wù)，但是任務(wù)必須以最短的時(shí)間，以最簡(jiǎn)潔的方式，最精確的運(yùn)算結(jié)果來(lái)完成。這些用戶(hù)通常是工業(yè)化軟件的受眾，工作環(huán)境以大型企業(yè)為主，軟件最終運(yùn)算結(jié)果對(duì)于企業(yè)的運(yùn)行和管理有著重大的意義，稍有偏差，可能會(huì)對(duì)企業(yè)產(chǎn)生重大損失。對(duì)于此類(lèi)用戶(hù)的產(chǎn)品設(shè)計(jì)人員來(lái)講，絕大部分部分時(shí)間可能用在設(shè)計(jì)任務(wù)的邏輯流程(logicaltaskflow),以期最大幅度的符合人腦的思考方式和認(rèn)知過(guò)程(cognitiveprocess)。UI設(shè)計(jì)的內(nèi)涵UI設(shè)計(jì)的重要性UI設(shè)計(jì)的用戶(hù)UI設(shè)計(jì)好壞的判斷UI設(shè)計(jì)好壞的判斷UI設(shè)計(jì)的好壞，必須設(shè)定一個(gè)任務(wù)，從頭至尾使用一遍才能知道。UI的概念是動(dòng)態(tài)的過(guò)程，是邏輯的推理，也是各種狀況的預(yù)測(cè)。如果衡量UI設(shè)計(jì)只有一種標(biāo)準(zhǔn)，那就是用戶(hù)體驗(yàn)(UserExperience).用戶(hù)體驗(yàn)是以用戶(hù)為中心的設(shè)計(jì)(UCD/UserCenteredDesign)中最重要的一個(gè)部分,強(qiáng)調(diào)的是過(guò)程，是軟件對(duì)用戶(hù)行為(UserAction)產(chǎn)生的反應(yīng)與用戶(hù)期待值的誤差測(cè)試，也就是說(shuō)，這種誤差越小，也就越符合以用戶(hù)為中心的設(shè)計(jì)原則。UI設(shè)計(jì)的層次用戶(hù)研究/結(jié)構(gòu)設(shè)計(jì)交互設(shè)計(jì)視覺(jué)設(shè)計(jì)用戶(hù)研究要進(jìn)行界面開(kāi)發(fā)設(shè)計(jì)，用戶(hù)分析是第一步。我們必須了解各類(lèi)用戶(hù)的習(xí)性，技能、知識(shí)和經(jīng)驗(yàn)，任何一個(gè)元素改變結(jié)果都會(huì)有相應(yīng)的改變。需求階段同類(lèi)競(jìng)爭(zhēng)產(chǎn)品我們必須了解。同類(lèi)產(chǎn)品比我們提前問(wèn)世，我們要做得更好才有存在的價(jià)值。單純的界面美學(xué)考慮好壞不會(huì)客觀的評(píng)價(jià)標(biāo)準(zhǔn)，合適于我們最終用戶(hù)的就是最好的。用戶(hù)研究/結(jié)構(gòu)設(shè)計(jì)什么人用什么地方用如何用做什么用用戶(hù)研究whowhereWhenwhy年齡性別愛(ài)好收入教育公司家庭戶(hù)外公共區(qū)學(xué)校鼠標(biāo)鍵盤(pán)遙控觸摸聲控溝通管理設(shè)計(jì)娛樂(lè)辦公結(jié)構(gòu)設(shè)計(jì)結(jié)構(gòu)設(shè)計(jì)也稱(chēng)概念設(shè)計(jì)ConceptualDesign結(jié)構(gòu)設(shè)計(jì)建立在用戶(hù)研究的基礎(chǔ)上，是界面設(shè)計(jì)的骨架。UI的結(jié)構(gòu)設(shè)計(jì)將直接影響到后期產(chǎn)品的軟件集成、硬件配置、外觀造型設(shè)計(jì)等諸多因素。UI的結(jié)構(gòu)設(shè)計(jì)構(gòu)筑了產(chǎn)品設(shè)計(jì)的基礎(chǔ)。如只有首先確定了手機(jī)菜單的結(jié)構(gòu)交互形式，才能在造型設(shè)計(jì)上決定是采用五項(xiàng)鍵或上下鍵。

交互設(shè)計(jì)交互設(shè)計(jì)InteractiveDesign交互設(shè)計(jì)的目的是使產(chǎn)品讓用戶(hù)能簡(jiǎn)單使用。任何產(chǎn)品功能的實(shí)現(xiàn)都是通過(guò)人和機(jī)器的交互來(lái)完成的。人的因素應(yīng)作為設(shè)計(jì)的核心被體現(xiàn)出來(lái)。人和機(jī)器的互動(dòng)過(guò)程（HumanMachineInteraction）中，有一個(gè)層面，即我們所說(shuō)的界面（interface）。HumanMachineInteractionInterface情感感覺(jué)觸覺(jué)聽(tīng)覺(jué)視覺(jué)界面設(shè)計(jì)界面設(shè)計(jì)Interface界面可分為感覺(jué)和情感兩個(gè)層次。用戶(hù)界面設(shè)計(jì)是屏幕產(chǎn)品的重要組成部分。界面設(shè)計(jì)是人與機(jī)器之間傳遞和交換信息的媒介，包括硬件界面和軟件界面，是計(jì)算機(jī)科學(xué)與心理學(xué)、設(shè)計(jì)藝術(shù)學(xué)、認(rèn)知科學(xué)和人機(jī)工程學(xué)的交叉研究領(lǐng)域。近年來(lái)，隨著信息技術(shù)與計(jì)算機(jī)技術(shù)的迅速發(fā)展，網(wǎng)絡(luò)技術(shù)的突飛猛進(jìn)，人機(jī)界面設(shè)計(jì)和開(kāi)發(fā)已成為國(guó)際計(jì)算機(jī)界和設(shè)計(jì)界最為活躍的研究方向置界面于用戶(hù)的控制之下減少用戶(hù)的記憶負(fù)擔(dān)保持界面的一致性1984“交互設(shè)計(jì)”作為一門(mén)新學(xué)科由比爾?莫格里奇（IDEO的一位創(chuàng)始人）提出。交互設(shè)計(jì)原則01)有清楚的錯(cuò)誤提示。誤操作后，系統(tǒng)提供有針對(duì)性的提示。

02)讓用戶(hù)控制界面?！跋乱徊健?、“完成”，面對(duì)不同層次提供多種選擇，給不同層次的用戶(hù)提供多種可能性。03)提供多種可能性。允許兼用鼠標(biāo)和鍵盤(pán)。同一種功能，同時(shí)可以用鼠標(biāo)和鍵盤(pán)。

04)允許工作中斷。例如用手機(jī)寫(xiě)新短信的時(shí)候，收到短信或電話，完成后回來(lái)仍能夠找到剛才正寫(xiě)的新短信。05)使用用戶(hù)的語(yǔ)言。而非技術(shù)的語(yǔ)言。

06)提供快速反饋。給用戶(hù)心理上的暗示，避免用戶(hù)焦急。

07)方便退出。如手機(jī)的退出，是按一個(gè)鍵完全退出，還是一層一層的退出。提供兩種可能性。08)導(dǎo)航功能。隨時(shí)轉(zhuǎn)移功能，很容易從一個(gè)功能跳到另外一個(gè)功能。

09)讓用戶(hù)知道自己當(dāng)前的位置。使其做出下一步行動(dòng)的決定。初級(jí)階段目標(biāo)使操作更簡(jiǎn)便、快捷、有效、易學(xué)、安全、高效、好記、少錯(cuò)。01)簡(jiǎn)易性。界面的簡(jiǎn)潔是要讓用戶(hù)便于使用、便于了解、并能減少用戶(hù)發(fā)生錯(cuò)誤選擇的可能性。02)用戶(hù)語(yǔ)言。界面中要使用能反應(yīng)用戶(hù)本身的語(yǔ)言，而不是游戲設(shè)計(jì)者的語(yǔ)言。03)記憶負(fù)擔(dān)最小化。人腦不是電腦，在設(shè)計(jì)界面時(shí)必須要考慮人類(lèi)大腦處理信息的限度。人類(lèi)的短期記憶極不穩(wěn)定、有限，24小時(shí)內(nèi)存在25％的遺忘率。所以對(duì)用戶(hù)來(lái)說(shuō)，瀏覽信息要比記憶更容易。04)一致性。是每一個(gè)優(yōu)秀界面都具備的特點(diǎn)。界面的結(jié)構(gòu)必須清晰且一致，風(fēng)格必須與游戲內(nèi)容相一致。

05)清楚。在視覺(jué)效果上便于理解和使用。06)用戶(hù)的熟悉程度。用戶(hù)可通過(guò)已掌握的知識(shí)來(lái)使用界面，但不應(yīng)超出一般常識(shí)。07)從用戶(hù)的觀點(diǎn)考慮。想用戶(hù)所想，做用戶(hù)所做。用戶(hù)總是按照他們自己的方法理解和使用。通過(guò)比較兩個(gè)不同世界(真實(shí)與虛擬)的事物，完成更好的設(shè)計(jì)。如：書(shū)籍對(duì)比竹簡(jiǎn)。08)排列。一個(gè)有序的界面能讓用戶(hù)輕松的使用。09)安全性。用戶(hù)能自由的作出選擇，且所有選擇都是可逆的。在用戶(hù)作出危險(xiǎn)的選擇時(shí)有信息介入系統(tǒng)的提示。10)靈活性。簡(jiǎn)單來(lái)說(shuō)就是要讓用戶(hù)方便的使用，但不同于上述。即互動(dòng)多重性，不局限于單一的工具(包括鼠標(biāo)、鍵盤(pán)或手柄)。11)人性化。高效率和用戶(hù)滿(mǎn)意度是人性化的體現(xiàn)。應(yīng)具備專(zhuān)家級(jí)和初級(jí)玩家系統(tǒng)，即用戶(hù)可依據(jù)自己的習(xí)慣定制界面，并能保存設(shè)置。界面設(shè)計(jì)原則視覺(jué)設(shè)計(jì)視覺(jué)設(shè)計(jì)VisualDesign在結(jié)構(gòu)設(shè)計(jì)的基礎(chǔ)上，參照目標(biāo)群體的心理模型和任務(wù)達(dá)成進(jìn)行視覺(jué)設(shè)計(jì)。包括色彩、字體、頁(yè)面、排版、動(dòng)畫(huà)等。視覺(jué)設(shè)計(jì)要達(dá)到用戶(hù)愉悅使用的目的。視覺(jué)設(shè)計(jì)原則視覺(jué)設(shè)計(jì)的原則：01）界面清晰明了。允許用戶(hù)定制界面。02）減少短期記憶的負(fù)擔(dān)。讓計(jì)算機(jī)幫助記憶，例：UserName,、Password、IE進(jìn)入界面地址可以讓機(jī)器記住。

03）依賴(lài)認(rèn)知而非記憶。如打印圖標(biāo)的記憶、下拉菜單列表中的選擇04）提供視覺(jué)線索。圖形符號(hào)的視覺(jué)的刺激；GUI（圖形界面設(shè)計(jì)）：Where,What,NextStep

05）提供默認(rèn)（default）、撤銷(xiāo)（undo）、恢復(fù)（redo）的功能06）提供界面的快捷方式07）盡量使用真實(shí)世界的比喻。如：電話、打印機(jī)的圖標(biāo)設(shè)計(jì)，尊重用戶(hù)以往的使用經(jīng)驗(yàn)。08）完善視覺(jué)的清晰度。條理清晰；圖片、文字的布局和隱喻不要讓用戶(hù)去猜。

09）界面的協(xié)調(diào)一致。如手機(jī)界面按鈕排放，左鍵肯定；右鍵否定；或按內(nèi)容擺放。10）同樣功能用同樣的圖形。11）色彩與內(nèi)容。整體軟件不超過(guò)5個(gè)色系，盡量少用紅色、綠色。近似的顏色表示近似的意思。經(jīng)過(guò)上面設(shè)計(jì)過(guò)程的描述，大家可以清楚的發(fā)現(xiàn)，UI設(shè)計(jì)是一個(gè)非常科學(xué)的推導(dǎo)公式，他有設(shè)計(jì)師對(duì)藝術(shù)的理解感悟，但絕對(duì)不是僅僅表現(xiàn)設(shè)計(jì)師個(gè)人的繪畫(huà)。所以我們一再?gòu)?qiáng)調(diào)這個(gè)工作過(guò)程是設(shè)計(jì)過(guò)程，但更是一個(gè)科學(xué)的推演過(guò)程。第一階段：基礎(chǔ)調(diào)研競(jìng)爭(zhēng)產(chǎn)品分析尋找市場(chǎng)上的競(jìng)爭(zhēng)產(chǎn)品，挑選3-5款進(jìn)行解剖分析。整理競(jìng)爭(zhēng)產(chǎn)品的功能規(guī)格；并分析規(guī)格代表的需求，需求背后的用戶(hù)和用戶(hù)目標(biāo)；分析競(jìng)爭(zhēng)產(chǎn)品的功能結(jié)構(gòu)和交互設(shè)計(jì)，從產(chǎn)品設(shè)計(jì)的角度解釋其優(yōu)點(diǎn)、缺點(diǎn)及其原因，成為我們產(chǎn)品設(shè)計(jì)的第一手參考資料。領(lǐng)域調(diào)研結(jié)合上述分析基礎(chǔ)和資料，縱觀領(lǐng)域競(jìng)爭(zhēng)格局、市場(chǎng)狀況，利用網(wǎng)絡(luò)論壇、關(guān)鍵字搜索等手段獲得更多用戶(hù)反饋、觀點(diǎn)、前瞻性需求。產(chǎn)出物相應(yīng)的對(duì)比分析文檔和領(lǐng)域調(diào)研報(bào)告開(kāi)發(fā)流程競(jìng)爭(zhēng)產(chǎn)品分析領(lǐng)域調(diào)研產(chǎn)出物新產(chǎn)品開(kāi)發(fā)任務(wù)第二階段：產(chǎn)品分析產(chǎn)品定位從軟件提供者的角度分析產(chǎn)品推出的意義和重點(diǎn)關(guān)注的方面，實(shí)際考量、豐滿(mǎn)決策層的idea，明確列出產(chǎn)品定位，通過(guò)討論修繕取得決策層的認(rèn)可；用戶(hù)分析

結(jié)合競(jìng)爭(zhēng)產(chǎn)品的分析資料，采用定性分析的方法，獲得對(duì)產(chǎn)品目標(biāo)用戶(hù)在概念層面的認(rèn)識(shí)；產(chǎn)品概述

以軟件提供的身份，以最簡(jiǎn)短的文字，向用戶(hù)介紹產(chǎn)品，突出產(chǎn)品對(duì)用戶(hù)的價(jià)值。避免功能點(diǎn)的簡(jiǎn)單羅列，而應(yīng)該在歸納總結(jié)的基礎(chǔ)上突出重點(diǎn)；功能需求規(guī)格整理

在歸納關(guān)鍵功能的基礎(chǔ)上，結(jié)合競(jìng)爭(zhēng)產(chǎn)品規(guī)格整理的領(lǐng)域認(rèn)識(shí)，從邏輯上梳理需求規(guī)格列表，重在邏輯關(guān)系清楚、組織和層級(jí)關(guān)系清晰。劃定項(xiàng)目（設(shè)計(jì)和研發(fā)）范圍；產(chǎn)出物

用戶(hù)分析文檔和產(chǎn)品概述、功能規(guī)格列表開(kāi)發(fā)流程產(chǎn)品定位用戶(hù)分析產(chǎn)品概述功能需求規(guī)格整理產(chǎn)出物第一次Check是/否通過(guò)？第三階段：交互設(shè)計(jì)（功能結(jié)構(gòu)和交互流程設(shè)計(jì)）產(chǎn)品概念模型分析從產(chǎn)品功能邏輯入手，結(jié)合對(duì)常見(jiàn)軟件的經(jīng)驗(yàn)積累和競(jìng)爭(zhēng)產(chǎn)品的認(rèn)識(shí)，加上對(duì)用戶(hù)的理解，為產(chǎn)品設(shè)計(jì)一個(gè)盡量接近用戶(hù)對(duì)產(chǎn)品運(yùn)行方式理解的概念模型，成為產(chǎn)品設(shè)計(jì)的基礎(chǔ)框架；功能結(jié)構(gòu)圖在產(chǎn)品概念模型的基礎(chǔ)上豐富交互組件，并理順交互組件之間的結(jié)構(gòu)關(guān)系；使用場(chǎng)景分析模擬典型用戶(hù)執(zhí)行關(guān)鍵功能達(dá)到其目標(biāo)的使用場(chǎng)景；交互流程分析模擬在上述概念模型和功能結(jié)構(gòu)決定的產(chǎn)品框架之中，支持使用場(chǎng)景的關(guān)鍵操作過(guò)程（即鼠標(biāo)點(diǎn)擊步驟和屏幕引導(dǎo)路徑）；產(chǎn)出物

產(chǎn)品設(shè)計(jì)文檔的交互設(shè)計(jì)部分開(kāi)發(fā)流程概念模型分析功能結(jié)構(gòu)圖使用場(chǎng)景分析交互流程分析產(chǎn)出物第一次Check是/否通過(guò)？第四階段：原型設(shè)計(jì)（信息架構(gòu)和界面原型設(shè)計(jì)）信息架構(gòu)和界面原型設(shè)計(jì)設(shè)計(jì)產(chǎn)品界面中應(yīng)該包含的控件數(shù)量和類(lèi)型、控件之間的邏輯和組織關(guān)系，以支持用戶(hù)對(duì)控件或控件組所代表的功能的理解，對(duì)用戶(hù)操作的明確引導(dǎo)；所有界面設(shè)計(jì)成為一套完整的可模擬的產(chǎn)品原型；設(shè)計(jì)要點(diǎn)說(shuō)明

對(duì)界面設(shè)計(jì)的重點(diǎn)添加說(shuō)明，幫助涉眾對(duì)設(shè)計(jì)的理解；

產(chǎn)出物

產(chǎn)品設(shè)計(jì)文檔的原型設(shè)計(jì)部分開(kāi)發(fā)流程信息架構(gòu)和界面原型要點(diǎn)說(shuō)明產(chǎn)出物第一次Check是/否通過(guò)？第五階段：詳細(xì)設(shè)計(jì)（詳細(xì)設(shè)計(jì)和偽代碼編寫(xiě)）詳細(xì)設(shè)計(jì)完善設(shè)計(jì)細(xì)節(jié)、交互文本和信息設(shè)計(jì)（Messagebox）；設(shè)計(jì)和邏輯說(shuō)明

對(duì)界面控件/控件組/窗口的屬性和行為進(jìn)行標(biāo)準(zhǔn)化定義，梳理完整的交互邏輯，用狀態(tài)遷移圖或偽代碼形式表示；產(chǎn)出物產(chǎn)品設(shè)計(jì)文檔的詳細(xì)設(shè)計(jì)部分開(kāi)發(fā)流程詳細(xì)設(shè)計(jì)設(shè)計(jì)和邏輯說(shuō)明產(chǎn)出物第四次Check是/否通過(guò)？第六階段：設(shè)計(jì)維護(hù)（研發(fā)跟蹤和設(shè)計(jì)維護(hù)）語(yǔ)言文檔整理設(shè)計(jì)通過(guò)評(píng)審之后，把產(chǎn)品中所有的交互文本整理成excel文檔，預(yù)備研發(fā)工作；研發(fā)跟蹤維護(hù)

進(jìn)入研發(fā)階段后負(fù)責(zé)為研發(fā)工程師解釋設(shè)計(jì)方案、問(wèn)題修改、文檔完善、Bug跟蹤等；

產(chǎn)出物

產(chǎn)品語(yǔ)言文檔，設(shè)計(jì)調(diào)整維護(hù)開(kāi)發(fā)流程完成設(shè)計(jì)進(jìn)入設(shè)計(jì)維護(hù)End競(jìng)爭(zhēng)產(chǎn)品分析領(lǐng)域調(diào)研產(chǎn)出物新產(chǎn)品開(kāi)發(fā)任務(wù)產(chǎn)品定位用戶(hù)分析產(chǎn)品概述功能需求規(guī)格整理產(chǎn)出物Check是/否通過(guò)？概念模型分析功能結(jié)構(gòu)圖使用場(chǎng)景分析交互流程分析產(chǎn)出物Check是/否通過(guò)？信息架構(gòu)和界面原型要點(diǎn)說(shuō)明產(chǎn)出物Check是/否通過(guò)？詳細(xì)設(shè)計(jì)設(shè)計(jì)和邏輯說(shuō)明產(chǎn)出物Check是/否通過(guò)？完成設(shè)計(jì)進(jìn)入設(shè)計(jì)維護(hù)EndBASICRESEARCHPRODUCTANALYSEINTERACTIONDESIGNPROTOTYPEDESIGNDETAILEDDESIGNUSER職能主導(dǎo)關(guān)系功能需求結(jié)構(gòu)設(shè)計(jì)交互設(shè)計(jì)視覺(jué)設(shè)計(jì)DEMOUI設(shè)計(jì)（交互/視覺(jué)/編碼）實(shí)現(xiàn)PMORTEAMLEADER軟件工程師用戶(hù)體驗(yàn)UserExperience戰(zhàn)略層：目標(biāo)和用戶(hù)需求范圍層：功能規(guī)格和內(nèi)容需求結(jié)構(gòu)層：交互設(shè)計(jì)與信息架構(gòu)框架層：界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)表現(xiàn)層：視覺(jué)設(shè)計(jì)無(wú)論是控件使用，提示信息措辭，還是顏色、窗口布局風(fēng)格，遵循統(tǒng)一的標(biāo)準(zhǔn)，做到真正的一致。做法：項(xiàng)目組有經(jīng)驗(yàn)人士，確立UI規(guī)范：美工提供色調(diào)配色方案，提供整體配色表界面控制程序人員、用戶(hù)體驗(yàn)人員提出合理統(tǒng)一使用的控件庫(kù)。參考標(biāo)準(zhǔn)界面使用規(guī)范：控件功能遵循行業(yè)標(biāo)準(zhǔn)，windows平臺(tái)參見(jiàn)《Microsoft用戶(hù)體驗(yàn)》控件樣式在允許的范圍內(nèi)可以統(tǒng)一修改其樣式、色調(diào)參考其他軟件先進(jìn)操作，提取對(duì)本項(xiàng)目有用的功能，以使用，絕對(duì)不能盲從，漫無(wú)目的。根據(jù)需要，設(shè)計(jì)特殊操作控件，準(zhǔn)則為：簡(jiǎn)化操作、達(dá)到一定功能目的界面實(shí)施人員與美工商榷控件可實(shí)現(xiàn)性,(如不實(shí)行此步驟，將會(huì)導(dǎo)致各自對(duì)對(duì)方工作不滿(mǎn)意，也會(huì)產(chǎn)生不一致的混亂)。重復(fù)疊代上述工作。建立合理化文檔《UI標(biāo)準(zhǔn)》描述上述規(guī)范，強(qiáng)行界面設(shè)計(jì)者理解之，并作為開(kāi)發(fā)準(zhǔn)則，SQA人員進(jìn)行監(jiān)控開(kāi)發(fā)人員是否遵循，及時(shí)告誡開(kāi)發(fā)人員。用戶(hù)體驗(yàn)原則規(guī)范基本原則1：統(tǒng)一色調(diào)，針對(duì)軟件類(lèi)型以及用戶(hù)工作環(huán)境選擇恰當(dāng)色調(diào)：如：安全軟件，根據(jù)工業(yè)標(biāo)準(zhǔn)，可以選取黃色，綠色體現(xiàn)環(huán)保，藍(lán)色表現(xiàn)時(shí)尚、紫色表現(xiàn)浪漫等等，淡色可以使人舒適，暗色做背景使人不覺(jué)得累等2：如果沒(méi)有自己的系列界面，采用標(biāo)準(zhǔn)界面則可以少考慮此方面，做到與操作系統(tǒng)統(tǒng)一，讀取系統(tǒng)標(biāo)準(zhǔn)色表3：色盲、色弱用戶(hù)，即使使用了特殊顏色表示重點(diǎn)或者特別的東西，也應(yīng)該使用特殊指示符，?quot;!，?著重號(hào)，以及圖標(biāo)等4：顏色方案也需要測(cè)試，常常由于顯示器、顯卡的問(wèn)題，色彩表現(xiàn)每臺(tái)機(jī)器都不一樣，應(yīng)該經(jīng)過(guò)嚴(yán)格測(cè)試，不同機(jī)器進(jìn)行顏色測(cè)試5：遵循對(duì)比原則：在淺色背景上使用深色文字，深色背景上使用淺色文字，藍(lán)色文字以白色背景容易識(shí)別，而在紅色背景則不易分辨，原因是紅色和藍(lán)色沒(méi)有足夠反差，而藍(lán)色和白色反差很大。除非特殊場(chǎng)合，杜絕使用對(duì)比強(qiáng)烈，讓人產(chǎn)生憎惡感的顏色。6：整個(gè)界面色彩盡量少的使用類(lèi)別不同的顏色itop色表具體標(biāo)準(zhǔn)參考美術(shù)學(xué)統(tǒng)計(jì)學(xué)術(shù)標(biāo)準(zhǔn)。色表的建設(shè)，對(duì)于美工在圖案設(shè)計(jì)、包裝設(shè)計(jì)上起著標(biāo)準(zhǔn)參考作用，對(duì)于程序界面設(shè)計(jì)人員設(shè)計(jì)控件、窗體調(diào)色起到有章可循的作用。用戶(hù)體驗(yàn)原則規(guī)范顏色使用一個(gè)多姿多彩的人機(jī)交互界面，少不了精美的圖標(biāo)、圖片、動(dòng)畫(huà)、底圖等。1：也需要遵循統(tǒng)一的規(guī)則，包括上述顏色表的建立，圖標(biāo)的建立步驟也應(yīng)該盡可能的形成標(biāo)準(zhǔn)，參考itop的outlookbar圖標(biāo)設(shè)計(jì)標(biāo)準(zhǔn)2：有標(biāo)準(zhǔn)的圖標(biāo)風(fēng)格設(shè)計(jì)，有統(tǒng)一的構(gòu)圖布局，有統(tǒng)一的色調(diào)、對(duì)比度、色階，以及圖片風(fēng)格3：底圖應(yīng)該融于底圖，使用淺色,低對(duì)比，盡量少的使用顏色。4：圖標(biāo)、圖像應(yīng)該很清晰的表達(dá)出意思，遵循常用標(biāo)準(zhǔn)，或者用戶(hù)機(jī)器容易聯(lián)想的到物件，絕對(duì)不允許畫(huà)出莫名奇妙的圖案。5：鼠標(biāo)光標(biāo)樣式統(tǒng)一，盡量使用系統(tǒng)標(biāo)準(zhǔn)，杜絕出現(xiàn)重復(fù)的情況，例如某些軟件中一個(gè)手的形狀就有4鐘不同的樣子。用戶(hù)體驗(yàn)原則規(guī)范資源運(yùn)用使用統(tǒng)一字體(Font)，字體標(biāo)準(zhǔn)的選擇依據(jù)操作系統(tǒng)類(lèi)型決定。中文采用標(biāo)準(zhǔn)字體，“宋體”，英文采用標(biāo)準(zhǔn)MicrosoftSansSerif不考慮特殊字體(隸書(shū)、草書(shū)等,特殊情況可以使用圖片取代),保證每個(gè)用戶(hù)使用起來(lái)顯示都很正常。字體大小根據(jù)系統(tǒng)標(biāo)準(zhǔn)字體來(lái)，例如MSS字體8磅，宋體的小五號(hào)字(9磅）五號(hào)字（10.5磅)。所有控件盡量使用大小統(tǒng)一的字體屬性，除了特殊提示信息、加強(qiáng)顯示等例外情況ITop采用BCB，所有控件默認(rèn)使用parentfont，不允許修改，這樣有利于統(tǒng)一調(diào)整。系統(tǒng)大小字體屬性改變的處理。Windows系統(tǒng)有個(gè)桌面設(shè)置，設(shè)置大字體屬性，很多界面設(shè)計(jì)者常常為這個(gè)惱火，如果設(shè)計(jì)時(shí)遵循微軟的標(biāo)準(zhǔn)，全部使用相對(duì)大小作為控件的大小設(shè)置，當(dāng)切換大小字體的時(shí)候，相對(duì)不會(huì)有什么特殊問(wèn)題。但是由于常常方便使用點(diǎn)陣作為窗口設(shè)計(jì)單位，導(dǎo)致改變大字體后，出現(xiàn)版面混亂的問(wèn)題。這個(gè)情況下，應(yīng)該做相應(yīng)處理：1：寫(xiě)程序自動(dòng)調(diào)節(jié)大小，點(diǎn)陣值乘以一個(gè)相應(yīng)比例2：全部采用點(diǎn)陣作為單位，不理會(huì)系統(tǒng)字體的調(diào)節(jié)，這樣可以減少調(diào)節(jié)大字體帶來(lái)的麻煩。BCB/DELPHI中多采用這種方法，但是必然結(jié)果是和系統(tǒng)不統(tǒng)一。用戶(hù)體驗(yàn)原則規(guī)范字體標(biāo)準(zhǔn)提示信息、幫助文檔文字表達(dá)(Text)遵循以下準(zhǔn)則：1：口語(yǔ)化、客氣、多用您、請(qǐng)，不要用或少用專(zhuān)業(yè)術(shù)語(yǔ)，杜絕錯(cuò)別字2：斷句逗號(hào)句號(hào)頓號(hào)分號(hào)的用法，提示信息比較多的話，應(yīng)該分段，3：警告、信息、錯(cuò)誤使用對(duì)應(yīng)的表示方法4：使用統(tǒng)一的語(yǔ)言描述，例如一個(gè)關(guān)閉功能按鈕，可以描述為退出、返回、關(guān)閉，則應(yīng)該統(tǒng)一規(guī)定。5:根據(jù)用戶(hù)不同采用相應(yīng)的詞語(yǔ)語(yǔ)氣語(yǔ)調(diào)，如專(zhuān)用軟件，可以出現(xiàn)很多專(zhuān)業(yè)屬于，用戶(hù)為兒童：這可以語(yǔ)氣親切和藹，老年用戶(hù)則應(yīng)該成熟穩(wěn)重。制定標(biāo)準(zhǔn)遵循之。用戶(hù)體驗(yàn)原則規(guī)范文字表達(dá)控件風(fēng)格(STYLE)不要使用錯(cuò)誤控件，控件功能要專(zhuān)一要設(shè)計(jì)好的同一風(fēng)格的控件，如果沒(méi)有能力設(shè)計(jì)出一套控件，則使用標(biāo)準(zhǔn)控件，絕對(duì)不能不倫不類(lèi)，雜亂無(wú)章用戶(hù)體驗(yàn)原則規(guī)范控件風(fēng)格可理解軟件要為用戶(hù)使用，用戶(hù)必須可以理解軟件各元素對(duì)應(yīng)的功能。如果不能為用戶(hù)理解，那么需要提供一種非破壞性的途徑，使得用戶(hù)可以通過(guò)對(duì)該元素的操作，理解其對(duì)應(yīng)的功能。例如：刪除操作元素。用戶(hù)可以點(diǎn)擊刪除操作按鈕，提示用戶(hù)如何刪除操作或者是否確認(rèn)刪除操作，用戶(hù)可以更加詳細(xì)的理解該元素對(duì)應(yīng)的功能，同時(shí)可以取消該操作?？蛇_(dá)到用戶(hù)是交互的中心，交互元素對(duì)應(yīng)用戶(hù)需要的功能。因此交互元素必須可以被用戶(hù)控制。用戶(hù)可以用諸如鍵盤(pán)、鼠標(biāo)之類(lèi)的交互設(shè)備通過(guò)移動(dòng)和觸發(fā)已有的交互元素達(dá)到其它在此之前不可見(jiàn)或者不可交互的交互元素。要注意的是交互的次數(shù)會(huì)影響可達(dá)到的效果。當(dāng)一個(gè)功能被深深隱藏（一般來(lái)說(shuō)超過(guò)4層）那么用戶(hù)達(dá)到該元素的幾率就大大降低了?？蛇_(dá)到的效果也同界面設(shè)計(jì)有關(guān)。過(guò)于復(fù)雜的界面會(huì)影響可達(dá)到的效果。用戶(hù)體驗(yàn)原則規(guī)范可用原則易用性原則規(guī)范性原則合理性原則美觀性原則協(xié)調(diào)性原則安全性原則以手機(jī)行業(yè)為例，當(dāng)手機(jī)剛剛進(jìn)入市場(chǎng)的時(shí)候不但價(jià)格貴得驚人，而且除了通話以外沒(méi)有什么其他功能。由于當(dāng)時(shí)的主導(dǎo)是技術(shù)，所以大家都把精力放在信號(hào)、待機(jī)時(shí)間、壽命等方面，對(duì)于產(chǎn)品的造型，使用的合理性很少關(guān)心。事過(guò)境遷，當(dāng)技術(shù)已經(jīng)完全的達(dá)到用戶(hù)的需求，于是商家為了創(chuàng)造賣(mài)點(diǎn)，提高爭(zhēng)力，非常重視產(chǎn)品的外觀設(shè)計(jì)，除此之外還頻頻推出短信，彩屏，和鉉，彩信，攝像頭等等。這樣一來(lái)產(chǎn)品的美觀、個(gè)性、易用、易學(xué)、人性化等等都成了產(chǎn)品的賣(mài)點(diǎn)。而時(shí)至今日，產(chǎn)品的硬件及技術(shù)趨于同質(zhì)化，導(dǎo)致各手機(jī)品牌在成本限制的情況下，手機(jī)的硬件及功能之間的差異已非常微弱。各商家也已不再僅僅追求強(qiáng)大的功能，上乘的質(zhì)量，周密的市場(chǎng)策略，合適的價(jià)格定位，甚至是美觀的造型設(shè)計(jì)，如今精明的商家已將UI設(shè)計(jì)納入了產(chǎn)品開(kāi)發(fā)的最前端。行業(yè)現(xiàn)狀企業(yè)戰(zhàn)略市場(chǎng)分析品牌戰(zhàn)略概念設(shè)計(jì)技術(shù)研發(fā)產(chǎn)品設(shè)計(jì)生產(chǎn)制造營(yíng)銷(xiāo)推廣渠道銷(xiāo)售售后服務(wù)概念設(shè)計(jì)CI/VIID\MDUI\UE品牌戰(zhàn)略產(chǎn)品營(yíng)銷(xiāo)推廣銷(xiāo)售售后產(chǎn)品設(shè)計(jì)人機(jī)外觀結(jié)構(gòu)模具材料工藝軟件界面交互包裝技術(shù)研發(fā)IC信號(hào)電池原件制式屏顯功能企業(yè)戰(zhàn)略產(chǎn)品研發(fā)生產(chǎn)品牌銷(xiāo)售人力戰(zhàn)略目標(biāo)完善企業(yè)形象提升品牌形象創(chuàng)意產(chǎn)品形象品牌差異化產(chǎn)品識(shí)別性用戶(hù)體驗(yàn)強(qiáng)用戶(hù)研究概念設(shè)計(jì)交互設(shè)計(jì)界面設(shè)計(jì)用戶(hù)體驗(yàn)品牌管理產(chǎn)品創(chuàng)新產(chǎn)品評(píng)估工作目標(biāo)由上分析我們不難知道UI在手機(jī)產(chǎn)品中的作用，事實(shí)上，我們要做的就是堅(jiān)持一個(gè)原則，那就是創(chuàng)新，解放自己的思想，實(shí)事求是地來(lái)不斷解決產(chǎn)品中的各種問(wèn)題，以團(tuán)隊(duì)的形式來(lái)解決各種問(wèn)題。在產(chǎn)品前期規(guī)劃、市場(chǎng)定位、產(chǎn)品戰(zhàn)略、產(chǎn)品外觀設(shè)計(jì)概念、外觀設(shè)計(jì)方案確認(rèn)、產(chǎn)品推廣、產(chǎn)品包裝、產(chǎn)品廣告、產(chǎn)品說(shuō)明書(shū)、產(chǎn)品售后服務(wù)等各個(gè)環(huán)節(jié)中，建立系統(tǒng)的工作機(jī)制，以此達(dá)到塑造產(chǎn)品產(chǎn)異化、品質(zhì)感和提升產(chǎn)品附加價(jià)值的重要作用！傳統(tǒng)經(jīng)典千篇一律可更換皮膚習(xí)慣的交互設(shè)計(jì)設(shè)計(jì)余地有限容易被拷貝體驗(yàn)感不足識(shí)別性不強(qiáng)默認(rèn)皮膚標(biāo)準(zhǔn)化內(nèi)置皮膚功能可擴(kuò)展元素連貫性統(tǒng)一品牌識(shí)別強(qiáng)用戶(hù)可自定義形式不改變方案框架不受配色表現(xiàn)限制默認(rèn)皮膚默認(rèn)皮膚默認(rèn)皮膚皮膚更換與內(nèi)置皮膚不沖突用戶(hù)個(gè)性自定義設(shè)計(jì)成本低設(shè)計(jì)效率高搭建皮膚商店增強(qiáng)推廣賣(mài)點(diǎn)結(jié)合ID提升產(chǎn)品設(shè)計(jì)感流行風(fēng)格被模仿和抄襲對(duì)硬件要求