本文參照從逛商城學(xué)習(xí)產(chǎn)品設(shè)計(jì):信息架構(gòu)梳理如何從小白到精通?對(duì)ios版本的西十區(qū)app進(jìn)行信息架構(gòu)方面的梳理及重設(shè)計(jì)痴鳄。
在自己專業(yè)方面的app進(jìn)行分析并進(jìn)一步的對(duì)交互及UI方面展開了設(shè)計(jì)之后,對(duì)日常所用的app交互方面是否也能夠重新設(shè)計(jì)涛舍,將目標(biāo)定為西十區(qū)app凛俱。將其選定為目標(biāo)是因?yàn)樵谀壳捌眲?wù)網(wǎng)站越來越規(guī)范化得同時(shí),能夠?qū)①I票及賣票集合于一身牺弄,提供用戶之間的票務(wù)流通的平臺(tái)蟹倾,拓展票務(wù)方面的用戶自洽系統(tǒng)是普通用戶喜聞樂見的。
需求分析
在對(duì)西十區(qū)進(jìn)行簡(jiǎn)單使用之后猖闪,自認(rèn)為對(duì)該app已經(jīng)有所了解鲜棠,開始線框圖的繪制。在此過程中培慌,由于未進(jìn)行用戶需求分析豁陆,而且其功能較多、架構(gòu)較重吵护,故在界面設(shè)計(jì)中找不準(zhǔn)功能的側(cè)重點(diǎn)盒音,也分不清層級(jí)從屬關(guān)系。只能推倒重來馅而,從用戶需求分析開始重新認(rèn)識(shí)理解哪些是目標(biāo)用戶祥诽,及用戶的使用場(chǎng)景和用戶的目標(biāo)。然后從產(chǎn)品的角度對(duì)目標(biāo)用戶進(jìn)行篩選瓮恭,確定最終的目標(biāo)用戶及用戶目標(biāo)的側(cè)重點(diǎn)雄坪。
產(chǎn)品定位
在產(chǎn)品定位之前,必須先衡量根據(jù)需求分析得出的目標(biāo)用戶的潛在數(shù)量分布及其所蘊(yùn)含的商業(yè)價(jià)值屯蹦,然后才能對(duì)產(chǎn)品進(jìn)行一個(gè)精確的定義维哈。
以上圖為基礎(chǔ)绳姨,根據(jù)用戶需求綜合分析,我們可以看出該產(chǎn)品主要的用戶群是一些想看演出作為娛樂活動(dòng)的情侶及有低價(jià)票需求的年輕人士阔挠,但這兩者之間并不沖突飘庄。情侶也有低價(jià)票的需求,低價(jià)票對(duì)其吸引力同樣很高购撼,所以這是一款針對(duì)年輕人以低價(jià)票為主要賣點(diǎn)跪削,同時(shí)附帶賣票功能的產(chǎn)品。
信息架構(gòu)分析及重設(shè)計(jì)
在進(jìn)行需求分析之后迂求,需要對(duì)原產(chǎn)品的內(nèi)容架構(gòu)進(jìn)行分析:
原app進(jìn)行層級(jí)梳理之后發(fā)現(xiàn)原app存在如下問題
產(chǎn)品的定位與用戶需求存在偏差
根據(jù)我的需求分析碾盐,該產(chǎn)品定位最主要是針對(duì)淘低價(jià)票的年輕人士。但是從主頁上上看現(xiàn)有產(chǎn)品把低價(jià)票放在第三層級(jí)中明顯削弱了主要目標(biāo)群體的易用性锁摔,并且把稀缺票和低價(jià)票歸為一類廓旬,但是買低價(jià)票和稀缺票的用戶不太可能是同一類用戶,用戶需求分類不是很清楚谐腰。
分類標(biāo)準(zhǔn)較為混亂孕豹,獨(dú)立性及一致性較差
從原產(chǎn)品的信息架構(gòu)圖中可以看到,最典型的功能一致性較差體現(xiàn)在賣票界面十气,通過三個(gè)入口可以進(jìn)入相同的賣票界面励背,分別是「首頁」界面的‘我要賣票’,「發(fā)現(xiàn)」界面的‘我要賣票’以及「我」界面的‘我的賣票’(上圖綠色線標(biāo)識(shí))砸西。而且在‘我要賣票’界面導(dǎo)航欄中出現(xiàn)的兩個(gè)button‘出售中’和‘賣票’在使用過程中可以出現(xiàn)無限循環(huán)叶眉。雖然用戶在使用中可能會(huì)很少發(fā)現(xiàn),但是一旦用戶進(jìn)入該循環(huán)將對(duì)用戶將陷入崩潰芹枷。
至于功能獨(dú)立性方面主要還是得從產(chǎn)品內(nèi)容出發(fā)衅疙,以產(chǎn)品目標(biāo)為依據(jù)。例如在「首頁」界面的三個(gè)按鈕‘都在看’與‘話劇榜’‘音樂榜’鸳慈,‘都在看’的內(nèi)容與后兩項(xiàng)有相當(dāng)大重合饱溢,在同一層級(jí)上放置兩個(gè)功能相似的分類按鈕沒有必要。
分類以功能為導(dǎo)向而不是以用戶需求場(chǎng)景為分類標(biāo)準(zhǔn)
產(chǎn)品的標(biāo)簽欄主要是按照產(chǎn)品的功能進(jìn)行的分類,也許這并不是錯(cuò)誤,但我認(rèn)為在結(jié)構(gòu)層次等級(jí)較高的標(biāo)簽欄可以以用戶需求或者產(chǎn)品目標(biāo)融合場(chǎng)景分析組織分類赖瞒。而在二級(jí)導(dǎo)航或在每個(gè)標(biāo)簽欄頁面內(nèi)部進(jìn)行以功能及內(nèi)容的分類。所以我準(zhǔn)備將五個(gè)標(biāo)簽欄換成以“主頁”肋杖、“分類”、“賣票”挖函、“我”四個(gè)標(biāo)簽欄組成状植。
原產(chǎn)品中“發(fā)現(xiàn)”主要功能是“掃一掃”,主要的使用場(chǎng)景是在馬路上掃海報(bào)上的二維碼,此時(shí)用戶處于時(shí)間倉(cāng)促的狀態(tài)浅萧,所以為了提高產(chǎn)品的使用效率和廣告轉(zhuǎn)化率逐沙,“掃一掃”按鈕必須放置于用戶能快速發(fā)現(xiàn)的頁面位置上哲思,最好是按照該類型產(chǎn)品的通用布局方式與用戶習(xí)慣將其安置于主頁的導(dǎo)航欄右上角洼畅。而“發(fā)現(xiàn)”在tab欄中也沒有存在的必要。
“消息”在內(nèi)容上屬于“我”的范疇棚赔,并且該產(chǎn)品類型不屬于時(shí)效性較高的產(chǎn)品帝簇,故其不可作為一個(gè)具有獨(dú)立性的標(biāo)簽占有tab欄中如此寸土寸金的位置。
自我體會(huì)
這次的練習(xí)的開端本不想將這次設(shè)計(jì)的重點(diǎn)放在信息架構(gòu)設(shè)計(jì)上丧肴,本以為產(chǎn)品的重設(shè)計(jì)只需將產(chǎn)品界面的按鈕圖標(biāo)重新排列一下,其實(shí)我認(rèn)為產(chǎn)品的重設(shè)計(jì)表面上看確實(shí)是對(duì)界面層面的刪減增加及修補(bǔ)胧后,但是這種界面的調(diào)整是需要有充分的依據(jù)芋浮。而正是這些依據(jù)才是交互設(shè)計(jì)的基石,交互設(shè)計(jì)真的像海面上的浮冰壳快,最下層是用戶需求和產(chǎn)品目標(biāo)纸巷,其上層是產(chǎn)品具體的內(nèi)容及功能,再上一層涉及到了多層次內(nèi)容的呈現(xiàn)也即信息架構(gòu)眶痰,在這一層也會(huì)涉及內(nèi)容之間的跳轉(zhuǎn)及傳遞也即交互方式瘤旨,再往上才到海面以上我們平時(shí)能夠看到的界面布局、導(dǎo)航竖伯,而在最上層即表現(xiàn)層涉及到字體存哲,顏色,圖片等等七婴。我們?cè)谧霎a(chǎn)品的重設(shè)計(jì)時(shí)如果不考慮最底層的用戶需求不考慮產(chǎn)品目標(biāo)勢(shì)必造成資源的浪費(fèi)祟偷,有時(shí)雖然高大上但不夠接地。我認(rèn)為每個(gè)產(chǎn)品都是綜合的產(chǎn)物打厘,盡量滿足各方面的需求修肠,用戶可能希望它長(zhǎng)成2個(gè)嘴巴4個(gè)耳朵3只鼻子,產(chǎn)品經(jīng)理可能希望它長(zhǎng)成1個(gè)嘴巴3個(gè)眼睛1只手婚惫,而設(shè)計(jì)師可能希望1個(gè)嘴1個(gè)耳1只手就夠了氛赐,那么我們要做的就應(yīng)該是在不觸碰每一方的底線基礎(chǔ)上充分滿足每一方的要求,甚至將一個(gè)方面超出其預(yù)想給個(gè)大大的驚喜以抵消在其他方面的不足先舷。特別是在重設(shè)計(jì)時(shí)艰管,我們大多數(shù)時(shí)候是在進(jìn)行頭腦風(fēng)暴模擬出各方面的需求,但這種需求應(yīng)該是從原產(chǎn)品中體會(huì)出來蒋川,從其信息架構(gòu)牲芋、產(chǎn)品功能安排、界面布局各種細(xì)節(jié)進(jìn)行揣測(cè),而不是想當(dāng)然的以觀感或者自己認(rèn)為的標(biāo)準(zhǔn)為原則進(jìn)行設(shè)計(jì)缸浦。沒有進(jìn)行過底層分析完全套用各種設(shè)計(jì)原理的空中樓閣式設(shè)計(jì)只能讓設(shè)計(jì)師自己達(dá)到高潮夕冲,而用戶和產(chǎn)品人員被晾在一邊喝西北風(fēng)了。