<object id="1jvdl"><nobr id="1jvdl"></nobr></object>

<object id="1jvdl"><sup id="1jvdl"></sup></object>
<tr id="1jvdl"></tr>

  • <center id="1jvdl"></center>

      <object id="1jvdl"><option id="1jvdl"><sub id="1jvdl"></sub></option></object>

          <big id="1jvdl"><nobr id="1jvdl"></nobr></big><code id="1jvdl"><em id="1jvdl"><track id="1jvdl"></track></em></code>
          1. 首頁 > 移動應用 > 正文

            從三個方面,分析總結標簽設計的體驗細節!

            2022-02-15 11:07:56  來源:優設

            摘要:在移動端產品中,標簽不是核心內容,甚至有點不起眼,但是誰都無法忽略它的存在。特別是在電商平臺中,標簽已經成為了不可或缺的設計形式。
            關鍵詞: 標簽 設計
              在移動端產品中,標簽不是核心內容,甚至有點不起眼,但是誰都無法忽略它的存在。特別是在電商平臺中,標簽已經成為了不可或缺的設計形式。今天我們就來總結下標簽設計的細節。
             
              文章主要分為 3 部分:
             
              標簽是什么?
             
              標簽需要表達什么?
              標簽設計的要點
              標簽是什么?
             
              1. 功能標簽
             
              百度百科給出的解釋是”Tag(標簽)是一種更為靈活、有趣的日志分類方式,可以為每篇日志添加一個或多個 Tag(標簽)“。
             
              例如在網絡平臺發布文章時,作者可以定義多個標簽,方便讀者更好的理解文章內容。同時平臺也可以根據標簽聚合同類文章,建立目錄索引,引導讀者快速查看標簽文章。
             
              還有一種就是「話題標簽」更加靈活,通常采用“#+任意文字”的形式,作為超鏈接可以跳轉到專題或者信息聚合頁。例如微信、微博、今日頭條的話題標簽。
             
              以上 2 種形式更多的是從功能角度出發,側重分類和索引功能。
             
              2. 標簽組件
             
              在設計側更講求標簽的信息傳遞及表現形式。AntDesign、TDesign 等 Web 端規范都有專門的 Tag 組件,可以看出主要有 3 個作用——標記、分類和選擇。
             
              標簽需要表達什么?
             
              在移動端產品中,標簽通常出現在“發現”、“推薦”頁面,或者搜索結果頁面中。通過簡單精煉的表達方式,在有限的空間輔助信息表達,讓用戶可以更多維度地了解內容,引起用戶注意并激發用戶興趣。
             
              所以標簽所表達的內容至關重要,主要包括以下 3 個信息方向。
             
              1. 商品或服務特點
             
              對電商平臺而言,商品、價格,服務、物流等服務環節都會影響到用戶決策,因此需要盡可能地將商品及服務的價值點傳遞給用戶。而移動端產品屏幕空間有限,需要將各類信息分層有序的展現出來。
             
              標簽既可以突出商品折扣、優惠信息、服務特色吸引用戶,又不會占用太多的空間,所以成為了商品展示重要的輔助信息。
             
              2. 用戶行為
             
              最近我在使用支付寶在付款時,發現對方賬戶信息增加了”經常光顧“的輔助標簽,讓我可以更放心地完成付款。簡單的標簽可以緩解用戶誤操作的焦慮,增強安全感。
             
              而在騰訊云手機端登錄時,增加了“上次登錄”的標簽,降低了多賬號用戶的記憶成本,帶給用戶更好的用戶體驗。
             
              同樣在電商平臺中,用戶行為也成為了重要的標簽符號,買過,訂閱過、瀏覽過等標簽可以喚醒用戶的記憶,拉進商品與用戶間的距離,有助于帶來更好的點擊量。
             
              3. 從眾心理引導
             
              當用戶無法決策時,從眾心理會成為影響用戶決策的重要因素。所以在電商平臺,銷量作為非常重要的排序條件單獨展示,方便用戶快捷操作。同樣其他用戶的收藏量、下單量、播放量數據也會對用戶行為產生影響。因此這類信息廣泛應用在標簽設計中,積極引導用戶點擊和轉化。
             
              標簽設計的要點
             
              1. 精煉
             
              標簽通常面積比較小,主要作為輔助或者補充信息,幫助用戶更好的理解主體信息。因此需要精煉易懂,不適合展示大段內容。但是過于簡單的標簽,無法給用戶足夠的信息,容易讓用戶看不懂、產生疑惑。
             
              例如美團美食中的標簽。“訂”是什么含義呢?提前預訂?訂座?“買”又是什么含義呢?買單?買券?當然可能是因為我不經常使用美團,對標簽有些不太理解。所以這些標簽信息對我來說,也起不到傳遞信息的作用。
             
              2. 視覺突出
             
              由于面積比較小,標簽通常會增加背景色,或者采用鮮亮的色彩、圖形吸引用戶的注意。但是在不同的產品中,視覺突出的方式也是不同的。我們可以通過以下 3 款產品的封面標簽了解其中的微妙差異。
             
              騰訊視頻采用的是固定背景色標簽,標簽本身成為了一種信息符號,重在表達產品視頻的特性,強調突出醒目。
             
              在美團中,標簽采用透明底色,信息以銷量和好評率為主,作為菜品的輔助信息,更多考慮的是減少對圖片造成干擾,輔助標簽文本信息的傳遞。
             
              而在網易云音樂中,標簽采用的是封面主色調作為底色,盡量與封面融為一體,減少對封面干擾,保證標簽文本信息的有效傳遞。
             
              3. 一致性與差異化
             
              標簽是需要遵循一致性還是差異性呢?不同的平臺給出了截然不同的答案。
             
              在淘寶中,標簽基本是固定在同一色系中,采用相近的視覺形式。當然首單優惠、次日達等重點服務特性則采用了明顯的差異化表現形式。另外電商平臺中的廣告標簽,更多是滿足政策法規的要求,不得已而為之,因此相比價格優惠等利益點標簽,明顯被弱化了。
             
              而在京東中,不同類型的標簽具有明顯的差異化,整體形式、顏色都不一樣,力求通過差異化輔助標簽信息的傳遞。

            第三十四屆CIO班招生
            國際CIO認證培訓
            首席數據官(CDO)認證培訓
            責編:zhangwenwen

            免責聲明:本網站(http://www.instituteofdigitalmarketingusa.com/)內容主要來自原創、合作媒體供稿和第三方投稿,凡在本網站出現的信息,均僅供參考。本網站將盡力確保所提供信息的準確性及可靠性,但不保證有關資料的準確性及可靠性,讀者在使用前請進一步核實,并對任何自主決定的行為負責。本網站對有關資料所引致的錯誤、不確或遺漏,概不負任何法律責任。
            本網站刊載的所有內容(包括但不僅限文字、圖片、LOGO、音頻、視頻、軟件、程序等)版權歸原作者所有。任何單位或個人認為本網站中的內容可能涉嫌侵犯其知識產權或存在不實內容時,請及時通知本站,予以刪除。

            天天狠天天天天透在线

            <object id="1jvdl"><nobr id="1jvdl"></nobr></object>

            <object id="1jvdl"><sup id="1jvdl"></sup></object>
            <tr id="1jvdl"></tr>

          2. <center id="1jvdl"></center>

              <object id="1jvdl"><option id="1jvdl"><sub id="1jvdl"></sub></option></object>

                  <big id="1jvdl"><nobr id="1jvdl"></nobr></big><code id="1jvdl"><em id="1jvdl"><track id="1jvdl"></track></em></code>