界面設(shè)計規(guī)范-展示頁
2024-08-24 15:34本頁面
【正文】 根據(jù)業(yè)務(wù)需求約定交互模式、頁面流 總體界面框架結(jié)構(gòu) 界面模式靈活 優(yōu)化多語言、多瀏覽器、換膚、組件庫、擴(kuò)展性等問題 界面組件及其組合 基礎(chǔ)應(yīng)用模板 Web標(biāo)準(zhǔn)編碼，優(yōu)化結(jié)構(gòu)，代碼可重用性強(qiáng) ? Web規(guī)范體系介紹 ? 軟件界面規(guī)范的重要性及其目的 ? 用戶體驗為何如此重要 ? Web規(guī)范體系介紹 ? 界面設(shè)計開發(fā)流程 ? 應(yīng)該遵循的基本原則 ? 界面設(shè)計規(guī)范 生命周期 軟件界面設(shè)計實(shí)現(xiàn)過程 相關(guān)活動 需求 PM: ? 需求規(guī)劃討論 ? Pspec編寫 ? Ui草圖提供 ? 根據(jù) pspec對界面工作成果審核確認(rèn) PM: ? 根據(jù) Pspec對界面工作成果審核確認(rèn) RD: ? 編寫 pdd 設(shè)計 開發(fā) 測試 PM:根據(jù) Pspec修正解釋需求 RD: 編碼 PM:解釋需求 QA:測試 RD:修正 Bug 界面維護(hù)支持 框架、頁面模板 HTML+CSS修正 各 HTML頁面修正 及 CSS技術(shù)支持 DHTML組件 HTML+CSS修正 界面規(guī)劃 （需求） 需求理解 建立界面模型 界面設(shè)計 主界面、登錄頁 GUI設(shè)計 主要模板頁 GUI設(shè)計 界面實(shí)現(xiàn)（編碼） 框架、頁面模板 HTML+CSS實(shí)現(xiàn) 根據(jù)模板填充制 作各 HTML頁面 部分 DHTML組件 的 HTML+CSS提供 界面設(shè)計制作 Input From PM 經(jīng) PM確認(rèn) 意原型圖片 經(jīng) PM確認(rèn) 主要界面高保真 GUI設(shè)計圖 經(jīng) PM確認(rèn) 模板頁 html+css 各原型頁面 html 組件 html+css 界面設(shè)計開發(fā)流程 ? 軟件界面規(guī)范的重要性及其目的 ? 用戶體驗為何如此重要 ? Web規(guī)范體系介紹 ? 界面設(shè)計開發(fā)流程 ? 應(yīng)該遵循的基本原則 ? 界面設(shè)計規(guī)范 ? 應(yīng)該遵循的基本原則 ? 顯示信息一致性的原則 ? 以用戶為主導(dǎo)原則 ? 易用性原則 ? 鼠標(biāo)與鍵盤一致性原則 ? 系統(tǒng)響應(yīng)時間原則 ? 出錯信息和警告原則 ? 信息顯示原則 ? 數(shù)據(jù)輸入原則 ? 合理性原則 ? 美觀與協(xié)調(diào)性原則 顯示信息一致性的原則 無論是控件使用，提示信息措辭，還是顏色、窗口布局風(fēng)格，遵循統(tǒng)一的標(biāo)準(zhǔn)，做到真正的一致。 ? 考慮用戶體驗 ? 把它分為各個組成要素 ? 從不同角度來了解它 通過這些才能確保你控制了決策所造成的全部結(jié)果 用戶體驗很重要，最大的理由： 它對你的用戶很重要。 用戶體驗形成了客戶對企業(yè)的整體印象，界定了企業(yè)和競爭對手的差異，并且決定了客戶什么時候還會再次光顧。知道企業(yè)與用戶雙方對產(chǎn)品的期許和目標(biāo)，有助于確立用戶體驗各方面戰(zhàn)略的制定 面對大量的選擇，用戶只能自己想辦法，去決定哪一個軟件系統(tǒng)功能會符合她的要求。當(dāng)你把用戶 需求和系統(tǒng)目標(biāo)轉(zhuǎn)變成系統(tǒng)應(yīng)該提供給用戶什么樣的內(nèi)容和功 能時，戰(zhàn)略就變成了范圍。這就是范圍層的上 面一層：為產(chǎn)品創(chuàng)建一個概念結(jié)構(gòu)。 結(jié)構(gòu) 層 — 交互設(shè)計與信息架構(gòu) 在收集完用戶需求并將其排列好優(yōu)先級別之后，我們對于最終界 面將會包括什么特性已經(jīng)有了清楚的圖像。 框架層 — 界面設(shè)計、導(dǎo)航設(shè)計和信息設(shè)計 在充滿概念的結(jié)構(gòu)層中開始形成了大量的需求，這些需求都是 來自我們的戰(zhàn)略目標(biāo)的需求。什么功能都往界面上擠，占地方不說，用戶會厭煩，弄不好還會被嚇跑。 ? 表現(xiàn)六：還有一種糟糕的用戶界面，乍一看很厲害，實(shí)際上完全是缺乏規(guī)劃的結(jié)果。比如軟件彈出一個消息框。你按 F1，它沒有彈出幫助，卻執(zhí)行了一件絕對出乎你意料的動作。比如說，按鈕和文本框擺放地點(diǎn)隨意，該對齊的控件對不齊。比如按鈕巨大無比，其尺寸甚至超過顯示重要內(nèi)容的文本框的界面。 ? 表現(xiàn)一：過分使用各種奇形怪狀、五顏六色的控件。 結(jié)果：盡管你已經(jīng)非常努力，但是你還是遲到了。 無奈之下只能去排隊買票。 一邊燒水，一邊穿衣服，臨走前去喝水卻發(fā)現(xiàn)水還沒有燒開。減少和改變責(zé)任不明，任務(wù)不清和由此產(chǎn)生的信息溝通不暢、反復(fù)修改、重復(fù)勞動、效率低下的現(xiàn)象。 Web應(yīng)用界面設(shè)計規(guī)范 ? 部門：研發(fā)中心 ? 主講人： ? 軟件界面規(guī)范的重要性及其目的 ? 用戶體驗為何如此重要 ? Web規(guī)范體系介紹 ? 界面設(shè)計開發(fā)流程 ? 應(yīng)該遵循的基本原則 ? 界面設(shè)計規(guī)范 ? 軟件界面規(guī)范的重要性及其目的 產(chǎn)品設(shè)計通過規(guī)范的方式來達(dá)到以 用戶為中心的目的。 使最終設(shè)計出來的界面風(fēng)格一致化，開發(fā)編碼人員相互之間開發(fā)更輕松，遵循統(tǒng)一的操作規(guī)范，以標(biāo)準(zhǔn)化的方式設(shè)計界面，提高工作效率。 ? 軟件界面規(guī)范的重要性及其目的 ? 用戶體驗為何如此重要 ? Web規(guī)范體系介紹 ? 界面設(shè)計開發(fā)流程 ? 應(yīng)該遵循的基本原則 ? 界面設(shè)計規(guī)范 日常生活中的遭遇 什么是用戶體驗 用戶體驗的要素 用戶體驗和軟件應(yīng)用 記住你的用戶 早晨起來，發(fā)現(xiàn)鬧鐘沒有按原先設(shè)定響起來。 到了地鐵站，發(fā)現(xiàn)公交卡沒有錢了。 排了 3趟地鐵，終于到公司了，但是你卻遲到了。 那么，讓我們看看這一連串 的倒霉事， 是什么讓我們?nèi)绱死仟N？ ? 用戶體驗為何如此重要？ X員工悲慘的一天 什么是用戶體驗 用戶體驗 （ user experience） 是以用戶為中心的設(shè)計中最重要的一個部分，強(qiáng)調(diào)的是過程，是軟件對用戶行為產(chǎn)生的反應(yīng)與用戶期待值要盡可能的一致。 ? 表現(xiàn)二：界面元素比例失調(diào)。 ? 表現(xiàn)三：界面元素凌亂。 ? 表現(xiàn)四：違背使用習(xí)慣。 ? 表現(xiàn)五：消息框信息含糊、混亂
畢業(yè)設(shè)計相關(guān)推薦
鄂ICP備17016276號-1