公主的腿间舌奴们np肉_国产在热线精品视频99公交_公主车上荫蒂添的好舒服_公侵犯人妻中文字慕一区二区_公么大龟弄得我好舒服秀_公交车+多人+高cH文章推荐_日本熟妇另类视频在线播放

案例學(xué)習(xí) - 我們?cè)谠O(shè)計(jì)iPhone應(yīng)用時(shí)犯過(guò)的錯(cuò)誤

2012-12-20    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   tweetduck.com  )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、  cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

 

來(lái)源: http://beforweb.com/node/140

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,            請(qǐng)點(diǎn)這里

今年,我們(英文原文作者及團(tuán)隊(duì))發(fā)布了FreshBooks 的第一款iPhone應(yīng)用。從前我們的產(chǎn)品一直是通過(guò)Web端應(yīng)用的方式提供服務(wù)的。這次,我們把iPhone應(yīng)用的設(shè)計(jì)開發(fā)過(guò)程看作一張空白的花布,盡力在其中實(shí)現(xiàn)一些新的功能概念和設(shè)計(jì)想法。在這個(gè)過(guò)程中,我們著實(shí)學(xué)到不少東西。

不要害怕犯錯(cuò)

對(duì)于移動(dòng)應(yīng)用這樣的產(chǎn)品,設(shè)計(jì)過(guò)程中必然會(huì)遇到很多用戶體驗(yàn)方面的問(wèn)題與挑戰(zhàn),尤其是對(duì)于新手來(lái)說(shuō)更是如此。

無(wú)論你的線框稿在邏輯上有多縝密,UI稿在視覺(jué)上有多漂亮,當(dāng)它們落實(shí)成為原型或最終產(chǎn)品時(shí),總會(huì)有問(wèn)題呈現(xiàn)出來(lái)。這并不完全是壞事;我們?cè)谠O(shè)計(jì)FreshBooks的iPhone應(yīng)用時(shí)甚至將犯錯(cuò)這件事也納入到了流程規(guī)劃當(dāng)中,這就意味著:

  • 坦承沒(méi)有完美的設(shè)計(jì),無(wú)論稿件和原型多么優(yōu)秀。
  • 真正的成功或失敗都是由用戶的反饋來(lái)定義的。
  • 對(duì)于在設(shè)計(jì)過(guò)程中看到的問(wèn)題要迅速做出反應(yīng),根據(jù)從實(shí)際用戶身上得來(lái)的驗(yàn)證結(jié)果進(jìn)行迭代。

接下來(lái),我將向各位描述一下我們?cè)陧?xiàng)目中犯過(guò)的三個(gè)錯(cuò)誤,以及我們是怎樣解決這些問(wèn)題的。

應(yīng)用的主界面

在項(xiàng)目開始的時(shí)候,我們對(duì)FreshBooks的一些現(xiàn)有用戶進(jìn)行了訪談,了解他們?cè)谏詈凸ぷ髦惺窃鯓邮褂靡苿?dòng)設(shè)備的,包括他們面對(duì)的實(shí)際問(wèn)題,以及他們對(duì)移動(dòng)應(yīng)用版本的FreshBooks的期望。

根據(jù)這些訪談,我們歸納出了一些基本的設(shè)計(jì)原則,例如下面這條:

以任務(wù)為中心的用戶體驗(yàn)

移動(dòng)應(yīng)用版本的產(chǎn)品應(yīng)該圍繞著一系列互不相關(guān)的帳單任務(wù)進(jìn)行優(yōu)化,包括時(shí)間追蹤、為收據(jù)拍照存檔、開票等等,這些是移動(dòng)應(yīng)用所處的使用場(chǎng)景當(dāng)中最常見的任務(wù)。

而其他方面的復(fù)雜任務(wù),包括批量編輯、權(quán)限管理、定制化等,則留給傳統(tǒng)的Web端應(yīng)用來(lái)承擔(dān),以此來(lái)保證移動(dòng)版本在功能上的簡(jiǎn)約與集中。

基于這條原則,我們?cè)O(shè)計(jì)了應(yīng)用的主界面。它由一系列最重要的任務(wù)組成,視覺(jué)上采用圖標(biāo)加文字標(biāo)題的形式,點(diǎn)擊進(jìn)入相應(yīng)的任務(wù)流程。例如,用戶點(diǎn)擊了其中的“創(chuàng)建新發(fā)票”之后會(huì)進(jìn)入發(fā)票列表界面,然后創(chuàng)建新發(fā)票的界面會(huì)自動(dòng)滑入視圖。

點(diǎn)擊查看原圖

這種以典型任務(wù)為中心的設(shè)計(jì)思路在意圖上是好的,但接下來(lái)我們發(fā)現(xiàn)了一些問(wèn)題。

為什么會(huì)出問(wèn)題

經(jīng)過(guò)可用性測(cè)試,我們發(fā)現(xiàn)被測(cè)者普遍會(huì)在主界面中產(chǎn)生困惑,因?yàn)檫@種設(shè)計(jì)方案與他們通過(guò)使用Web端的FreshBooks所建立起的心智模型不符,而且和很多其他的iPhone應(yīng)用也存在模式上的差異。

同時(shí)我們還發(fā)現(xiàn),之前歸納出的一些典型任務(wù),包括創(chuàng)建發(fā)票、跟蹤時(shí)間、記錄開支等,對(duì)于用戶來(lái)說(shuō),本質(zhì)上都屬于一種“創(chuàng)造”行為。從這個(gè)角度看,其實(shí)我們忽略了這個(gè)緯度上的其他一些重要任務(wù)類型,包括:

  • 查看:例如查看發(fā)票狀態(tài)、查看歷史記錄等。
  • 更新:例如更改發(fā)票狀態(tài)等。

這類任務(wù)需求其實(shí)比“創(chuàng)造”更加普遍,尤其是在移動(dòng)設(shè)備上,用戶更加傾向于在短時(shí)間內(nèi)以最簡(jiǎn)單的方式查看和更新內(nèi)容,而不是創(chuàng)造內(nèi)容。我們之前所聚焦的重點(diǎn)則恰恰相反。

解決方案

很簡(jiǎn)單,我們改變了之前方案當(dāng)中的信息結(jié)構(gòu),使內(nèi)容和功能的組織結(jié)構(gòu)更加符合用戶在移動(dòng)應(yīng)用上下文環(huán)境中的預(yù)期。在新的設(shè)計(jì)方案中,用戶點(diǎn)擊主界面中的“發(fā)票”(之前是“創(chuàng)建新發(fā)票”),進(jìn)入發(fā)票列表界面進(jìn)行查看;如果他確實(shí)需要?jiǎng)?chuàng)建新發(fā)票,那么可以點(diǎn)擊右上角的加號(hào)按鈕。

點(diǎn)擊查看原圖

相關(guān)閱讀:產(chǎn)品早期的原型設(shè)計(jì)與用戶測(cè)試

初次使用的體驗(yàn)

我們特別為應(yīng)用初體驗(yàn)(用戶安裝應(yīng)用后第一次打開)制訂了兩條設(shè)計(jì)原則:“移動(dòng)優(yōu)先”與“順暢進(jìn)入任務(wù)流程”。具體來(lái)看:

移動(dòng)優(yōu)先

如今,我們不能再假設(shè)用戶是通過(guò)桌面設(shè)備上的Web瀏覽器找到我們的,他們很有可能是在移動(dòng)設(shè)備上與我們發(fā)生第一次接觸的,我們不能讓這類新用戶產(chǎn)生復(fù)雜的認(rèn)知負(fù)擔(dān)。舉個(gè)例子,我們的Web端應(yīng)用可以為用戶提供定制化的子域名(youraccountsubdomain.freshbooks.com),這顯然是專屬于Web端的概念,完全不需要在移動(dòng)端體現(xiàn)出來(lái)。

我們還可以隨著產(chǎn)品價(jià)值的逐漸體現(xiàn)而將Web端的高級(jí)功能一點(diǎn)點(diǎn)的介紹給移動(dòng)端用戶。

順暢進(jìn)入任務(wù)流程

要讓新用戶在打開應(yīng)用之后無(wú)需任何設(shè)置工作就可以順暢進(jìn)入任務(wù),從而在最短的時(shí)間內(nèi)發(fā)現(xiàn)產(chǎn)品價(jià)值。

為了貫徹這些原則,我們?cè)诘谝话娈?dāng)中允許用戶不執(zhí)行任何注冊(cè)或登錄的操作就可以立刻在主界面當(dāng)中執(zhí)行任務(wù)(例如前面提到的創(chuàng)建發(fā)票、跟蹤時(shí)間等),只有在功能需要的時(shí)候才會(huì)引導(dǎo)他們進(jìn)行帳戶方面的操作,例如在保存發(fā)票或收支記錄時(shí)會(huì)要求用戶創(chuàng)建帳戶或登錄。

點(diǎn)擊查看原圖

另外在用戶選擇通過(guò)SnailMail發(fā)送發(fā)票的時(shí)候也會(huì)如此。

點(diǎn)擊查看原圖

為什么會(huì)出問(wèn)題

我們的用心是好的,但是在可用性測(cè)試中,我們發(fā)現(xiàn)被測(cè)者們更期望在應(yīng)用加載之后首先進(jìn)行注冊(cè)或登錄;直接讓他們進(jìn)行操作反而會(huì)引發(fā)他們的疑慮,例如數(shù)據(jù)怎樣保存?

這種先操作后注冊(cè)/登錄的方式也許相對(duì)有新意一些,而且會(huì)適合于某些類型的應(yīng)用,但對(duì)于我們的產(chǎn)品來(lái)講還是過(guò)于激進(jìn)了。

解決方案

最后我們采用了一種相對(duì)傳統(tǒng)但更加符合用戶預(yù)期、可以給他們帶來(lái)安全舒適感覺(jué)的方案,也就是一開始就向他們提供三個(gè)明確的選項(xiàng):

  • 創(chuàng)建新帳戶
  • 登錄已有帳戶
  • 直接試用

如果用戶覺(jué)得自己已經(jīng)準(zhǔn)備好了,那么可以進(jìn)行注冊(cè)和登錄操作;他們還可以在不登錄的情況下先試用,以便對(duì)產(chǎn)品進(jìn)行更全面的了解。

點(diǎn)擊查看原圖

相關(guān)閱讀:初創(chuàng)型團(tuán)隊(duì)容易在用戶體驗(yàn)方面犯的十個(gè)錯(cuò)誤

移動(dòng)版與Web版的功能差別

我們?cè)谠O(shè)計(jì)流程開始之前詳細(xì)規(guī)劃了移動(dòng)版產(chǎn)品在初期的功能范圍,也就是對(duì)我們的最小化可行產(chǎn)品(MVP)的形態(tài)進(jìn)行界定。我們相信:

  • 在功能范圍上未經(jīng)詳細(xì)定義的移動(dòng)版產(chǎn)品(特別是第一版)具有很大的風(fēng)險(xiǎn),在設(shè)計(jì)開發(fā)流程中將產(chǎn)生極大的不確定性。
  • 在初期對(duì)產(chǎn)品功能范圍進(jìn)行合理的界定,將有助于那些基于市場(chǎng)及用戶研究所得出的核心需求被更加準(zhǔn)確的落實(shí)到最終產(chǎn)品當(dāng)中。
  • 早已投放市場(chǎng)并經(jīng)過(guò)驗(yàn)證的Web端產(chǎn)品功能無(wú)法代表移動(dòng)版的需求。移動(dòng)應(yīng)用有其特定的使用環(huán)境和場(chǎng)景。
  • 移動(dòng)版本中的某些功能會(huì)依賴于Web端。提前做好規(guī)劃工作,將有助于開發(fā)工作的順利進(jìn)行。例如,移動(dòng)版特有的為收據(jù)拍照的功能要求Web端必須具有相應(yīng)的功能支持,包括查看收據(jù)照片等等。

不過(guò),正像在前文中提到的,我們?cè)?jīng)假設(shè)用戶最想要的是快速創(chuàng)建內(nèi)容。因此,在界定功能的時(shí)候,我們基于這個(gè)錯(cuò)誤的假設(shè)將核心功能限制在了這個(gè)范圍當(dāng)中。

報(bào)表

以財(cái)務(wù)報(bào)表為例,這是FreshBooks的Web版本當(dāng)中的一個(gè)核心功能,但由于其規(guī)范化的格式難以適應(yīng)移動(dòng)設(shè)備的界面規(guī)格,加之我們初期一直將重心放在“創(chuàng)造內(nèi)容”上,所以我們決定在移動(dòng)版當(dāng)中舍棄掉這個(gè)功能。

為什么會(huì)出問(wèn)題

財(cái)務(wù)報(bào)表其實(shí)是財(cái)務(wù)軟件當(dāng)中非常重要的一部分。我們?cè)诮缍üδ芊秶臅r(shí)候?qū)⑦@部分功能從移動(dòng)版當(dāng)中移除,結(jié)果在可用性測(cè)試中發(fā)現(xiàn)這完全不符合被測(cè)者們對(duì)于一個(gè)功能完整的財(cái)務(wù)軟件的認(rèn)知與期望。

另外我們也意識(shí)到,在現(xiàn)實(shí)中,如果移動(dòng)版的產(chǎn)品當(dāng)中不包含這項(xiàng)功能,那么新用戶很有可能根本無(wú)法了解到其實(shí)我們的Web版應(yīng)用是提供了這個(gè)功能的,他們?yōu)榇硕艞壴摦a(chǎn)品的幾率會(huì)變的很大。

解決方案

我們顯然不是平白無(wú)故將報(bào)表功能從移動(dòng)版本當(dāng)中移除的,它在呈現(xiàn)方式上確實(shí)存在著難以解決的問(wèn)題,但實(shí)際上這個(gè)問(wèn)題并非一定要被解決——通過(guò)進(jìn)一步思考,我們認(rèn)為用戶的真正目標(biāo)并不是一定要在移動(dòng)設(shè)備上看到報(bào)表,對(duì)他們來(lái)說(shuō)最重要的是了解到有這樣一個(gè)功能存在,以及可以怎樣去查看這些內(nèi)容。

最終,我們決定在移動(dòng)端增加報(bào)表的入口,用戶點(diǎn)擊后會(huì)被引導(dǎo)進(jìn)行注冊(cè)或登錄。已經(jīng)處于登錄狀態(tài)的用戶可以選擇“將報(bào)表發(fā)到我的郵箱”或“在iPhone的Safari瀏覽器中直接查看”,同時(shí)界面還會(huì)提示用戶,瀏覽報(bào)表的最佳方式是使用臺(tái)式設(shè)備

點(diǎn)擊查看原圖

相關(guān)閱讀:

總結(jié)

勇于挖掘并面對(duì)設(shè)計(jì)當(dāng)中的錯(cuò)誤與問(wèn)題,并思考相應(yīng)的解決方案,這是不斷提升產(chǎn)品價(jià)值及用戶體驗(yàn)的關(guān)鍵要素。提出假設(shè)、與真實(shí)的用戶進(jìn)行溝通、驗(yàn)證假設(shè)并發(fā)現(xiàn)問(wèn)題、思考解決方案、迭代——是我們?cè)谠O(shè)計(jì)工作當(dāng)中應(yīng)該保持的良好節(jié)奏。

日歷

鏈接

個(gè)人資料

存檔

石狮市| 岑巩县| 临夏市| 温州市| 红桥区| 井研县| 陆川县| 华安县| 桂林市| 温州市| 大化| 信宜市| 甘孜县| 大化| 吉木萨尔县| 兴海县| 白银市| 乌鲁木齐市| 东宁县| 鹿泉市| 阿坝县| 石狮市| 大新县| 清流县| 瓦房店市| 定州市| 芦溪县| 永平县| 武胜县| 察隅县| 洛浦县| 辉县市| 安宁市| 石屏县| 迁西县| 海宁市| 华亭县| 天长市| 金坛市| 龙口市| 睢宁县|