建站常識
讀設(shè)計看需求
2010-11-15 08:26:00
無論是交互設(shè)計還是視覺設(shè)計,處處都體現(xiàn)了精心布置的需求,也無論我們有多少的設(shè)計原則和這樣那樣的設(shè)計規(guī)范,所有的出發(fā)點都圍繞需求進行。所以正確理解產(chǎn)品的服務(wù)定義,把握產(chǎn)品的功能方向,才能于大小之處設(shè)計合理于需求。
設(shè)計是需求的表達,溝通用戶,準確滿足用戶需求的通道,這個通道可精可粗,源于人自身驚人的適應(yīng)力,設(shè)計則將“挑戰(zhàn)人的適應(yīng)力”降到極限。
早些時候,讀了Alan cooper 的About Face 一書,對其中的很多設(shè)計觀點和方法深信卻很難想象不知其操作性,或者說更多的是如何使用設(shè)計手段讓產(chǎn)品更加的平易近人,如果產(chǎn)品本身是一把害人的兇器,設(shè)計頂多只能讓人死的不那么難受,卻難逃死劫。
設(shè)計設(shè)計,我是需求;需求需求,我是設(shè)計;本無瓜葛,奈何扯皮!
從這個角度去理解,或許更容易去解讀種種的設(shè)計方法,靈活運用,而不是生搬硬套。
針對一種設(shè)計元素,或者講視覺元素(實際上更多的設(shè)計元素還是以視覺的形式來呈現(xiàn)的多一些,當然不排除諸如聲音等其他手段),就有諸多的屬性進行需求寓意的表達和分析:尺寸,顏色,形態(tài),值(明暗),紋理,方位,位置,任何一個屬性層面的對比都可以通過凸顯或淹沒的方式傳達其重要性(根據(jù)需求)。
由此,或許,我們會非常容易理解并靈活應(yīng)用Alan Cooper 關(guān)于框架層, 或表現(xiàn)層一些設(shè)計原則:
1,根據(jù)視覺屬性對元素進行分組,表達清晰的層次結(jié)構(gòu):
a 這幾個元素那個更重要?
b 這些元素之間有什么關(guān)系?
2,創(chuàng)建清晰層次結(jié)構(gòu)的一些方法:
a 如果屏幕兩個區(qū)域占用的空間差不錯,干脆做成一樣大小
b如果兩個區(qū)域的需求 不同,就將之做成明顯的不同
c屏幕區(qū)域比例干脆,突出,明確
3,創(chuàng)建良好的邏輯路徑
4,采用瞇眼測試法,權(quán)衡整個屏幕的對稱和均衡問題
5,明確各種元素在屏幕上的分工關(guān)系,避免視覺噪音和混亂(非重要元素過于突出或者產(chǎn)生規(guī)模效應(yīng))
Alan Cooper給出了設(shè)計的方法論:明確元素之間的關(guān)系,哪個更為重要,基此建立明確的視覺元素分類,但是這些元素誰重要,誰說了算?需求說了算,所以有人發(fā)明了一種瞇眼測試法,通過各種元素對人感受的深淺來判斷視覺設(shè)計的優(yōu)劣——是否把我們真正潛在的需求恰當?shù)谋憩F(xiàn)出來?
說到這里,想起了一種非常重要的布局方式——列表模式。無論是縱向列表還是橫向列表都為我們的各種設(shè)備應(yīng)用而樂此不彼。而列表因為群組的規(guī)模效應(yīng)很容易因為一點點的瑕疵而影響整體信息的溝通,Alan cooper 稱之為“視覺噪音”,或者我們說它承載的功能需求(讓內(nèi)容或真正的需求看起來更有清晰,有層次)已經(jīng)過猶不及——太過于強化層次而搶了內(nèi)容的風頭。
這也難怪一位UI工程師的這樣一句話:“最好的設(shè)計不是用來看的,是用來體驗的”。這意味著,你的 UI 應(yīng)該讓用戶去體驗,而不是放一些花哨的東西給用戶看。UI 設(shè)計越簡單,用戶體驗越好,不要濫用設(shè)計元素,不要使用擁擠的界面”。
6,盡量保持簡單
不必要的差異是可用且一致設(shè)計的大敵!
在騰訊微博看到有這么一段關(guān)于簡單的看法:
“都說要簡單,求簡單就要聚焦。但聚焦恰恰是很難的,因為首先你要知道重點或問題的核心,才能有焦點可聚!否則就是眉毛胡子一把抓,看似忙碌充實但問題仍然無解。聚焦還意味著放棄,因為只有放棄次要細節(jié),適度忽略短期的利益,才能取得最終的收獲!所以,把事情做簡單最難。”
我想簡單有很多種方法,簡單意味著取舍,但并不等于放棄,即使最為核心的功能需求也有“輕”,“重”,“緩”,“急”之分,分開了,問題就迎刃而解了……
7,坍塌測試法,將一個屏幕中的設(shè)計元素,一樣一樣的從頁面中移走,直到設(shè)計的坍塌!
在一次討論會上,我的同事直言該方法的缺陷——拿走引起設(shè)計的坍塌,設(shè)計沒有這樣的權(quán)利隨意的拿走,但是設(shè)計有足夠的權(quán)利將需求通過恰當?shù)姆指顑?yōu)化顯示,但是分割的優(yōu)化也是依需求最優(yōu)而言。
由此我想,我們是否可以使用另外一種測試方法,就是針對每一種設(shè)計元素,試圖去改變它在某一個方面的屬性(比如顏色,大小,形狀,紋理,方位等)來判斷,是否最大化的滿足了需求,或者說讓用戶和設(shè)備交互起來最大程度的“省力”。
8,視覺設(shè)計的兩個問題
a 很難在二維表面顯示多維的信息
b 在屏幕中顯示的信息密度要比紙張低的多
這個時候需要:加強視覺對比,或者顯示因果關(guān)系(iphone中關(guān)于Productivity application逐步揭露的方式應(yīng)用的非常的好,也很好的說明了《Do not make me think》一書中提到的:三次無須思考,明確無誤的點擊,相當于一次需要思考的點擊),或同時顯示多種變量(在不影響屏幕清晰邏輯結(jié)構(gòu)的前提下)
說到最后,無論交互設(shè)計或視覺設(shè)計,都在傳達著需求信息:
用戶樂“需求”而不疲,那設(shè)計真是太給力了。
用戶苦“需求”而不疲,那需求真是太給力了。
原文:http://www.ucd-grow01.com/?p=301
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2010-03-09 08:57:00] 視覺設(shè)計前瞻實用性研究(PNVD) 第四期
- [2009-07-13 08:26:00] 交互設(shè)計模式(一)-前言
- [2009-09-25 07:53:00] 背著包袱跳著走
- [2010-06-08 22:20:00] 設(shè)計從整理開始
- [2009-07-25 08:47:00] “反饋信息”的分類及交互設(shè)計原則(1/3)
- [2009-10-21 08:10:00] 設(shè)計師挖掘用戶需求淺談
- [2010-03-05 08:39:00] 交互設(shè)計應(yīng)該看人下菜碟
- [2007-10-09 12:15:00] 視覺設(shè)計不只是圖形
- [2010-10-12 08:39:00] 合理限制用戶的操作
- [2009-05-08 08:08:00] 關(guān)于“反饋提示”的交互設(shè)計
- [2010-06-02 08:47:00] 專題模板(v4.0)視覺升級隨筆
- [2010-11-12 08:27:00] 20K的糾結(jié) 騰訊游戲flash廣告設(shè)計的現(xiàn)狀與未來
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
php程序 青島網(wǎng)站建設(shè) 企業(yè)網(wǎng)站建設(shè) 網(wǎng)站動畫 H5 網(wǎng)站視覺 舒適的界面 青島SEO html和css 青島高端網(wǎng)站建設(shè)公司哪家好 微信小程序 css 青島海洋投資集團 H5定制設(shè)計 集團公司網(wǎng)站建設(shè) 網(wǎng)站品牌 微網(wǎng)站 青島不錯的英文網(wǎng)站建設(shè)公司 微信開發(fā) 青島網(wǎng)站設(shè)計哪家好 集團性網(wǎng)站 網(wǎng)站推廣 青島抖音小程序開發(fā) 青島高端網(wǎng)站建設(shè) 營銷策略 集團官網(wǎng) 搜索引擎蜘蛛 官網(wǎng)建設(shè) 青島黃島、紅島網(wǎng)站建設(shè)公司 青島flash網(wǎng)站