久草资源网-久草资源网站-久草资源在线-久草资源在线播放-天天艹天天艹-天天艹夜夜

蒙狼科技logo
設為首頁| 聯系我們
咨詢熱線: 13917498722
  您的位置: 首頁 > 網站資訊 > 輕設計在網站設計中的運用

輕設計在網站設計中的運用

發布日期:2017/8/1

網站或軟件的策劃和設計過程中,我們經常聽到這樣的討論:“這個功能設計得太重了”又或“我們希望能夠處理得輕一些”。似乎輕設計是時下炙手可熱的話題,也是旭日東升的web2.0大浪下設計師們的愛好(看看那些在全世界遍地開花的sns網站,無論是視覺元素照舊交互流程均能輕則輕)。本文主要從實踐和總結的角度出發,提出了讓設計變得更輕的6個技巧。

何為輕設計:

在開始之前先需要明確下何為輕設計。這里并不想給輕設計下一個專業的定義,只是歸納了大家對輕設計所應具有的特征的理解。
具有靈敏的可交互元素:頁面上的鏈接、文本框、按鈕等可交互元素能靈敏地響應操作并即時反饋。
輕便的流程和提醒,不打斷用戶的當前義務:一項義務盡量用少而清晰的步驟去完成,提醒和一時義務盡量不中止用戶主義務,不要讓用戶做不需要的確認和操作。
不干擾用戶的注重力:用戶是來使用產品和服務的,而不是來瀏覽優美的設計,假如使用過程中會因為設計元素分散注重力那么可能是設計太重了。試著少用些無用的裝飾和細節。

輕設計的6個技巧:

1. 天真的logo響應區
點擊網站的logo通常能將我們帶回到首頁。從這個角度看,logo不僅起著品牌標識的作用,還承擔了主要的導航功能。就連通俗的鏈接當在鼠標劃過時都有下劃線或者變色提醒,那么logo作為一個更為主要的可交互元素,是否也應該在鼠標劃過時提供適當的反饋呢?
下面列舉了幾個logo區天真響應鼠標例子,在使用過程中發現,小小的轉變不僅提拔了可用性,還讓網站顯得靈敏而有生氣。

2. 靈敏的可交互元素
導航對于網站的主要性不言而喻,導航元素要即時響應鼠標操作。

主要的操作和指導按鈕應該設計得更加詳盡些,包括按鈕的三態(常態,hover,active)甚至四態(增添一個禁用態)。這么做也是為了使主要的可交互元素對不同的操作及時給出反饋,使其顯得靈敏高效。

文本框的狀況也是一個容易被忽略的細節,主要是獲取焦點后無提醒或者提醒不夠顯明。

另外對于一些響應時間稍長的操作,應該給出進度反饋。似乎是顯而易見的道理,但是設計中往往也容易忽視。

3. 清晰且溫文的提醒
提醒通常都是提供輔助性信息的,既然是輔助性的,就不宜喧賓奪主過分強化。除非需要,也不要給用戶帶來額外的操作(比如需要用戶自動關閉,確認等)。提醒的內容也是為了帶來幫助或者提供反饋,因此言簡意賅主要。

twitter中替換個性化主題時的提醒,從頁面頂部柔和出現,停留片刻后主動消逝。

meme中的follow提醒,在操作處出現。

 4. 隱藏或弱化不常用的操作
不常用的操作可以弱化,或者隱藏起來,當鼠標經過的時候再出現。這個是基于上文提到的不干擾用戶注重力角度出發的。

twitter中將每條微博條目的操作隱藏了起來,減小了對閱讀的干擾。而且在鼠標經過條目響應區和操作時,都有響應的轉變以作為反饋。

flickr中針對照片的操作也使用淡灰色,盡可能弱化和削減對照片瀏覽的干擾。

5. 指導和強化推薦操作
強而明晰的指導是十分需要的,研究注解用戶在瀏覽頁面的時候是跳躍性、非線性的,用戶并不喜好在諸多的操作中選擇和尋找好選項。所以清晰的指導就顯得更加主要了。主要和常用操作還可以特異處理,以便于尋找和點擊。

大而易用的表單和注冊按鈕

箭頭和紅色的按鈕一路提供了明晰的視覺路徑指引。

常用操作的特異處理。某些瀏覽器的后退操作也有類似處理。

6. 輕便處理一時義務
假如在看一部精彩電影的時候想喝水了,是希望走到廚房間倒水呢照舊希望手邊就有一個杯子和水壺?顯然人們都不太愿意中止主義務和注重力行止理一時義務,頁面設計也是如此,能在當前頁面完成就盡量在當前頁面完成。模態窗口、跳轉頁面、支出層等都不是讓用戶覺得恬逸的做法。除非確實需要,少使用這樣的做法。

flickr中對相片名字的即時編輯,當頁完成,特別很是輕便。

delicious中對珍藏條目的刪除確認,同樣在當頁完成,輕便且很好地降低了騷擾。

小結:
本文從可用性角度提出了輕設計的幾個技巧:
1. 天真的logo響應區;
2. 靈敏的可交互元素;
3. 清晰且溫文的提醒;
4. 隱藏或弱化不常用的操作;
5. 指導和強化推薦操作;
6. 輕便處理一時義務
以上僅是個人的實踐和經驗總結,迎接大家指出不足之處并提供更多輕設計方面的建議。

 






其他相關文章
  • 交互設計是扼殺你的創意?
  • SEO困境突圍脫節嚇死人的網頁設計
  • 追求高品質轉型中高端網站建設未來之路更寬廣
  • 網站用戶體驗詳談
  • 網站域名對搜索引擎排名的影響
  • 談網站建設的網站架構相關知識




  • 企業網站后臺使用
    購物網站后臺使用
    網站產品圖片的處理



    農業銀行支付
    建設銀行支付
    郵政儲蓄銀行支付



    企業網站建設
    整站建設
    購物網站



    企業網站建設建議
    注冊適合自己的域名
    什么是虛擬主機




    售前咨詢QQ: 838821345
    售后服務QQ: 464698733
    應急手機:13917498722


    微信掃一掃
    添加24小時微信客服


    郵箱:lang@MENGL.CN
    地址:上海寶山區城銀路555弄2號樓3樓
    ICP備案:滬ICP備12042844號-3
     滬公網安備:31011402002917號
    做網站 | 企業網站建設 | 上海做網站 | 企業網站制作 | 做網站的公司 | 關于蒙狼 | 整站建設 | 購物網站 | 企業網絡營銷 | 成功案例 | 加盟代理 | 在線訂單
    服務區域: 臨港新區做網站 徐匯做網站 閔行做網站 長寧做網站 虹口做網站 黃浦做網站 盧灣做網站 靜安做網站 浦東做網站 楊浦做網站 普陀做網站 閘北做網站 寶山做網站 嘉定做網站 松江做網站 昆山做網站
    Copyright 2012-2025 上海蒙狼網絡科技有限公司 www.jnjiaoyu.cn All Rights Reserved