中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

整理了一個售前項目的案例，重新繪制了36個原型頁面，1張思維導圖，3張流程圖，2張對比圖，1張結構圖，介紹一家百貨購物中心微信服務號改版的設計。

下文中，圖片不清晰可查看我的LOFTER使用圖片放大查看。

一、 用戶體驗五要素

1. 戰略層

這其實是甲方公司的考慮，可以理解為大多數百貨行業都在通過移動端提供用戶更好服務，所以我們的甲方也在其中。

2. 范圍層

移動端是設計包括App和移動網頁端，包括各類新媒體，目前要解決的問題是，打通微信公眾服務號、App以及商城線下，為用戶提供全角度的服務。

3. 結構層

微信公眾服務號的功能點，既要配合了其他服務渠道，也需要實現其自身的價值。在結構設置上可以分為（1）配合線下的活動頁面（2）微信獨有的功能頁面（3）背靠完整的會員服務體系。核心是服務，對象是用戶，也就是會員。重點就是會員服務。

4. 框架層

目前的交互設計主要圍繞這個層次，要保證每個鏈接到頁面的跳轉邏輯時順暢的，且對應結構層來說是完整的，每個頁面的設計符合用戶的心理模型，且保留一定的再開發性，為日后的拓展鋪墊更多。

5. 表現層

微信公眾號的設計不同于App，所以就本項目的表現層基本在框架層上進一步優化，本文就省略了。

二、 競品分析

1. 選擇競品

找對競品很重要，同行業或者同用戶群，功能類似或者定位類似，都是需要考慮的，找了以下五個（橫向思考）：

1. 大悅城：年輕時尚，相同的用戶群。
2. 大丸百貨：外資百貨，高大上，相同的服務品質。
3. K11：含藝術氣息的商業百貨。
4. 萬達：全國覆蓋面較廣的集團公司。
5. 銀泰：浙江省較早開發互聯網的零售業百貨公司。

2. 對比分析類型百貨類公眾號的概括

可以得出每個競品的側重點不一，而結合起來反而是甲方所需要的部分。

總體看一共可參考的也只有三大功能點：會員、APP引流、商城，以及各自的特色服務，會根據商場的營銷活動而變動?？紤]到線上商城并不是甲方本次改版微信公眾號的的服務目的，就是省略了該部分的設計。

橫向的競品只需要概括到結構層就可以了，框架層可以參考的競品是縱向的，各類可以實現該功能的App頁面的設計版式都是可以對比參考的，不需要只在同行業的限制內。

需求分析思維導圖：

本案例的結構設置如圖：

三、 解決方案及設計圖

1. 流程設計

既然結構已設定，那流程必須走通才能繪制頁面。分別從菜單的每一欄繪制流程，并考慮欄目之間的聯系。

A．菜單1

B．菜單2

C．菜單3

（因為大小的關系，此處圖片被切片，原圖查看LOFTER）

2. 用戶體驗設計

亮點一：

“會員中心”和“我的實體卡”之間，是可以通過手指向下滑和向上推來實現的。（如果沒有綁定實體卡，會有綁定彈窗的，綁定后是順滑的手勢操作）是輕度滑動，不是長按哦！

【解說】會員中心頁是會員體系的核心，實體卡是商城服務的基礎，所以這個手勢設計把實體卡“埋”在信息結構的下一層，像是揭開了遮罩，通過手勢的下滑和上滑來查閱信息。既方便又眼前一亮。（靈感來源：material design的層級設計）。

亮點二：

彈窗比較多。

【解說】其實算不上亮點，彈出的好處在于不需要單獨做狀態頁面，而且不需要返回，直接右上角的叉叉就可以關閉，進行其他操作，這樣做可以稍微減少頁面的跳轉，這樣減少加載頁面的時間，而且把是不是進行下一步操作的權力還給用戶，部分的彈窗上還有交互功能。（發現自己大概是彈窗愛好者）

四、 設計說明

1. 微信最多3個一級菜單、5個子菜單條目。
2. 最左的第一個欄目，也就是菜單1，一般是剛關注公眾號后的點擊率最高的菜單欄目，適合根據具體商城線下營銷活動，通過更靈活的變動，來呼應和烘托線下活動的氛圍。同時配上微信圖文宣傳，是可以達到良好的用戶交流的效果的。
3. 最右第三個的欄目，是最靠近右手觸控的范圍的，最容易響應的會員體系，通過這個位置實現其服務是恰到好處的。
4. 負責引導App下載的欄目位于第二欄居中，相對來說，中間點開的隨機可能性是三欄最小的，站在用戶的角度，我們需要考慮到這樣一種心理狀態：“我都已經關注你公眾號了，還要特地去下一個App看在你的商城里買東西，我又不是沒有淘寶或者其他購物軟件，除非我是腦殘粉，或者積分利益驅動，不然我懶得下載?！?/strong>所以我的解決方案就是“萬達式”的，任務模式+利益驅動，欄目設置成“微信福利”，同時在App內同步打卡數據，一方面促進用戶使用App，一方面讓用戶看到欄目能實現的價值。當然甲方還可以配上線上活動優惠券等營銷手法，比如設置H5抽獎、游戲等活動，來突出“下載App”可以的到百盛更好的服務等，空出這個位置待后期。
5. 可以通過原型圖邊上的備注看出，菜單1、2都是可以引導到菜單3的，同時菜單3也等于是個流程的總和，達到了設計的核心。