<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          案例研究|陶藝行業(yè)電商體驗(yàn)設(shè)計(jì)”

          共 8247字,需瀏覽 17分鐘

           ·

          2022-05-10 01:16

          點(diǎn)擊 "TCC翻譯情報(bào)局關(guān)注,回復(fù) "社群" 加入我們


          本文共 2346 字,預(yù)計(jì)閱讀  6 分鐘

          TCC 情報(bào)局的 第 136 篇 干貨分享

          2022 年的 第 34 篇


          TCC 推薦:大家好,這里是TCC翻譯情報(bào)局,我是李澤慧。今天我們要來看一份較完整的設(shè)計(jì)案例,對于陶藝這個(gè)細(xì)分行業(yè),作者從桌面研究開始,進(jìn)行了市場調(diào)研、競品研究,計(jì)劃設(shè)計(jì)一款電商App。之后進(jìn)行了一系列的設(shè)計(jì)過程,包括信息架構(gòu)設(shè)計(jì)、線框圖及視覺設(shè)計(jì),并在最后做了評估和回顧。這是一個(gè)從0到1設(shè)計(jì)產(chǎn)品的完整流程,我們一起來學(xué)習(xí)一下吧~

                                                                         



          1.問題陳述

          1. Problem Statement


          作為 10kdesigners 課程作業(yè)的一部分,我們需要為某個(gè)特定領(lǐng)域的用戶設(shè)計(jì)一款 App(在我的案例中是陶藝制品)。

                                                             以下是我對于該問題給出的解決方案設(shè)計(jì)過程。



          2. 調(diào)研

          2. Research


          每一個(gè)設(shè)計(jì)項(xiàng)目的開始都很酷。你要去研究一個(gè)你過去所不知道的全新話題。我就是這樣開始的,我對陶器行業(yè)和電商設(shè)計(jì)模式一無所知。所以我開始進(jìn)行桌面研究來填補(bǔ)空白。


          1) 為什么亞馬遜和 Flipkart 不行?

          1. 如果你搜索陶藝產(chǎn)品,你將會(huì)看到這些結(jié)果

                                                             在亞馬遜和Flipkart搜索“陶土”的結(jié)果


          2.  未來在于細(xì)分市場的電商 

          “長尾效應(yīng)”表明,在線電商正在逐漸地遠(yuǎn)離主流產(chǎn)品,轉(zhuǎn)向細(xì)分市場的產(chǎn)品。


          2) 為什么是一款A(yù)pp?                                                                                                                         


          數(shù)據(jù)來源:statista.com


          3) 了解陶藝市場及其供應(yīng)鏈                                                                                                        


          PS:由于時(shí)間限制,本案例研究僅集中于設(shè)計(jì)一個(gè)電商平臺。


          4) 廣義電商的調(diào)研

          在這里,我開始了解設(shè)計(jì)是如何幫助建立電商業(yè)務(wù)的,并調(diào)研了大量的app,以了解電商設(shè)計(jì)的模式。


          為什么用戶體驗(yàn)在電商行業(yè)中很重要?

          簡單、積極的用戶體驗(yàn) = 利益相關(guān)者的利潤即使轉(zhuǎn)化率相差0.5%,也會(huì)產(chǎn)生數(shù)千美元的差異 )            

                                                   調(diào)研的應(yīng)用程序



          3. 目標(biāo)

          3. Objectives


          在研究的基礎(chǔ)上,我為該項(xiàng)目制定了以下目標(biāo):

          1.讓購物變得輕松、快捷、愉快。

          2.平衡用戶、流程中的步驟數(shù) 和 收集的數(shù)據(jù)量,以便 快速地通過流程。



          4. 信息架構(gòu)

          4. Information Architecture


          1) 產(chǎn)品目錄 

          我開始尋找各種各樣的陶器產(chǎn)品,它們將成為電子商務(wù)產(chǎn)品目錄的一部分。

          像 Bhoomi 陶藝、SARA、Mitticool 和 Creamic Shop 這樣的網(wǎng)站也能幫助我參考,對信息進(jìn)行分類和標(biāo)注。

          產(chǎn)品分類目錄

          2) App 的信息導(dǎo)航

          我的下一個(gè)任務(wù)是設(shè)計(jì) App 的信息導(dǎo)航,我使用了 樹狀圖 來繪制整個(gè) App 的流程。                 App的信息導(dǎo)航


          5.線框圖 

          5. Wireframes


          現(xiàn)在整體架構(gòu)已經(jīng)完成了,我從畫線框圖開始來定義內(nèi)容的布局。我遵循的過程很簡單:
          1.首先用純文本寫下頁面上的內(nèi)容。
          2.為每一個(gè)上述內(nèi)容去創(chuàng)建設(shè)計(jì)元素。
          3.在不同的布局上迭代。
                                                                                                                         在我對布局感到滿意之后,我就到Figma中進(jìn)行視覺設(shè)計(jì)。


          6.視覺設(shè)計(jì)

          6. Visual Design


          在這里,我開始設(shè)計(jì)所選線框圖的高保真版本,并開始進(jìn)一步迭代和優(yōu)化,以達(dá)到目標(biāo)。

          1)首頁 
          首頁是對網(wǎng)站和銷售產(chǎn)品范圍的介紹。用戶瀏覽首頁就應(yīng)該可以看出該店產(chǎn)品的多樣豐富性。
                                                                                                                                                                                       首頁的迭代設(shè)計(jì)       
                                                          分類目錄的迭代設(shè)計(jì)
                                                                                                                                                       

          2)篩選與排序

          • 篩選器允許用戶將項(xiàng)目列表縮小到滿足其指定條件的可管理數(shù)量。
          • 篩選器還可以幫助經(jīng)驗(yàn)較少的新手用戶使用產(chǎn)品。

          在這里,我決定同時(shí)使用多個(gè)篩選器,因?yàn)?/span>
          1.對于較慢的網(wǎng)絡(luò)情況效果更好。
          2. 幫助快速縮小搜索范圍。
                                                            

          3)搜索      
                                                                                                                                                                                                
          搜索框的迭代設(shè)計(jì) 
                                                                                                                                            
                                    

          4)結(jié)算頁

          在這里,我設(shè)計(jì)多頁面的結(jié)賬流程,這樣用戶就可以在每一步中專注于一項(xiàng)任務(wù)。這對用戶比較有幫助,因?yàn)樗麄兛梢钥吹阶约涸诹鞒讨械奈恢?,并且可以輕松地返回到上一個(gè)步驟。
                                                                                                                                                             

          5)其它頁面

                                                     

                         

                    

          7.衡量指標(biāo)

          7.Measuring Success


          歸根結(jié)底,這是一個(gè)電商平臺。因此,衡量指標(biāo)與銷售的產(chǎn)品數(shù)量密切相關(guān)。此外,還可以跟蹤各種 KPI 來衡量產(chǎn)品的成功與否,并進(jìn)一步改進(jìn)體驗(yàn)。

          舉例:

          • 購物車的跳出率

          • 結(jié)帳的跳出率

          • 交易量

          • 轉(zhuǎn)化率

          • 退回的客戶訂單



          8. 學(xué)習(xí)與挑戰(zhàn)

          8.Learnings & Challenges


          • 因?yàn)檫@是我第一次設(shè)計(jì) App,有很多新的東西,所以我從如何按照 人機(jī)界面規(guī)則 進(jìn)行設(shè)計(jì)開始學(xué)習(xí),以及學(xué)習(xí)如何進(jìn)行桌面研究、品牌推廣設(shè)計(jì)系統(tǒng)的構(gòu)建等。

          • 由于做視覺設(shè)計(jì)的迭代花費(fèi)了很多時(shí)間,這幫助我認(rèn)識到線框圖的重要性。在線框階段作出重要決策是節(jié)省時(shí)間的關(guān)鍵。

          • 作為設(shè)計(jì)師,我們在每一個(gè)像素上都會(huì)做出設(shè)計(jì)決策,但隨著我們的進(jìn)步,我們往往會(huì)忘記什么樣的決策在引領(lǐng)著我們。因此 文檔 十分重要,它不僅幫助我們跟蹤設(shè)計(jì),還幫助我們有效地溝通設(shè)計(jì)。

          • 項(xiàng)目完成后,我意識到我所做的 研究 還不足以啟動(dòng)這樣的一款產(chǎn)品。要推出真正的產(chǎn)品,肯定需要更多的研究來支持設(shè)計(jì)決策。

          原文:Designing e-commerce experience for pottery - UI/UX case study | by Pratik Aher | Muzli - Design Inspiration
          作者:Pratik Aher
          譯者:彭祎婕
          審校:吳鵬飛、李澤慧、張聿彤
          編輯:李莉好
          本文翻譯已獲得作者的正式授權(quán)(授權(quán)截圖如下)  


          往期精選文章:
          十個(gè)技巧幫助你設(shè)計(jì)一款在線學(xué)習(xí) APP
          這些色彩心理學(xué)知識教你如何傳遞信息

          案例研究|康奈爾大學(xué)副業(yè)社區(qū)網(wǎng)站設(shè)計(jì)

          Web Vitals —— 谷歌的新一代 Web 性能體驗(yàn)和質(zhì)量指標(biāo)

          網(wǎng)頁設(shè)計(jì)師能從日式美學(xué)中學(xué)到什么?

          案例研究|一款為你帶來難忘體驗(yàn)的美食 APP

          如何制作打動(dòng)面試官的作品集,這里有一份完整的指導(dǎo)手冊

          如何做好用戶體驗(yàn)項(xiàng)目?從一個(gè)好計(jì)劃開始

          如何建立設(shè)計(jì)系統(tǒng)

          如何把握不同層級用戶的需求:回歸本質(zhì),打磨信息架構(gòu)

          TCC 視野|2021 年用戶體驗(yàn)設(shè)計(jì)趨勢分析



          - 設(shè)計(jì)師自習(xí)社區(qū) -
          TCC 設(shè)計(jì)情報(bào)局歡迎小伙伴加入,一起交流設(shè)計(jì)知識,了解全球設(shè)計(jì)資訊,鍛煉英文能力,發(fā)掘更多可能性~
          添加小助手微信,備注「社群」,即可加入讀者群。
          瀏覽 46
          點(diǎn)贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評論
          圖片
          表情
          推薦
          點(diǎn)贊
          評論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  婷婷五月视频在线观看 | 色欲影视淫色淫香 | 日本高清色视影www | 亚洲操逼大全 | 亚洲三级理论 |