• 小螞蟻站長吧-互聯網運營、增長黑客學習交流平臺

    您好,歡迎訪問小螞蟻站長吧!

    重新設計印度尼西亞排名第一的雜貨網店

    2022-11-23 00:00分類:產品設計 閱讀:

     

    在設計項目流程時,該如何進展改進?對此,白文以印度尼西亞列名狀元的雜貨網店為例,從發現、構思、設計幾個超階段對改項目拓展了改進,并展示分析了設計流程,一起來瞧瞧吧。

    在這此 UI/UX 案例鉆研中,我將說講我是如何從頭開始重新設計雜貨網店 SESA ,講述我的設計流程以及在此進程中做出的決議。

    一、項目背景

    SESA 瞧了我的案例切磋后在 LinkedIn 上關聯了我 —— Tasty Green 提出了她們對重新設計現有 PWA【1】以用來桌面和移步斷點的規定。而且,我決議接受其一出戰!

    (【1】PWA:(穩步前進式 Web 應用程序)是一種使動各族技藝來加強Web應用程序功能的理念,它得以使網站體驗更好并模擬一些本機功能,例如通牒推送、在挪窩端應用規范化框架,Web應用程序具有與本機應用程序類似的體驗。)

    UX 案例研討:設計美味綠色食品雜貨鋪 App

    作為一名購物者,我歡喜在當地的雜貨鋪購物,并放在心上到老佰姓面臨的一些問題……

    貳、我的角色

    用戶體驗鉆研、用戶界面設計、原型設計、文案撰寫、藝術指導

    (經意:所有設計組件差數據嚴厲屬于 SESA ? 并獲得版權。請不要再創或重新分發。)

    仨、點子論

    重新設計印度尼西亞排名第一的雜貨網店

    肆、處女超階段:發現

    1. 利益相關者訪談

    我與 SESA 的奠基人和成品副總展開了 2-3 次議會,以更好地亮堂她們的成品并找到業務目標、用戶需和議招術限制之間的交集。

    并且得以下結論為:

    重新設計印度尼西亞排名第一的雜貨網店

    2. 問題陳說

    • 低變更率:亂雜的界面用到戶更難采風制品及其生成。
    • 對無繩話機用戶不友善:幾乎 90% 的用戶通過無線電話拜訪網站,但部手機端設計不符合用戶期望。
    • 部手機網站上令人困惑的用戶界面和體驗:時下,她們正在為其網站用以現成的沙盤,該沙盤并未立據品牌和目標受眾進展完善。因此,需求很長工夫才略加載。

    3. 客戶真正想要甚么?

    • 一鍵購物
    • 更簡易的用戶界面和用戶體驗
    • 節理制品搜索
    • 用戶很信手拈來瞧到折扣和優惠
    • 搜索網站時的駕輕就熟度和簡練性

    4. 學有所成指標

    • 增加俺們訂單的平均常值
    • 讓更多人掌握咱們的品牌
    • 也增加了用戶和訂單
    • 焊縫用戶體驗
    • 讓身強力壯的光陰方式更受歡迎、更實惠、更逍遙自在、更愉快、更美味
    • 提供和耳提面命逍遙自在強壯轉變為快樂美好光陰

    5. 概念目標受眾

    重新設計印度尼西亞排名第一的雜貨網店

    伍、次之超階段:構思

    1. 角色卡

    • 為了與目標受眾產生共鳴,我立據目標受眾基準創建了 2 個角色。
    • 我創建了兩個完全不同的角色來理解來自兩個不同背景的用戶旅程。

    重新設計印度尼西亞排名第一的雜貨網店

    (1)Rheza Aulia麗莎·奧利亞

    年紀:25歲,專業:社會風氣藝術,勢態:單身,事情:世界博主,地址:巴厘,文明程度:高

    “我覺著美隨處可見。尋平常人是丑得東西,我能瞅到它的另類美?!?/p>

    個性:充滿活力的,自我導向的,妙語如珠的

    類型:顏面書、油管、ins 相片墻

    開銷媒介:數字付款,現金/空頭支票

    個人閱世:Rheza 是印度尼西亞有名的俗尚博主和油管博主。她想要保持虎頭虎腦。她每天鍛煉,吃身強體壯的食品。她與各項品牌通力合作,向她的粉絲贊助她們的成品。她獨自日子,并且想要獨立自主的光陰。

    當軸處中需求:

    • 想要保持自立,并變為印度尼西亞頂流網紅
    • 想要可以自我治理,并使得人們意識到自我管治
    • 想要保持銅筋鐵骨,這樣她瞅起來順眼感人并且爾后能獲得更多品牌協作

    挫敗感:

    • 她保持自立,并沒有很多關于雜貨鋪購物的知識
    • 雖然她充滿活力,但是對送貨緩期和每日超市花消深感挫敗
    • 市場上并沒有過多的選擇和比擬

    重新設計印度尼西亞排名第一的雜貨網店

    (2)Jane Ani簡安妮

    庚:35歲,專業:商課,勢態:未婚,事差:門風博主,地址:雅加達,雙文明程度:中

    “我信得過健旺的人體寓于健壯的眼疾手快。我但愿家人身強體壯無恙緣以她們對我來說就是全全球。我也參與各族可持續的底子社區干涉當中?!?/p>

    個性:敏感的,有雄心壯志的,披肝瀝膽的

    類型:美國宇航局、華為、ins相片墻

    開銷媒介:數字付款

    個人閱歷:Jane 未婚,生了一對龍鳳胎。除了媽媽的身份,她還治治100名員工的公司。她的公司專注于電子勞服,伴隨著客戶高規定和激烈競爭。她是一名母親,一位妻子,于此同時還是一名卓有成就的女實業家深感心可心足。

    關鍵性需求:

    • 自豪感:只接受活命中最好的(自我兌現)
    • 健狀是大半生的重中之重(有意識的選擇)
    • 保持家人壯健一路平安只為他倆提供最好的成品,何樂而不為為此付出更多(決策和保證)

    挫敗感:

    • 鑒于療程無暇,她并無從去雜貨鋪購物
    • 她沒有從當地百貨商店買到優質成品。盡管她沒有得到銅筋鐵骨的物料,她甚至付了更多
    • 想要確保她的幼童們在所有東西中獲得最好的

    2. 報國志用戶之旅

    當我開始完了和理解更多用戶的失利時,我想放大用戶的日子方式。因此,我得以想出一個從略的方式來融入她們的小日子。

    重新設計印度尼西亞排名第一的雜貨網店

    重新設計印度尼西亞排名第一的雜貨網店

    重新設計印度尼西亞排名第一的雜貨網店

    重新設計印度尼西亞排名第一的雜貨網店

    3. 旅程地形圖

    為了更深入地質解失敗感,我采取了“旅程分析”用戶體驗法子,并將旅程分為伍個超階段——

    1. 探索網站
    2. 相形之下制品
    3. 承諾購買
    4. 主動購買
    5. 收起制品

    并在那些超階段 強調用戶——

    • 表現
    • 思想
    • 神志

    重新設計印度尼西亞排名第一的雜貨網店

    旅程地形圖

    重新設計印度尼西亞排名第一的雜貨網店

    指出旅程地形圖中的挫敗感

    4. 競品分析

    • 它拉襄我分曉競爭對手在做啥子以及她倆如何解決那些問題。
    • 它還協助我從那些網站獲得陰暗面評說,并通過解決咱們得以讓自己脫穎而出的問題。

    重新設計印度尼西亞排名第一的雜貨網店

    圖片通譯如下:

    咱們從Sayurbox國學到了啥子?

    Sayurbox(雜貨網店)

    • 題目中的大局搜索、類別和部位周詳信息,
    • 首屏中最多 5 個輪播圖里程碑,
    • 主頁中的每個一些都理合分揀,
    • 特色商品分,
    • 主頁底部的常見問題搶答,
    • 成品信息、營養和進益、貯存抓撓、村民和供應商,
    • 稽考時,問Mobile no.,
    • 成品包裝:塑料/非塑料
    • 交貨年光段

    重新設計印度尼西亞排名第一的雜貨網店

    圖片通譯如下:

    俺們從 Happyfresh 國學到了啥子?

    Happyfresh(同一個地方囊括了所有的百貨商店)

    • 首屏片段中的部位,帶有主圖
    • 題名中的言語和個人信息
    • 展示頂級超市和雜貨鋪
    • 為何在Happyfresh購物?展示主要重點,貨到付款/在線開發
    • 集團公司交付
    • 在成品印張一分為二類和過濾
    • 制品公論和評級
    • 頂部橫披展示
    • 購物車的右側邊欄
    • 自概念您的購物車訂單

    重新設計印度尼西亞排名第一的雜貨網店

    圖片通譯如下:

    俺們從 Brambang 舊學到了甚么

    Brambang(雜貨網店)

    • 大局搜索、登錄和購物車
    • 首屏(6)中的橫披
    • 好評
    • 限時促銷
    • 從 Brambang購買的優勢
    • 會員線性規劃
    • 誓愿清單:列一個清單

    5. 客戶評說(競品)

    • 我從競品那里收集了用戶的陰暗面評說,并專注于通過咱們的設計解決它們。
    • 它拉扯我更好地理解用戶。

    重新設計印度尼西亞排名第一的雜貨網店

    圖片通譯如下:

    Sayurbox 客戶評說

    GG Branch 2020.11.1

    本條應用程序真的令人敗興,我的訂單本當最晚在下半晌 1 點抵至,但它從來沒有出現過。在我決議給客服打手機后,下文發現我的訂單被送錯了地址,糾正之后,我終于拿到了我的菜蔬,但是西紅柿變得油膩膩糊的。我規定退稅,但客戶勞服切切實實上沒有回復。不得了的閱歷,不要令人信服這此應用程序!

    Ida Wirawaty 2020.3.17

    不得了的的應用程序。你甚至沒門兒取消訂單,從而使新訂單的付款更加創業維艱,歸因于假定已取消訂單的所有價錢都與正在進展的訂單相粘結。常見問題筆答選項對解決此問題幾乎沒有支援。不搭線。

    Sari Tambun 2020.3.27

    應用程序莠,急需刮垢磨光,修復大錯特錯,調快響應歲時速度,尤其是付款的辰光。如果你早先挫敗或放棄付款交易,請不要選擇通過虛擬賬戶付款。但駭人聽聞的是客戶勞服回復,回復非常慢,可足說木本沒有回復。我的訂單在預定日子后一天達到,不夠 1 件商品,沒有所有確認。我無可置疑聊天并通過電子郵件向他倆詢問我的訂單交付但本沒有回復。絕對會卸載?。?!

    annanovalia dewii 2020.2.4

    我已經在周日下單并完竣了付款,訂單有道是在周倆早上6點到9點送達。已經是午后1點了,我的訂單直到現如今才送達,不得了的戰線,不得了的售后服務,沒有選擇。退稅也沒有盯梢訂單。在此地定購能有啥子體驗。

    Ardian Sapoetro 2019.1.30

    首任次體驗=真的很不得了。內核沒有確認缺欠的商品。投訴后,她們給了俺們短少商品等股值的代金券,但我需求付出額外的運費????!

    Leadsin99er 2019.12.13

    有時包裝不妙。菜蔬送來時,塑料里頭是濕的。當它理所應當用紙包袱時它會朽爛。有時鮮果和菜蔬的質欠佳,尤其是打折的時節。在你為訂單付款后,還有不少短缺的商品。你得到的不是退稅,而是代金券。她們的品種太少,尤其是果品。增加一些選擇。我仍然會給其一應用程序一個未來改善的機會??蛻羰酆蠓找部偸呛苊?,并決不能真正令人中意地對答你的問題。

    重新設計印度尼西亞排名第一的雜貨網店

    圖片通譯如下:

    Happyfresh 客戶評說

    Sapto Handriyanto 2020.10.29

    我曾經喜好以此應用程序,但當今它變得越來越荒謬。我通常利用電子皮夾子付款,但該選項不再可用,對于我通常購物的洋行,CC(信用卡支出)是唯一可用的付款方式。除此而外,每次啟封應用程序時,送貨費越來越貴。它不僅不快用來當天交貨,也不快用來2-3天的提早購物。我務必說奇特和愚蠢。如果它是一個不當,請修復它。但如果你故意這樣做,對我來說很易于卸載。

    Mona Kassim 2020.12.6

    應用程序不是用戶友善的。成品供應有限。購物者沒有受過得天獨厚的制品培訓——很大程度上取決于購物者的個人知識。沒有少不得選擇交貨時日,緣以他倆已經論證你選擇的交貨年光預訂了快遞員。我的交貨緩期了2小時,而購物者在5小時前完竣了購買。我的肉類訂單沒有冷藏。

    Sarah OG 2020.11.26

    該應用程序已經有2周沒有事體了。你將物料增加到購物車,但當你啟封購物車時,它一片空白。在重重不同的鋪戶躍躍欲試了很多成品,但仍然相同。該應用程序已創新到最新本子。

    Jaya sakthi 2020.10.1

    最差的勞服其中?;膹U了2個小時等待我的訂單。重點是省掉不去百貨公司的時刻。購買雜貨時,我行使折扣券并支出了一五一十字數,當購物者抵至門口時,即使在顯示我的購買底細和折扣后,又荒廢了30微秒詢問折扣篇幅。他推辭出示原始收據,緣以他做了一些替換,因而我合宜如何匡算。

    Amanda Buchari 2020.11.20

    我從此應用程序中選擇的付款方式與送貨員應用程序上出現的付款方式不同步。我選擇用借記卡付款,但最后不得不在送貨員來時支出現金,緣以在他的應用程序上我的訂單是電子皮夾子或貨到付款。我從我的應用程序中沒有選擇的付款方式。這就是你的應用程序戰線的作業方式嗎?

    ZULLL 2020.11.14

    除非應用程序。為何我的海域別無良策拜望所有市場合作社?愚蠢的…這是新冠應時代,咱們急需所有送貨售后服務,咱們不想出去買俺們求需的東西,請為我城區的地區做點啥子。

    重新設計印度尼西亞排名第一的雜貨網店

    圖片通譯如下:

    Brambang 客戶輿情

    Salimah Maulana 2020.3.25

    缺貨,如果最終在應用程序中有選項,但當你選擇它時說缺貨時,線上啥子都一樣,你不必展示它。

    Eltania 2020.3.31

    沒有庫存,沒有交貨盯梢,沒有延期交貨,沒有取消訂單,沒有退稅。請在接受訂單前理解如何料理超額訂單并升級你的戰線。

    Christina M 2020.3.28

    非常煩人的是應用程序舉鼎絕臏有別哪一個缺貨,哪一個仍然可用。因而在那種程度上,急需很長光陰才力完竣購物清單。

    Derry Motor Bridal 2020.5.23

    我經常在此地購物,通常還不錯..即使我已經是影星會員了…所有一起的訂單都爛了..紅蘿卜干癟了,一些pokcoi壞了..WA也沒有付款。公平公論:我一直都很好地采取應用程序和勞服,但如果這是鑒于新冠疫情或病假季節每個人都在教購買的旺季,最好避免運用該署應用程序。

    Buditeguh Prasetyo 2020.3.27

    該信息不易理解,沒有取消。首先,訂單沒有發送…

    Agnesia Margaretha 2019.8.8

    我想注冊并登錄gmail(谷歌郵箱),但它不政工也強制突然注銷,這是一個最不得了的應用程序,最好不要再役使以此應用程序了

    Andri Kristanto 2020.4.8

    難以置信,我下單訂了11件商品,分曉發現只有3件商品。他倆從不回復或接你的手機。我試圖用各族可能的不二法門(電子郵件、WA、手機)關聯她倆,但都沒有回復。這不是穩操勝券的電商。

    Elf_ycel 2020.2.16

    在印度尼西亞有很多外僑,請考慮在應用程序上選擇應用英語,以便更信手拈來知情ni 在兜銷啥子以及如何訂貨!這將有很大的襄助!多謝你

    陸、老三超階段:用戶界面設計

    1. 網站地質圖

    重新設計印度尼西亞排名第一的雜貨網店

    2. 草圖

    重新設計印度尼西亞排名第一的雜貨網店

    草圖(桌面斷點)

    重新設計印度尼西亞排名第一的雜貨網店

    草圖(移位斷點)

    3. 線框

    重新設計印度尼西亞排名第一的雜貨網店

    線框(桌面斷點)

    重新設計印度尼西亞排名第一的雜貨網店

    線框(挪窩斷點)

    4. 可用性測試

    我論證我最初的心勁創建了線框來展示客戶并執行未經審核的用戶測試。我與目標用戶分享了原型鏈接, ?;诖?,我對線框進展了一些更改并創建了高保真模子。

    在測試之前,用戶務要手動搜索他的坐席才力收貨。我修復了它并創建了一個對話框,如果席位功能開啟,它足以自行檢測席位,否則在用戶登錄網站后手動搜索席座。

    通常會在書簽上 顯示成品的變體以及定價和所有另外詳盡信息??蛻粝胍绘I購物,因而當用戶點擊 Variant list 時,我在書簽上開展了轉換。它會簡便地翻轉并展示所有帶有價錢和報價祥縷信息的變體,如下所示:

    重新設計印度尼西亞排名第一的雜貨網店

    將變體成品添增到購物車

    早些時節,我展示了網站上最新優惠的3個局部 —— 網頁橫披、特別促銷和分列優惠。在測試中,我發現用戶對優惠感覺到不知所措,瞧接近閃購。因此,我芟除了特別促銷有的,并使優惠清楚可見(不紛紛)。

    重新設計印度尼西亞排名第一的雜貨網店

    促銷橫披

    為了更唾手可得拜訪每個成品(無論用戶在哪一個印張),所有印張中都提供了一個 粘性制品題名。用戶得以直接選擇 雜貨類型或將兔標懸停在其上以獲得子類別和該類此事舉薦博客稿子。

    重新設計印度尼西亞排名第一的雜貨網店

    懸停時顯示子類別

    5. 桌面斷點

    重新設計印度尼西亞排名第一的雜貨網店

    6. 無繩話機斷點

    我在改進時發現的最具體的問題是為部手機設施創建響應式設計,但我做到了。

    • 我將每個類別分為不同的組成部分,并小試牛刀給她倆不錯的坐位,同時牢記她們的層系布局。
    • 我為導航欄利用了漢堡菜單,并將搜索欄與它對齊。
    • 我還為挪動斷點提供了一個底部導航欄,以便于造訪,歸因于 90% 的目標受眾是無繩電話機用戶。

    重新設計印度尼西亞排名第一的雜貨網店

    底部導航欄

    重新設計印度尼西亞排名第一的雜貨網店

    模子(無繩電話機斷點)

    7. 重新設計前后相比

    重新設計印度尼西亞排名第一的雜貨網店

    重新設計印度尼西亞排名第一的雜貨網店

    重新設計印度尼西亞排名第一的雜貨網店

    重新設計印度尼西亞排名第一的雜貨網店

    重新設計印度尼西亞排名第一的雜貨網店

    8. 我的讀書

    這是我首任次做這么大的項目,掌握海外用戶需求花消很多時刻。盡管團隊在拓展鉆研和踏看上面救助了我很多。鑒于公司條文,我獨木難支在此處分享數據,但您有何不可瞧到最終出口并感受到我的辛勤業務。

    在書簽上顯示價錢對我來說是一個出戰。印度尼西亞盾 (IDR) 匯率高于美元。

    1 美元 = 14444.50 印度尼西亞盾

    通常,成品的價錢以仟計,甚至是一個托瓶的價位。

    在線框圖中,我在書簽上顯示了每個制品的評級,但其后我發現她倆只有一個品牌制品。因而,此間沒有同比的地方。最后,我定案僅在“制品細大不捐信息”印張上顯示客戶評戲和評說。

    客戶期待他倆的網站有兩種言語 —— 印度尼西亞語和英語。用印度尼西亞語設計它對我來說很典型。因而,如果通譯成印度尼西亞語,我對書簽中的字數限制持謹言慎行情態。

    無論如何,我從這此項目國學到了很多東西,并想用該署知識來解決更典型和更廣大的目標受眾問題。

    而且……這是一個包裝!

    差不多就是這樣。這是我重新設計網站的整個進程。盼望您發現這篇稿子非常有協助和有見地。如果您想與我分享所有情節,請與我關聯。我很樂意接受。

    上一篇: 新零售SaaS架構:多租戶系統架構設計

    下一篇: 華為服務體系:ITR步驟體系詳解

    相關推薦
    ?
    返回頂部
    日韩在线精品视频a