以下是引用jiliy在2003-8-25 9:39:00的發(fā)言: 公司的《UI設(shè)計(jì)指南》這是早期的版本, 這是公司的內(nèi)部文檔,做刪截和修改,做參考。至于dozer說的玩虛的和具體的,也要有個(gè)度。這是直接從doc拷貝過來的,可能會(huì)有些地方看不懂,自己體會(huì)吧,見諒。 ----------------------------------------------------------------------------------------------------------------------------- UI設(shè)計(jì)指南 年-月-日版本:V1.0 作者: *** 審核: *** 批準(zhǔn): *** 年-月-日 更改記錄日期 被修改的章節(jié) 修改的類型* 修改描述 修改人年-月-日 全部 A 新建 ** * 修改類型分為 A - ADDED M - MODIFIED D - DELETED 1 簡介 1.1 目的提供UI設(shè)計(jì)流程定義,為交互設(shè)計(jì)提供依據(jù)。 1.2 背景使UI工作整體流程更具規(guī)范化和為這一規(guī)范更具有可視性。 1.3 適用范圍任何具有UI設(shè)計(jì)階段的項(xiàng)目。 1.4 縮寫和術(shù)語 1.4.1可用性 usability 以有效性、效率和滿意度為指標(biāo),產(chǎn)品在特定使用背景下為了特定的目的可為特定用戶使用的程度。 1.4.2 用戶 user 與產(chǎn)品交互的個(gè)體。 1.4.3 任務(wù) task 實(shí)現(xiàn)目的所必需的活動(dòng)。 1.5 參考資料(本規(guī)范使用到的參考資料) 1.6 本文結(jié)構(gòu)概述定義UI設(shè)計(jì)流程和角色定義。 1.7 流程概述介紹整個(gè)UI設(shè)計(jì)階段的執(zhí)行過程。 2 流程定義 2.1 流程圖劃分 UI設(shè)計(jì)流程圖在流程圖中其實(shí)是有兩個(gè)緯度,分別是縱向和橫向 2.1.1 縱向:是角色的劃分對于一個(gè)項(xiàng)目來說通常會(huì)有三個(gè)角色分別是用戶研究角色、設(shè)計(jì)角色、制作角色用戶研究角色:主要是讓UI實(shí)現(xiàn)以用戶為中心的設(shè)計(jì)主要工作有兩點(diǎn) 在進(jìn)行界面設(shè)計(jì)前了解整體產(chǎn)品的需求,并針對UI設(shè)計(jì)了解用戶對UI的需求,再把這需求傳達(dá)給設(shè)計(jì)師,即《UI需求分析報(bào)告》,這過程中的主要方法有焦點(diǎn)小組等。 在UI設(shè)計(jì)過程當(dāng)中會(huì)不停的要求對設(shè)計(jì)進(jìn)行評價(jià)這是就要求讓用戶來評價(jià),我們稱這種方法叫使用性測試,在流程圖中的表現(xiàn)是對交互模型的使用性測試和驗(yàn)證性地使用性測試。設(shè)計(jì)角色:主要是實(shí)現(xiàn)界面的交互設(shè)計(jì)即邏輯設(shè)計(jì)和界面設(shè)計(jì) 在做交互設(shè)計(jì)時(shí)一般是要根據(jù)《UI需求分析報(bào)告》做交互模型,即用一些工具實(shí)現(xiàn)一些交互的動(dòng)作,讓用戶能直觀的了解界面間的邏輯關(guān)系,來確認(rèn)設(shè)計(jì)的可行性。 在界面設(shè)計(jì)時(shí)主要是設(shè)計(jì)皮膚即界面的布局圖標(biāo)的擺放等,這時(shí)的設(shè)計(jì)也是要遵循需求,并且要寫《UI設(shè)計(jì)說明》。制作角色:主要是實(shí)現(xiàn)界面的截圖及坐標(biāo)的定義 在這過程中制作角色要和開發(fā)人員溝通,兩個(gè)角色相互配合完成項(xiàng)目的最后階段。 2.1.2橫向:是代表時(shí)間軸和整個(gè)項(xiàng)目開發(fā)的過程是對應(yīng)的:UI的數(shù)據(jù)采集階段實(shí)際上就是項(xiàng)目的啟動(dòng)階段交互設(shè)計(jì)和使用性測試階段就是項(xiàng)目的細(xì)化階段界面設(shè)計(jì)和美術(shù)制作階段就是項(xiàng)目的構(gòu)造階段。 2.2 關(guān)于評審點(diǎn)的說明在UI流程圖中實(shí)際上可以把UI的工作劃分成四個(gè)部分即數(shù)據(jù)采集、交互設(shè)計(jì)、界面設(shè)計(jì)、美術(shù)制作。在數(shù)據(jù)采集階段:會(huì)有可能是非正式評審主要會(huì)有交互設(shè)計(jì)師需求人員等參與;在交互設(shè)計(jì)階段:也會(huì)有評審主要會(huì)有用戶研究角色、需求角色和開發(fā)人員角色來評審邏輯關(guān)系的合理性,包括使用合理性和設(shè)計(jì)合理性;在界面設(shè)計(jì)階段:在設(shè)計(jì)過程中會(huì)不斷的和用戶及需求人溝通以達(dá)到以用戶為中心的設(shè)計(jì),這結(jié)束后會(huì)有很正規(guī)的評審活動(dòng),這是的評審實(shí)際上是對整個(gè)UI項(xiàng)目的整體評審,包括工作量、質(zhì)量等多項(xiàng)的正規(guī)的評審;在美術(shù)制作階段:美術(shù)制作階段實(shí)際上就是制作角色和開發(fā)人員的不斷的溝通完成全部開發(fā)工作的階段,因此這過程的評審是由雙方面的協(xié)調(diào)與合作來表現(xiàn)的。 2.3 UI設(shè)計(jì)主要流程時(shí)間1 時(shí)間2 時(shí)間3 UI啟動(dòng)階段 UI細(xì)化階段 UI構(gòu)造階段數(shù)據(jù)采集 分析報(bào)告 交互模型 使用性測試 界面原型設(shè)計(jì) 使用性測試 評審 美術(shù)制作 驗(yàn)證性測試 需求分析報(bào)告 需求分析報(bào)告 2.4 UI設(shè)計(jì)時(shí)間表和里程碑:數(shù)據(jù)采集** 交互模型** 使用性測試** 啟動(dòng)階段《分析報(bào)告》 細(xì)化階段《需求分析報(bào)告》細(xì)化階段《需求分析報(bào)告》驗(yàn)證性測試** 美術(shù)制作 評審 使用性測試** 界面原型設(shè)計(jì):表示時(shí)間點(diǎn) “**”:表示可裁減的活動(dòng) “《..》”:表示階段生成文檔 2.5 參與人及擔(dān)任角色和工作量角色 人員 工作量項(xiàng)目經(jīng)理 交互研究工程師 設(shè)計(jì)角色 制作角色 |
|