• <xmp id="oywkg"><tr id="oywkg"></tr>
  • <small id="oywkg"></small>
  • <menu id="oywkg"></menu><code id="oywkg"></code>
  • <tr id="oywkg"></tr>
  • 征集網銳志網絡淘途找素材上91
    創意在線首頁
    平面設計交互設計CG動漫工業設計建筑環境數碼影像創意搜
     首頁大賽征集資訊教程畫廊訪談作品集創企同盟設計招聘人才專區競賽臺專題論吧 找素材看酷站設計網址庫
    交互設計首頁
    當前位置:首頁 > 交互設計 > 觀點 > 正文
    頁面表達原則
    作者: 來源:isd.tencent.com 發表時間:2010-4-21 10:53:54 瀏覽:

    《頁面表達原則》是整個“web交互設計方法”中的一部分:

    頁面表達原則概述:
    1.更少的信息量更好。
    2.不提供多余的功能。
    3.結構化更易于理解。
    4.信息的表達應該清楚、明確、直接。
    5.操作可識別。
    6.操作前,結果可預知。
    7.操作時,操作有反饋。
    8.操作后,操作可撤銷。
    9.讓用戶知道身處何地。
    10.避免內容看上去象廣告。
    11.同一功能在不同頁面上位置相同。
    12.措辭統一。

    詳細描述:
    1.更少的信息量更好。
    用戶不是在閱讀網站,而是在瀏覽網站。他們瀏覽與自己目標匹配的文字和圖片,冗長的鏈接、說明和消息只能減慢用戶的速度,并且“隱藏”重要信息。

    實例一.

    公告欄有“詳情”,那么這個頁面中只需要簡略的寫出最重要的一兩句話:
    近期個別不法團伙利用自定義代碼竊取網友QQ密碼,轉載廣告。為保障廣大網友的利益,出現類似行為的QQ空間將被永久關閉。了解詳情

    實例二.

    左側的文字過多,這些文字完全是可以精簡的。以左下角的“溫馨提示”為例:

    關于上傳照片的說明,溫馨提示之前已經有的專門的說明。這里不必要再說了。此處的溫馨提示可以直接簡化為:

    再進一步來看,這個頁面是注冊成為城市達人的頁面,這段信息本來也不必要出現在這里。也就是說,整段溫馨提示都可以刪掉。

    2. 不提供多于的功能,減少出錯。

    提供盡可能多的功能并不意味著會有更多的用戶喜歡。提供過多的功能,過大的自由度不僅不會使產品的功能更強大,反而會給用戶造成很多錯誤的引導。

    實例一.QQ空間商城中的導航


    1 2 3
    在線編輯:wlx
    本文鏈接:


    推薦閱讀:
    ·2021第十五屆“創意中國”設計大獎 征稿章程
    ·2021第七屆“學院派獎”全國藝術與設計大賽征集公告
    ·青春唯美插畫培訓網絡遠程班正在招生
    ·第八屆中國高等院校設計作品大賽啟動
    ·第十二屆中國高校美術作品學年展獲獎名單公布
    ·2021第七屆“學院派獎”全國藝術與設計大賽征集公告
    ·第六屆“包豪斯獎”國際設計大賽獲獎名單揭曉
    免責聲明:本站刊載此文不代表同意其說法或描述,僅為提供更多信息。對本文有異議,請聯絡本站!
    轉載要求:文章作者及來源信息必需保留。轉載之圖片、文件請不要盜鏈本站地址,且不準打上各自站點的水!

    近期推薦報道 返回首頁更多精彩等著你!

    Illustrator| 用AI創建精細矢量插圖徽章Photoshop| PS經典合成張開血盆大嘴櫻桃
    Photoshop| Photoshop自制個性的黑色翅膀攝影佳作| 德國Thomas Wuhrer長腿女郎性
    Photoshop| Photoshop制作超酷的邊緣發光的熒CorelDraw| CorelDRAW制作編織效果詳細教程
    Illustrator| illustrator制作潮流海報字體攝影佳作| 驚艷的Francesco Marconi
    Photoshop| 利用畫筆及圖層樣式制作方格子藝術紋理背景Photoshop| Photoshop制作簡單時尚的彩色放射
    關于本站 | 聯系方式 | 商業服務 | 合作伙伴 | 站點地圖 | 免責聲明 | 版權聲明 | 在線投稿  
     
    日韩一级无码超强毛片,日韩特级无码毛片免费播放,日韩av一级毛片无码,日韩成人一区二区三区在线观看
  • <xmp id="oywkg"><tr id="oywkg"></tr>
  • <small id="oywkg"></small>
  • <menu id="oywkg"></menu><code id="oywkg"></code>
  • <tr id="oywkg"></tr>