<track id="f1fwc"><i id="f1fwc"><del id="f1fwc"></del></i></track>
      <track id="f1fwc"><em id="f1fwc"></em></track>
      <optgroup id="f1fwc"></optgroup>

      1. <optgroup id="f1fwc"><li id="f1fwc"></li></optgroup>

        當前位置:首頁 > 新聞中心 > 建站指導
        網頁設計如何增加用戶信賴感和驚喜感責任編輯 :李飛    文章來源 :星翼創想(www.ppg23.com)    發布時間 :2017-06-01    閱讀次數:2164     專題 :網站設計

        信賴感

        近和業務方討論產品體驗目標時,「可信賴」一詞被多次提到,那么都有什么因素會影響到產品的可信賴感?如何通過體驗設計手段,打造能贏得用戶信任的產品呢?在此拋磚引玉,歡迎探討。

        專業的整體印象

        專業與信賴的關系密不可分,展現出產品的專業程度,有利于快速獲取到新用戶的信任,在高質量的內容基礎上,我們也可以通過設計進一步固化「專業」的印象。

        1. 氛圍渲染

        在上圖這個案例中,產品關鍵功能的截圖并不是孤立展示的,而是嵌入在具體的使用場景(老板和員工正在交談)之中,通過高質量的場景圖/視頻,可以有效強化用戶對產品專業性的印象,這種方式在不少 B 類產品首頁都能見到。

        除了以上這種形式,在頁面中透露出產品當前已經取得的成就,比如具體的數據、來自已有用戶的正面評價等,也是常用手段之一。

        2. 關注細節

        細節上的設計心思雖然不是所有人都能感知得到,但也是有效表達產品專業態度的手段之一,粗糙的界面、令人困惑的文案、糟糕的一致性、直接暴露的系統錯誤信息,不專業的設計表現,影響的是用戶對產品整體的信任。

        3. 適當保守

        雖然我們平時都講要設計創新、要突破常規,但對于專業可信賴有著高要求的產品,一味追求酷炫的交互視覺表現,有時反而容易引發用戶的疑慮,并非所有人都是熱愛新鮮事物的年輕一族,適當的保守對于營造產品專業印象還是有積極作用的。

        放心的使用感受

        1. 坦誠透明

        處于個性化推薦等功能需要,產品有時會要求用戶提供個人信息、系統權限等,但不夠妥當的索要方式則會讓用戶感到不安、擔心隱私泄漏。

        更合適的做法是,首先和業務確認需要讓用戶提供的內容是否一定必要,在合適的場景下(比如不提供就無法進行下一步操作,而非一打開應用就要求)向用戶請求,并表達清楚為什么需要個人信息/權限等內容、提供后的具體用途,承諾保障隱私權、不會對用戶利益造成損害。

        除此之外,涉及到多流程、多狀態等場景,及時反饋給用戶最新動態,讓用戶第一時間產生感知,也有利于贏得更多信任。

        2. 井然有序

        秩序,意為有條理地、有組織地安排各構成部分以求達到正常的運轉或良好的外觀的狀態,映射到產品設計中,則是清晰有條理的瀏覽操作體驗。

        內容層面,信息組織需要有一條清晰連貫的邏輯主線,雜亂無章的堆積則很容易令人迷失;交互層面,操作邏輯環環相扣,適當外化整體進度,對當前所處位置有比較好的感知;展現層面,保持用戶注意力的聚焦,比如當有多個模塊都存在切換動效時循序執行,而不是每個模塊都在切換,令人無所適從。

        3. 品牌背書

        同等條件下,大公司、大品牌更容易獲取信任,產品設計中也可以利用這一點,在界面里嵌入展示品牌信息,增加權威印象。

        當然,我想營造信賴感的方法還有很多,文章也只是片面地總結了一部分,有更多想法的話,歡迎補充交流哦~

        驚喜感

        在平時的設計工作中,我們有時候會陷入一種「千篇一律的平淡」式苦惱,覺得類似的產品基本都是差不多的信息架構、布局風格、界面元素……自己按照各種方法推導下來的結果也難逃窠臼;而如果想要做一點不一樣的創新突破,又容易走進「為設計而設計」的誤區,非但不能討得合作方和用戶的歡心,還會招來類似「為啥不按 xx 產品那樣做」的質疑。

        過去幾個月來,我一直在試圖驅動自己多思考怎么賦予自己的設計以更多的「驚喜感」。首先要明確的是,「打破常規」只是「創造驚喜」的充分非必要條件,相比盲目追求「為了不一樣而不一樣」,嘗試有邏輯多維度的聯想發散,帶給了我更多有意思又具備一定說服力的靈感啟發,下文中就我就舉近期幾個思考的例子來說明。

        1. 諧音聯想

        在背單詞、想文案、譯商標時,「諧音聯想法」經常被有意無意地用到,很多流行一時的網絡用語也源于一些內涵的諧音詞匯。而在設計工作中,諧音聯想則可以幫助我們把一些抽象或無味的詞匯,可視化成生動有趣的形象。

        前段時間組隊參加部門的 Hackathon 活動,需要設計一個類似「壓力指標」的數據圖表,最開始的時候我想到的是可視化成氣壓計、儀表盤之類的形象,比較直觀和常見,但也偏于平庸、沒什么驚喜感。

        轉機發生在一次用拼音輸入「壓力值」的時候,無意間瞥到輸入法的建議列表中給出了「鴨梨」一詞,瞬間想到幾年前的流行網絡用語「鴨梨山大」,于是我想:為什么不直接把壓力值可視化成一個梨子的形象呢?還可以進一步拓展:壓力值越高梨子個頭越大,給梨子加上各種微表情,可以像「切水果」一樣切碎梨子來「釋放壓力」等……這下可比氣壓計儀表盤之類有趣多了,方案也得到了小組內伙伴的一致肯定(雖然還是遺憾地沒能獲獎哈哈~)。

        2. 行為聯想

        動效設計研究是我這半年來一個主要的專業沉淀方向,也沒少搜集體驗各種界面動效設計案例,但感覺大部分的動效設計還是停留在諸如「讓體驗銜接更流暢」、「吸引你的注意力」之類的階段,對于深層次一點的有溫度、有情感的動態行為挖掘并不太深入。

        之前聽公司里一位資深設計專家的分享時,他舉了一個設計案例,為了在產品中體現出「主動積極」的商務禮儀設計語言,為左右切換 Banner 的箭頭入口做了一個小動效,當鼠標 Hover 到箭頭附近時,后者會主動向鼠標靠近,就像商務場景中對方主動來向你握手一樣。雖然只是一個很小的細節,但卻能給人以觸動。

        最近在做對話式交互產品的案例搜集工作,在 Dribbble 上看到了一個 Google 用來招聘實習生的作品,是一個類似 Google Allo 的對話界面,效果如下:

        雖然對話氣泡出現的動效用在實際產品設計中,會顯得略于浮夸,但這卻給了我一個啟發,是不是可以考慮給對話氣泡賦予一些有情感的動效呢?比如當我給這個氣泡的內容點了贊,氣泡會感到「高興」而蹦蹦跳跳一下;當我覺得氣泡里的回答沒有任何幫助,氣泡會因為「沮喪」而癱軟成一團爛泥;當我表達了憤怒生氣的情緒時,氣泡會因為「害怕」而瑟瑟發抖……把設計的對象看成一個有血有肉的人,再去思考怎么賦予它的行為以意義,也許可以更好地幫我們做出「觸動人心」的動效設計。


        文章轉載請保留網址:http://www.ppg23.com/news/faq/1802.html

        国产在线大香蕉伊人