<label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>

    將想法與焦點和您一起共享

    三個維度幫你重新思考設計標準發(fā)布者:本站     時間:2020-06-05 15:06:56

    1,設計標準的重要性
    首先講一下設計標準的重要性。我們在產(chǎn)品設計過程中,經(jīng)常會遇見這樣的問題,“如何評估現(xiàn)在產(chǎn)品的用戶體驗設計質(zhì)量”,“如何證明這次改版后用戶體驗設計質(zhì)量提升”,“如何證明設計團隊在這個產(chǎn)品關鍵數(shù)據(jù)提升中體現(xiàn)的設計價值”,等等。當然,商業(yè)價值體現(xiàn)、產(chǎn)品成功、用戶反饋、數(shù)據(jù)驗證等,都可以成為我們評判產(chǎn)品用戶體驗設計質(zhì)量的關鍵參考點,但是我覺得設計團隊應該有一個統(tǒng)一有效有公信力的設計標準,并以這個標準為主導帶動團隊進行設計工作。這個設計標準應該是根據(jù)團隊對應業(yè)務進行定制,且同時符合用戶體驗設計主流標準和趨勢的。這個設計標準可以幫助設計團隊拉通設計目標,提升設計團隊整體專業(yè)能力;可以幫助業(yè)務團隊更充分理解用戶體驗設計,有專業(yè)化的用戶體驗設計思考維度,提升業(yè)務團隊與設計團隊的合作效率;可以幫助客戶更了解產(chǎn)品設計的過程與用戶體驗設計價值點,提升客戶對產(chǎn)品的理解度和欣賞度。

    設計標準好處很多,可以用于指導、自測、專家測試、現(xiàn)狀分析、改版驗證、趨勢分析等產(chǎn)品設計關鍵任務中,所以設計標準大家團隊應該都有一套。設計標準建立并不難,但是在真實項目中落地、迭代、升級需要設計師們用心去做,推動起來需要設計團隊的設計信用和設計地位足夠高。一套設計標準的建立、豐富、推廣,需要設計團隊花不少心思。

    我們團隊的設計標準是公司內(nèi)部材料,不能對外分享。不過有了基本思路,我相信大家都能建立一個初步版本的可以幫助自己設計產(chǎn)品或者支撐業(yè)務的設計標準。:)


    2,設計標準的思考方式
    雖然不能分享我們團隊的設計標準,但是我可以分享一下自己對設計標準的思考方式。工作這么久,思考維度已經(jīng)開始多樣豐富化,我嘗試簡單從3個維度來分析理解一個設計標準,之前知乎有一個問題邀請我回答什么是用戶體驗設計的一致性,今天我就以一致性這個設計標準來舉例子。

    a. 宏觀維度

    首先,思考一個設計標準的第一步,應該從宏觀維度來思考。什么是宏觀維度呢?我理解是在界面和基本流程之上的信息架構維度、產(chǎn)品形態(tài)維度、業(yè)界生態(tài)維度、商業(yè)維度等方面。

    思考一致性,我們可以嘗試思考以下問題:

    整個產(chǎn)品的信息框架是否完整有效一致?產(chǎn)品整體信息框架下的各個小模塊框架是否具有框架維度的一致性?例如一致傳遞高效率操作的思路,例如打薄層級的做法,例如內(nèi)容第一的設計態(tài)度等。
    產(chǎn)品形態(tài)維度是否具有一致性?例如產(chǎn)品整體視覺風格,例如交互設計關注的用戶聚焦掌控性,例如動效設計體現(xiàn)的用戶操作指導性等。產(chǎn)品形態(tài)的一致性,應該是從信息架構層一直貫穿到元素層,保證整個產(chǎn)品的每個使用場景都是一致有效的。
    產(chǎn)品是否能與業(yè)界生態(tài)一致?例如產(chǎn)品的核心功能哪些是突破式創(chuàng)新應該不一樣,哪些是需要符合大眾用戶心理模型的場景設計需要一樣;例如每一款手機都可以拍照,如果我們要做一部不能拍照的手機是不是要思考好再行動?這些點都需要考慮清楚,因為用戶在真實世界中使用大量產(chǎn)品,他們的心理模型和行為模式是大眾式的,我們的產(chǎn)品形態(tài)需要在很多領域符合業(yè)界趨勢,保證產(chǎn)品對用戶的親和力。
    產(chǎn)品的商業(yè)與設計結合性是否足夠一致?例如一個免費的游戲,通過游戲內(nèi)消費來盈利,那么整個產(chǎn)品在設計如何引導用戶消費、如何運營等方面,都要在商業(yè)思考維度有一致性,這樣才能幫助產(chǎn)品商業(yè)結果最優(yōu)。
    這是以一致性為例子的宏觀維度思考。宏觀維度的一致性,幫助產(chǎn)品把控大方向,幫助業(yè)務團隊和設計團隊建立對一個產(chǎn)品的全局把控能力和質(zhì)量約束能力,幫助設計師控制產(chǎn)品整體信息框架、視覺風格、品牌傳達能力等,幫助商業(yè)模式在產(chǎn)品中得到一致性推動。


    b. 界面與流程維度

    其次,需要思考界面與流程維度的一致性,這個思考模式很容易理解。

    界面維度,交互設計的界面布局、聚焦方式、輕重緩急、講故事方式等是否一致;視覺設計的風格設定、視覺效果、感染力、品牌傳達能力是否一致;動效設計的一舉一動、意義表達是否一致。

    流程維度,產(chǎn)品在各線操作流中,是否提供給用戶一致的流程體驗。產(chǎn)品流程設計應該讓用戶在整個產(chǎn)品使用過程中感受到自然、容易理解、復用經(jīng)驗效率高等好的感受,而不是別扭、效率低、同樣操作帶來不同結果等不好的感受。

    這是以一致性為例子的界面與流程維度思考。界面與流程維度的一致性,幫助產(chǎn)品整體成型、一致有效,幫助產(chǎn)品實現(xiàn)界面風格統(tǒng)一,幫助用戶在使用產(chǎn)品過程中輕松愉悅。

    c. 元素維度

    最后不能忘記元素維度的一致性,這個思考模式也不難理解。

    例如交互的控件,需要統(tǒng)一穿透整個產(chǎn)品,一個篩選器、一個拖動條、一個樹形結構打開方式等等,都要有產(chǎn)品全局的一致性,這樣的一致性在越大型產(chǎn)品中體現(xiàn)的意義越大。

    例如圖標的一致性,一個視覺風格,一個表達邏輯,貫穿產(chǎn)品,一目了然。

    例如一個下拉動效的一致性,一個轉場動畫的一致性。

    例如用詞方式的一致性,“確認”還是“確定”,“您”還是“尊敬的用戶”,第一人稱還是第三人稱,一個產(chǎn)品要拉通。



    選擇我們,優(yōu)質(zhì)服務,不容錯過
    1. 優(yōu)秀的網(wǎng)絡資源,強大的網(wǎng)站優(yōu)化技術,穩(wěn)定的網(wǎng)站和速度保證
    2. 15年上海網(wǎng)站建設經(jīng)驗,優(yōu)秀的技術和設計水平,更放心
    3. 全程省心服務,不必擔心自己不懂網(wǎng)絡,更省心。
    ------------------------------------------------------------
    24小時聯(lián)系電話:021-58370032
    關鍵詞標簽:上海網(wǎng)站建設 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)
    99人妻中文字幕视频在,亚洲无码视频在线免费看,久久国产乱子伦免费精品,日本中文字幕色视频网站
    <label id="2a06w"><tt id="2a06w"></tt></label><label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label><menu id="2a06w"></menu>
  • <dfn id="2a06w"><var id="2a06w"><label id="2a06w"></label></var></dfn>
    <sup id="2a06w"><button id="2a06w"><em id="2a06w"></em></button></sup>
    <dfn id="2a06w"><var id="2a06w"></var></dfn>
    <dfn id="2a06w"></dfn>
  • <dfn id="2a06w"><code id="2a06w"><ins id="2a06w"></ins></code></dfn>
  • <small id="2a06w"><samp id="2a06w"></samp></small>
  • <dfn id="2a06w"><table id="2a06w"><center id="2a06w"></center></table></dfn>
    <label id="2a06w"><tt id="2a06w"><em id="2a06w"></em></tt></label>
    <strike id="2a06w"><form id="2a06w"></form></strike>
    <menu id="2a06w"><tt id="2a06w"></tt></menu>