日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

人機(jī)交互界面設(shè)計(jì)的三個(gè)工作流程_網(wǎng)頁設(shè)計(jì)教程

編輯Tag賺U幣
教程Tag:暫無Tag,歡迎添加,賺取U幣!

推薦:國內(nèi)2.0音樂網(wǎng)站首頁設(shè)計(jì)謬談
一、關(guān)于YOBOYOBO要為你解決以下問題:想聽歌卻不知道聽什么歌;——發(fā)現(xiàn)音樂工作忙碌后再也沒空去找歌;——自動(dòng)發(fā)現(xiàn)音樂對(duì)著搜索引擎不知道搜什么歌;—

  在人和機(jī)器的互動(dòng)過程(Human Machine Interaction)中,有一個(gè)層面,即我們所說的界面(interface)。從心理學(xué)意義來分,界面可分為感覺(視覺、觸覺、聽覺等)和情感兩個(gè)層次。用戶界面設(shè)計(jì)是屏幕產(chǎn)品的重要組成部分。界面設(shè)計(jì)是一個(gè)復(fù)雜的有不同學(xué)科參與的工程,認(rèn)知心理學(xué)、設(shè)計(jì)學(xué)、語言學(xué)等在此都扮演著重要的角色。用戶界面設(shè)計(jì)的三大原則是:置界面于用戶的控制之下;減少用戶的記憶負(fù)擔(dān);保持界面的一致性。


  用戶界面設(shè)計(jì)在工作流程上分為結(jié)構(gòu)設(shè)計(jì)、交互設(shè)計(jì)、視覺設(shè)計(jì)三個(gè)部分。

  · 結(jié)構(gòu)設(shè)計(jì) Structure Design

  結(jié)構(gòu)設(shè)計(jì)也成概念設(shè)計(jì) (Conceptual Design),是界面設(shè)計(jì)的骨架。通過對(duì)用戶研究和任務(wù)分析,制定出產(chǎn)品的整體架構(gòu)。基于紙質(zhì)的的低保真原型(Paper Prototype)可提供用戶測試并進(jìn)行完善。在結(jié)構(gòu)設(shè)計(jì)中,目錄體系的邏輯分類和語詞定義是用戶易于理解和操作的重要前提。如西門子手機(jī)的設(shè)置鬧鐘的詞條是“重要記事”,讓用戶很難找到。

  · 交互設(shè)計(jì) Interactive Design

  交互設(shè)計(jì)的目的是使產(chǎn)品讓用戶能簡單使用。 任何產(chǎn)品功能的實(shí)現(xiàn)都是通過人和機(jī)器的交互來完成的。因此,人的因素應(yīng)作為設(shè)計(jì)的核心被體現(xiàn)出來。交互設(shè)計(jì)的原則如下:

  1) 有清楚的錯(cuò)誤提示。誤操作后,系統(tǒng)提供有針對(duì)性的提示。
  2) 讓用戶控制界面�!跋乱徊健�、“完成”,面對(duì)不同層次提供多種選擇,給不同層次的用戶提供多種可能性。
  3) 答應(yīng)兼用鼠標(biāo)和鍵盤。同一種功能,同時(shí)可以用鼠標(biāo)和鍵盤。提供多種可能性。
  4) 答應(yīng)工作中斷。例如用手機(jī)寫新短信的時(shí)候,收到短信或電話,完成后回來仍能夠找到剛才正寫的新短信。
  5) 使用用戶的語言,而非技術(shù)的語言。
  6) 提供快速反饋。給用戶心理上的暗示,避免用戶焦慮。
  7) 方便退出。如手機(jī)的退出,是按一個(gè)鍵完全退出,還是一層一層的退出。提供兩種可能性。
  8)導(dǎo)航功能。隨時(shí)轉(zhuǎn)移功能,很輕易從一個(gè)功能跳到另外一個(gè)功能。
  9)讓用戶知道自己當(dāng)前的位置,使其做出下一步行動(dòng)的決定。

  · 視覺設(shè)計(jì) Visual Design

  在結(jié)構(gòu)設(shè)計(jì)的基礎(chǔ)上,參照目標(biāo)群體的心理模型和任務(wù)達(dá)成進(jìn)行視覺設(shè)計(jì)。包括色彩、字體、頁面等。視覺設(shè)計(jì)要達(dá)到用戶愉悅使用的目的。視覺設(shè)計(jì)的原則如下:

  1)界面清楚明了。答應(yīng)用戶定制界面。
  2) 減少短期記憶的負(fù)擔(dān)。讓計(jì)算機(jī)幫助記憶,例:User Name,、Password、IE進(jìn)入界面地址可以讓機(jī)器記住。
  3) 依靠認(rèn)知而非記憶。如打印圖標(biāo)的記憶、下拉菜單列表中的選擇
  4) 提供視覺線索。圖形符號(hào)的視覺的刺激;GUI(圖形界面設(shè)計(jì)):Where, What, Next Step
  5) 提供默認(rèn)(default)、撤銷(undo)、恢復(fù)(redo)的功能
  6) 提供界面的快捷方式
  7) 盡量使用真實(shí)世界的比喻。如:電話、打印機(jī)的圖標(biāo)設(shè)計(jì),尊重用戶以往的使用經(jīng)驗(yàn)。
  8) 完善視覺的清楚度。條理清楚;圖片、文字的布局和隱喻不要讓用戶去猜。
  9)界面的協(xié)調(diào)一致。如手機(jī)界面按鈕排放,左鍵肯定;右鍵否定;或按內(nèi)容擺放。
  10) 同樣功能用同樣的圖形。
  11)色彩與內(nèi)容。整體軟件不超過5個(gè)色系,盡量少用紅色、綠色。近似的顏色表示近似的意思。

  用戶界面設(shè)計(jì)構(gòu)筑了產(chǎn)品設(shè)計(jì)的基礎(chǔ)。如只有首先確定了手機(jī)菜單的交互形式,才能在造型設(shè)計(jì)上決定是采用五項(xiàng)鍵或上下鍵。

  在國外,用戶界面設(shè)計(jì)人員有了一個(gè)新的稱謂:Information Architecture,信息建筑師。它不僅僅是指美工,而是具有心理學(xué)、軟件工程學(xué)、設(shè)計(jì)學(xué)等綜合知識(shí)的人。

分享:例舉幾個(gè)郵箱服務(wù)的欠考慮設(shè)計(jì)
平時(shí)使用過程中有印象的,倒不用專門找,臨時(shí)驗(yàn)證了一下.本來題目是“例舉幾個(gè)產(chǎn)品的弱智設(shè)計(jì)”,不過還是不要這么討人嫌了。1、126.com的郵箱a、草稿附件無法

/所屬分類:網(wǎng)頁設(shè)計(jì)教程/更新時(shí)間:2008-01-28
相關(guān)網(wǎng)頁設(shè)計(jì)教程