我最近接了個(gè)活兒，得給上海移動(dòng)做個(gè)新網(wǎng)站。這事兒一開始挺撓頭的，因?yàn)樗麄兪亲鐾ㄓ嵎?wù)的，用戶多得很，得讓網(wǎng)站又快又方便。

開始搗鼓研究需求

我先拉著團(tuán)隊(duì)開了個(gè)會(huì)，討論用戶咋用這網(wǎng)站。老板說上海移動(dòng)的用戶大多是老大爺大媽，還有年輕人查賬單，所以得簡(jiǎn)單明了。我挨個(gè)采訪了幾個(gè)用戶，問他們上網(wǎng)時(shí)最煩結(jié)果發(fā)現(xiàn)，加載慢、導(dǎo)航亂是最常提的，還有個(gè)妹子說她手機(jī)上看字小得看不清。這下我明白了，網(wǎng)站不能光好看，還得實(shí)用。

動(dòng)手設(shè)計(jì)原型

我立馬開始畫草圖，用紙筆胡涂亂抹。重點(diǎn)想弄個(gè)首頁，放查詢?nèi)肟诤凸鏅?。過程中試了好幾個(gè)樣式，但每次都卡殼——要么菜單太復(fù)雜，要么頁面加載久。有回我搞了個(gè)花里胡哨的動(dòng)畫，結(jié)果測(cè)試時(shí)老大爺直抱怨頭暈。我就回頭琢磨重點(diǎn)該放哪兒。

關(guān)注這4項(xiàng)必須搞定的點(diǎn)

折騰大半天，我總結(jié)出四個(gè)死磕的點(diǎn)：

• 加載速度必須快：不能讓用戶等得火冒三丈，我把圖片壓小點(diǎn)，刪掉沒用的腳本。
• 導(dǎo)航簡(jiǎn)單得像翻字典：菜單就用幾個(gè)大按鈕，免得人迷路。
• 手機(jī)屏幕都能看清：字放大點(diǎn)，按鈕大到手指頭戳得準(zhǔn)。
• 重點(diǎn)功能放最顯眼處：查話費(fèi)、改套餐這些，直接塞首頁開頭，別藏貓貓。

搞定這幾個(gè)點(diǎn)后，我把原型改了好幾版，還找同事們?cè)囋?。大家戳戳點(diǎn)點(diǎn)，反饋說這回順手多了。

折騰上線

網(wǎng)站真做成了，上海移動(dòng)用了也挺滿意，用戶投訴少了些?；仡^想想，這實(shí)踐讓我懂了個(gè)理兒：別整太花里胡哨的，抓準(zhǔn)這幾個(gè)點(diǎn)就夠使喚了。以后再有類似項(xiàng)目，我還打算照著來。