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

大家好，其實(shí)，我是一個(gè)視覺設(shè)計(jì)師。嗯，沒錯(cuò)，因?yàn)閷?duì)交互設(shè)計(jì)的興趣使然，這次我想在此放一篇交互設(shè)計(jì)類的文章，以總結(jié)我這段時(shí)間的思考與設(shè)計(jì)過程，僅供交流。請(qǐng)多多指教。

初來乍到，我選擇支付寶“到位”進(jìn)行一次虛擬項(xiàng)目練習(xí)。選擇到位，是因?yàn)橐恢睂?duì)它的好奇心。雖然現(xiàn)在它還在改善和興起中，但我十分期待它的未來！

這次redesign我前后經(jīng)歷了近兩周終于完成，放上來希望能和各位交流一番，多多批評(píng)，有所得就滿足了~

前期，我把整個(gè)進(jìn)行過程分為了問題綜述、項(xiàng)目描述、產(chǎn)品定義、需求梳理、信息架構(gòu)圖&流程圖、學(xué)習(xí)&建議、重繪線框圖、交互原型共8個(gè)部分。

接下來，就開始吧。

一、問題綜述

目前的到位，在需求/功能層面和展示/操作層面都有不少待優(yōu)化改進(jìn)的地方。

二、項(xiàng)目綜述

根據(jù)產(chǎn)品定位、信息架構(gòu)，對(duì)到位進(jìn)行重設(shè)計(jì)，并結(jié)合現(xiàn)有的優(yōu)點(diǎn)，以求在需求/功能層面和展示/操作層面都更好地滿足目標(biāo)用戶群。

三、產(chǎn)品定義

根據(jù)我的理解，“到位”是一個(gè)基于B to B共享資源的服務(wù)類平臺(tái)（現(xiàn)在從發(fā)現(xiàn)頁面的內(nèi)容放置和其他一些頁面的細(xì)節(jié)，使我感覺目前的到位側(cè)重于積累和培養(yǎng)好的服務(wù)者，也就是側(cè)重于服務(wù)）。源自于生活中我們“某一刻的需求無法及時(shí)得到幫助解決”的痛點(diǎn)。

四、需求梳理

步驟3：確定人物角色的期望

理想的情況下，是根據(jù)前期的用戶調(diào)研數(shù)據(jù)，來推測(cè)確定人物角色的期望。

在此，我主要是根據(jù)自己的期望（自己也是求助者和服務(wù)者）+同理心推測(cè)來確定人物角色的期望。

求助者總的期望是盡快得到幫助；服務(wù)者總的期望是幫助到他人。更具體的可以分為以下幾個(gè)方面：

#關(guān)于求助者

1.找服務(wù)

1.1瀏覽所有可以解決當(dāng)前問題的服務(wù)者

1.1.1服務(wù)收費(fèi)

1.1.2距離我多遠(yuǎn)

1.1.3服務(wù)內(nèi)容描述

1.1.4服務(wù)評(píng)價(jià)、評(píng)分;服務(wù)質(zhì)量。

1.1.5服務(wù)者的基本信息（年齡、性別、芝麻信用）

1.2可以提前預(yù)約

1.3想隨時(shí)隨地得知新出現(xiàn)的同類服務(wù)；

2.發(fā)布求助

2.1展示求助信息

2.1.1標(biāo)題；求助描述

2.1.2報(bào)酬；賞金

2.1.3我的基本信息（年齡、性別、芝麻信用、所在位置）

2.1.4求助信息有效期

2.2根據(jù)發(fā)布的求助，推薦服務(wù)者。

2.3反饋瀏覽人數(shù)

#關(guān)于服務(wù)者

1.發(fā)布服務(wù)

1.1展示服務(wù)信息

1.1.1標(biāo)題；服務(wù)描述

1.1.2收費(fèi)；單位；

1.1.3我的基本信息（年齡、性別、芝麻信用、所在位置）

1.1.4服務(wù)范圍；服務(wù)時(shí)間；

2.去幫忙

2.1瀏覽所有求助者

2.1.1賞金報(bào)酬；

2.1.2距離我多遠(yuǎn)；

1.1.3求助內(nèi)容描述；

1.1.5求助者的基本信息（年齡、性別、芝麻信用）；

1.2想隨時(shí)隨地得知新出現(xiàn)的同類求助；

#可以決定是否接收某一類求助信息提醒。

設(shè)定為只接受特定的求助信息，或不接受。

#分享自己的服務(wù)&求助經(jīng)歷給朋友。

把自己遇到的一次好的服務(wù)或幫助他人的經(jīng)歷分享給朋友。

#其他

1.分類篩選信息，并進(jìn)行排序；

2.提前私信溝通

五、信息架構(gòu)圖&流程圖

畫出了“到位”現(xiàn)有的信息架構(gòu)圖，一方面可以結(jié)合以上梳理出的需求，提出一些改進(jìn)意見；另一方面，可以從整體了解產(chǎn)品的框架結(jié)構(gòu)。

（在新標(biāo)簽頁中打開圖片，即可查看大圖）

主要任務(wù)流程圖：

六、值得學(xué)習(xí)和需要改進(jìn)

我通過反復(fù)體驗(yàn)到位，同時(shí)比較其他APP，按照各個(gè)主要業(yè)務(wù)流程進(jìn)行分析，總結(jié)出值得學(xué)習(xí)的和有待改進(jìn)的地方；提出的建議僅供參考，如有不恰當(dāng)?shù)牡胤?，希望指正?/p>

值得學(xué)習(xí)的地方

1、分類-滑動(dòng)切換，方便

2、有地圖和列表兩種模式，既可以直觀表示位置感，也展示了更豐富的信息。

3、地圖查看附近的人，點(diǎn)擊頭像，即從下方彈出相關(guān)的信息簡(jiǎn)介卡片，這里沒有直接跳轉(zhuǎn)到新的頁面，點(diǎn)擊空白區(qū)域即可關(guān)閉，減輕了用戶的操作負(fù)擔(dān)。左右滑動(dòng)卡片，即可快捷瀏覽。

4、用圖標(biāo)代替文字“芝麻信用分”，在傳達(dá)信息不變的同時(shí)減少了視覺設(shè)計(jì)上的壓力。

5、發(fā)布求助頁面，每個(gè)輸入框都有詳細(xì)的灰色提示文字，幫助用戶高效完成填寫。

6、發(fā)布求助頁，標(biāo)題、內(nèi)容和賞金這幾個(gè)主要信息歸為一類，我所在的位置是不同類型的輸入操作，所以用較大的行間距作為與前者的區(qū)分。較次要的求助類型和有效期限歸為一類。使得整個(gè)頁面更有條理，方便用戶理解。

7、發(fā)布服務(wù)頁，選擇當(dāng)面服務(wù)時(shí)，多出服務(wù)范圍的選擇，符合實(shí)際情況，使服務(wù)更精確。

8、取消收藏后，收藏的內(nèi)容沒有在頁面立刻消失，可能考慮到用戶會(huì)后悔，再收藏。退出后，內(nèi)容才真正消失。

需要改進(jìn)的地方

1、收索欄跳轉(zhuǎn)至新的一頁，且提示文字僅為搜索，用戶無法區(qū)分搜索的是服務(wù)還是需求，易產(chǎn)生困惑。建議改為“搜索服務(wù)”、“搜索需求”。

2、無論服務(wù)頁還是是需求頁，列表都過于突出圖片，而圖片往往可信度不高且占了很大一塊屏幕面積，不利于滑動(dòng)瀏覽。建議改為突出用戶名、評(píng)分、芝麻信用分等有效信息，幫助用戶快速了解需求&服務(wù)。內(nèi)容。而且大圖貌似更費(fèi)流量吧，加載也比較慢，這樣可能增加等待時(shí)間，影響用戶體驗(yàn)。

此外，還可以對(duì)列表信息進(jìn)行二級(jí)分類篩選，突出列表展示特點(diǎn)，有別于地圖模式下直觀的地理位置查看?，F(xiàn)在向下滑動(dòng)瀏覽時(shí)，一級(jí)分類條始終顯示建議隱藏（或改為“當(dāng)前為XX分類”的提示語），能夠獲得更多屏幕空間。

3、發(fā)布求助頁，最后填寫求助有效期限只有日期，不夠精確，建議增加時(shí)刻選擇控件?？蓞⒖碱A(yù)約頁的開始時(shí)間控件。

4、選擇服務(wù)類型時(shí)，點(diǎn)擊大類下拉顯示多個(gè)小類，除了后者的位置比前者靠后移了一些來表現(xiàn)主次關(guān)系，細(xì)節(jié)不夠精致，略顯粗糙。

5、發(fā)布服務(wù)頁，選擇單位時(shí)，除了常用單位，滑動(dòng)到底部還有“其他”和“未定義”，但讓人一時(shí)不明白兩者的區(qū)別。

6、選擇封面圖片時(shí)，修改封面的優(yōu)先級(jí)僅次于添加圖片，所以介紹相關(guān)操作方法的文案應(yīng)該放在更明顯的位置，幫助用戶更快學(xué)會(huì)。建議調(diào)整提示文字的排版。

7、發(fā)布服務(wù)頁，選擇在線服務(wù)時(shí)，頁面最下方的文案顯示不全，可能是程序bug，需要與程序溝通。

8、投訴描述時(shí)，只支持文字描述，其實(shí)圖片截圖往往更直觀、更有說服力。

9、發(fā)現(xiàn)頁面，“附近好玩的”應(yīng)該和“全城熱銷榜”等標(biāo)題同級(jí)，建議一致左對(duì)齊，使瀏覽更流暢。同時(shí)建議添加“換一批”功能。

10、全城熱銷榜，建議增加評(píng)分和銷售人數(shù)，增加可信度。除了顯示距離，還可以有“是否線上服務(wù)”等標(biāo)識(shí)來幫助用戶選擇。

11、搜索結(jié)果列表有的顯示距離為“很遠(yuǎn)很遠(yuǎn)”，給人的感覺太模糊了。建議改用XXXkm來表示，還可以加上在線服務(wù)/當(dāng)面服務(wù)的標(biāo)識(shí)來幫助用戶理解。

七、重繪線框圖

結(jié)合梳理出的信息架構(gòu)圖和改進(jìn)建議，重繪到位線框圖（這里用鉛筆+紙的形式手繪，只求快速表現(xiàn)。）

八、交互原型

交互原型側(cè)重展示主要業(yè)務(wù)流程。（第一次畫，可能比較粗糙……）

最后

總結(jié)了一下這次重設(shè)計(jì)中，對(duì)到位的主要優(yōu)化和新增。

找服務(wù)頁面（地圖模式）

1. 增加服務(wù)評(píng)分，幫助用戶更好地了解。
2. 添加視野放大/縮小按鈕。
3. 優(yōu)化搜索欄的提示語，使更精確。
4. 增加收藏按鈕。

去幫忙頁面（地圖模式）

1. 添加視野放大/縮小按鈕。
2. 優(yōu)化搜索欄的提示語，使更精確。

找服務(wù)頁面（列表模式）

1. 新增排序欄，位于分類欄下方。
2. 優(yōu)化分類欄為下滑時(shí)隱藏。
3. 優(yōu)化距離顯示。
4. 增加服務(wù)評(píng)分。
5. 優(yōu)化服務(wù)描述顯示，只顯示一行，點(diǎn)擊“了解更多”展開全部?jī)?nèi)容。
6. 優(yōu)化封面圖片尺寸，提升瀏覽效率。
7. 增加收藏按鈕。

去幫忙頁面（列表模式）

1. 新增排序欄，位于分類欄下方。
2. 優(yōu)化分類欄為下滑時(shí)隱藏。
3. 優(yōu)化距離顯示。
4. 優(yōu)化服務(wù)描述顯示，只顯示一行，點(diǎn)擊“了解更多”展開全部?jī)?nèi)容。
5. 新增“推一下”功能，推一下該求助，提升其排序，是它更容易被發(fā)現(xiàn)。

找服務(wù)&去幫忙搜索頁面

優(yōu)化搜索欄的提示語，使更精確。

服務(wù)詳情頁面

服務(wù)者信息增加距離一項(xiàng)。

求助詳情頁面

1. 優(yōu)化地圖，增加比例尺；點(diǎn)擊地圖可跳轉(zhuǎn)到實(shí)時(shí)地圖，快速獲取路線信息。
2. 求助者信息增加距離一項(xiàng)。
3. 求助信息新增更新時(shí)間和瀏覽人數(shù)。

發(fā)布服務(wù)頁面

1. 優(yōu)化添加封面圖片頁的文案。
2. 優(yōu)化服務(wù)-單位顯示。
3. 優(yōu)化服務(wù)范圍頁面顯示。

發(fā)布求助頁面

優(yōu)化有效期選擇，增加時(shí)刻，更精確。

投訴頁面

新增“添加圖片”功能，幫助用戶更好地描述問題。

發(fā)現(xiàn)頁面

1. 優(yōu)化全城熱銷榜，增加評(píng)分和銷售量。
2. 優(yōu)化附近好玩的標(biāo)題顯示，新增“換一批”功能。

我的-頁面

1. 優(yōu)化我的信息，增加“已實(shí)名”、“芝麻分”等信息顯示。
2. 新增“我已成功幫助了XX人”。
3. 優(yōu)化私信列表分類，分為“來自服務(wù)者”和“來自求助者”。
4. 優(yōu)化我發(fā)布的-我的求助信息，未得到幫助的求助顯示為“待解救”。新增“刷新”功能，刷新發(fā)布時(shí)間，使求助更容易被發(fā)現(xiàn)。

我的收藏-頁面

優(yōu)化服務(wù)標(biāo)題顯示，增加顯示字?jǐn)?shù)長(zhǎng)度為8個(gè)。

小結(jié)

雖然這次重設(shè)計(jì)告一段落了，但作者知道在實(shí)際工作中還有很多很多事情要做。完整的設(shè)計(jì)需要不斷聽取用戶的反饋然后不斷改進(jìn)（我不可能代表用戶，只能盡可能去了解用戶，讓自己的設(shè)計(jì)更接地氣）；方案也需要考慮到實(shí)際資源和時(shí)間因素等；

這里僅作為一次虛擬項(xiàng)目練習(xí)，和大家分享、交流。

感謝閱讀！

來源：http://iamue.com/19003?winzoom=1

版權(quán)聲明：人人都是產(chǎn)品經(jīng)理尊重行業(yè)規(guī)范，所轉(zhuǎn)載的文章都注明作者和來源，若標(biāo)注有誤，請(qǐng)聯(lián)系主編QQ：419297645更改。