軟件交互設(shè)計(編輯修改稿)
2024-09-01 17:13 本頁面
【文章內(nèi)容簡介】 用戶想得到的信息才是屏幕 中最應(yīng)明確顯示的部分！ 聯(lián)創(chuàng)軟件學(xué)院 Page32 常見的 UI設(shè)計缺陷 操作步驟 非常繁瑣 哪怕是最常見的基本任務(wù)也需要執(zhí)行很多步驟。 即使產(chǎn)品功能再強(qiáng)大，開發(fā)人員夜以繼日 地開發(fā)代碼，如果用戶做一個操作需要超過 20分鐘的時間，其間經(jīng)過一系列繁瑣、緩慢 地步驟，而到頭來卻發(fā)現(xiàn)往往不能如愿，這 個軟件不會受到歡迎。 聯(lián)創(chuàng)軟件學(xué)院 Page33 常見的 UI設(shè)計缺陷 提示信息十分混亂 例如：沒有明確告訴用戶所要執(zhí)行的操作 到底是什么意思，是否能達(dá)到自己的目標(biāo)。 典型界面分析 請稍候再試什么樣 的操作？ 聯(lián)創(chuàng)軟件學(xué)院 Page34 常見的 UI設(shè)計缺陷 使用難以理解的詞匯 例如：使用了很多用戶不太能理解的詞匯， 或者容易引起誤解的詞匯。 典型界面分析 難以理解的詞匯 聯(lián)創(chuàng)軟件學(xué)院 Page35 常見的 UI設(shè)計缺陷 強(qiáng)迫用戶接受糟糕的界面 系統(tǒng)提供的一些元素讓用戶難以接受。例 如：難聽的按鈕點擊聲音，或強(qiáng)制播放的背 景音樂。 界面分析 精美絕倫、眼花繚亂的 Flash演示片頭，從 美術(shù)角度來看很完美，但用戶要花上數(shù)分鐘的 下載時間，也許他們在下載完之前就不耐煩地 把頁面給關(guān)掉了，連一個畫面都沒顯示出來。 聯(lián)創(chuàng)軟件學(xué)院 Page36 常見的 UI設(shè)計缺陷 …… 當(dāng)然這也有點夸張 聯(lián)創(chuàng)軟件學(xué)院 Page37 第四章 UI設(shè)計準(zhǔn)則與規(guī)范 聯(lián)創(chuàng)軟件學(xué)院 Page38 軟件界面與交互設(shè)計的關(guān)鍵 設(shè)計的關(guān)鍵：如何優(yōu)化用戶與產(chǎn)品之間的交互， 從而使產(chǎn)品滿足用戶的期望，設(shè)計依據(jù)涉及到： 考慮人們擅長什么、不擅長什么。 考慮什么可能對用戶的當(dāng)前做法有所幫助。 考慮如何提供高質(zhì)量的用戶體驗。 聽取人們想要些什么，并讓他們參與設(shè)計。 在設(shè)計過程中，讓用戶來嘗試和驗證。 聯(lián)創(chuàng)軟件學(xué)院 Page39 UI設(shè)計流程 第一步：用戶需求分析 了解誰是目標(biāo)用戶、他們需要哪些支持， 才可能設(shè)計出能支持這些用戶的產(chǎn)品。 首先找到真正的用戶，然后從他們那里找 到需求。 用戶需求是所有設(shè)計、開發(fā)工作的基礎(chǔ)。 簡而言之，在這個階段我們需要知道： 用戶想要什么？ 我們要做什么？ 聯(lián)創(chuàng)軟件學(xué)院 Page40 練習(xí)：分析軟件用戶的類型和特征？ 要求：試分析軟件用戶分為哪幾種類型， 不同類型的用戶對軟件界面與交互有哪些 不同的需求。 聯(lián)創(chuàng)軟件學(xué)院 Page41 用戶分類 ? 偶然型用戶：既沒有計算機(jī)應(yīng)用領(lǐng)域的專業(yè)知識，也缺少計算機(jī)系統(tǒng)基本知識的用戶。 ? 生疏型用戶：他們更常使用計算機(jī)系統(tǒng)，因而對計算機(jī)的性能及操作使用，已經(jīng)有一定程度的理解和經(jīng)驗。但他們往往對新使用的計算機(jī)系統(tǒng)缺乏了解，不太熟悉，因此對新系統(tǒng)而言，他們?nèi)耘f是生疏用戶。 ? 熟練型用戶：這類用戶一般是專業(yè)技術(shù)人員，他們對需要計算機(jī)完成的工作任務(wù)有清楚地了解，對計算機(jī)系統(tǒng)也有相當(dāng)多的知識和經(jīng)驗，并且能熟練地操作、使用。 ? 專家型用戶：對需要計算機(jī)完成的工作任務(wù)和計算機(jī)系統(tǒng)都很精通的，通常是計算機(jī)專業(yè)用戶，稱為專家型用戶。 UI設(shè)計流程 第一步：用戶需求分析 用戶界面需求舉例： REQ_GIM_INPUT_NEED_U在客戶資料錄入界面中， 應(yīng)明確標(biāo)示哪些信息是必填信息，哪些信息是選填信息。 REQ_GIM_INPUT_MEANING_U在客戶資料錄入界面 中，輸入框如果是選擇項方式錄入，必須顯示信息的中文意 義，不能用 0、 2或 a、 b、 c等數(shù)字或英文代碼代替。 REQ_GIM_INPUT_FONT_U在客戶資料錄入界面中，所 有中文均為宋體， 12號字，英文和數(shù)字均為 Arial， 12號字。 聯(lián)創(chuàng)軟件學(xué)院 Page42 UI設(shè)計流程 第二步：概念設(shè)計與物理設(shè)計 形成多個設(shè)計方案，進(jìn)行評審，確定最優(yōu)方案。 概念設(shè)計：用一種用戶能夠理解的方式去描述產(chǎn)品 應(yīng)該做些什么、如何運(yùn)作、外觀如何； 物理設(shè)計：考慮的是產(chǎn)品的細(xì)節(jié)，包括要使用的色 彩、聲音和圖像，還有菜單設(shè)計和圖標(biāo)設(shè)計。 聯(lián)創(chuàng)軟件學(xué)院 Page43 UI設(shè)計流程 第三步：制作軟件界面原型 軟件界面原型并不是能夠運(yùn)行的最終軟件版本， 可以采用很多工具來實現(xiàn)“交互”設(shè)計。比如使用 AxureRP Pro工具軟件來設(shè)計 WEB軟件界面原型， 可在設(shè)計的早期階段發(fā)現(xiàn)問題。 聯(lián)創(chuàng)軟件學(xué)院 Page44 案例：使用 AxureRP工具繪制的軟件界面原型
環(huán)評公示相關(guān)推薦
鄂ICP備17016276號-1