|
在(Exist)了(Got it)解了(Got it)跨平台移動app開發設計的(Of)利弊和(And)移動應用(Use)開發常見錯誤之後，你想到了(Got it)一(One)個(Indivual)不(No)錯的(Of)應用(Use)創意，你甚至連應用(Use)的(Of)名字都想好了(Got it)，接下來(Come)該幹什麽？ 現在(Exist)，我(I)們要(Want)談談設計了(Got it)。你需要(Want)考慮移動應用(Use)的(Of)功能結構、用(Use)戶流程等問題，而這(This)些并不(No)是(Yes)那麽容易。考慮到進入開發階段我(I)們會涉及到諸如需求變動、項目管理等棘手的(Of)問題，所以(By)在(Exist)設計階段，我(I)們需要(Want)給自己制定一(One)些原則，并且要(Want)切合實際的(Of)開展工作(Do)。這(This)樣我(I)們才能開發出(Out)一(One)款好用(Use)又有趣的(Of)應用(Use)。忽略這(This)些潛在(Exist)的(Of)問題而盲目瞎幹，你很有可能在(Exist)此後的(Of)開發階段陷入災難。 本文試圖幫助移動應用(Use)設計者在(Exist)工作(Do)中避免一(One)些難纏的(Of)麻煩，希望你的(Of)應用(Use)以(By)及你的(Of)設計思路均能因此受益。 錯誤1. 在(Exist)弄清用(Use)戶流程之前匆忙開始界面（草圖）設計 在(Exist)開始界面設計前，我(I)們要(Want)先把完整的(Of)用(Use)戶流程詳細的(Of)走通順走清楚。哪怕是(Yes)再簡單的(Of)應用(Use)，爲(For)了(Got it)确保用(Use)戶流程邏輯正确、界面布局合理，我(I)們需要(Want)反複推敲用(Use)戶流程并繪制類似上(Superior)面的(Of)流程圖。另外值得注意的(Of)是(Yes)，最好把關鍵功能繪制在(Exist)流程圖靠近頂部的(Of)地方，而不(No)是(Yes)被層層分支淹沒在(Exist)底部。 跳過此環節而草率的(Of)開始界面設計，最終開發出(Out)的(Of)應用(Use)很可能在(Exist)使用(Use)流程上(Superior)不(No)夠清晰合理，用(Use)戶上(Superior)手後不(No)得其解，興趣索然。 錯誤2. 低估開發成本 設計師在(Exist)Photoshop中畫出(Out)的(Of)任何東西，最終都需要(Want)通過app開發公司相關人(People)員的(Of)代碼在(Exist)屏幕上(Superior)表現。原本隻需幾小時(Hour)開發的(Of)功能，由于(At)設計師的(Of)一(One)個(Indivual)看似細微的(Of)改動，可能會多耗費幾天的(Of)開發時(Hour)間。所以(By)，在(Exist)設計過程中要(Want)避免畫蛇添足。 換句話說，如果設計師主導了(Got it)移動應用(Use)功能的(Of)取舍，那後果會很嚴重。舉個(Indivual)搜索框的(Of)例子，原本相對簡單的(Of)一(One)個(Indivual)功能，設計師靈光乍現——在(Exist)用(Use)戶輸入關鍵詞的(Of)同時(Hour)不(No)斷給出(Out)實時(Hour)的(Of)搜索結果。這(This)個(Indivual)看似細節的(Of)改動，很可能讓開發人(People)員當場吐血。像這(This)種的(Of)功能改動最好經過多方讨論後做出(Out)決策，而不(No)是(Yes)任由設計師自說自話。 錯誤3. 在(Exist)低分辨率下設計，使用(Use)位圖文件 始終堅持爲(For)Retina屏幕的(Of)高分辨率繪制設計圖，然後以(By)此輸出(Out)低分辨率版本圖片。這(This)對于(At)老手來(Come)說是(Yes)常識，我(I)們在(Exist)這(This)裏再啰嗦幾句。大(Big)家都知道，移動設備的(Of)常見屏幕尺寸是(Yes)越來(Come)越五花八門（以(By)iOS平台 爲(For)例，迄今需要(Want)考慮的(Of)就有4種分辨率)。所以(By)，繪制高分辨率版本的(Of)圖片，甚至是(Yes)使用(Use)矢量圖而不(No)是(Yes)位圖，這(This)些有助于(At)設計師效率最大(Big)化，以(By)及更好的(Of)應對未來(Come)的(Of)新硬件。 錯誤4. 觸摸區域太小 普通人(People)的(Of)食指觸摸面積在(Exist)1.6至2厘米見方，而且在(Exist)使用(Use)移動應用(Use)的(Of)大(Big)多數時(Hour)間裏，他(He)們的(Of)手指飛快的(Of)掠過屏幕。設計移動app軟件開發應用(Use)界面需要(Want)時(Hour)刻提醒自己這(This)一(One)點，用(Use)戶的(Of)觸摸并不(No)能像鼠标點擊一(One)樣精确。看看你的(Of)設計是(Yes)不(No)是(Yes)在(Exist)一(One)屏裏包含了(Got it)太多的(Of)按鈕等功能觸發點，按鈕是(Yes)不(No)是(Yes)足夠大(Big)，間距是(Yes)不(No)是(Yes)足夠寬，會不(No)會發生用(Use)戶點選不(No)到或者誤按其它按鈕的(Of)問題？ 錯誤5. 濫用(Use)開場動畫 在(Exist)啓動時(Hour)播放一(One)段精緻的(Of)動畫似乎是(Yes)個(Indivual)不(No)錯的(Of)想法，但切忌不(No)要(Want)爲(For)了(Got it)動畫而動畫。Path和(And)Thrillist’s JackThreads使用(Use)很酷的(Of)開場動畫是(Yes)因爲(For)這(This)些應用(Use)啓動需要(Want)一(One)些時(Hour)間，在(Exist)程序完成加載之前用(Use)戶什麽也不(No)能做（譯者：Path啓動貌似沒有啥動畫，難道是(Yes)針對老版本說的(Of)？）。這(This)種情況下，爲(For)用(Use)戶準備一(One)段簡短愉悅的(Of)動畫以(By)消除等待的(Of)焦慮就顯得很合時(Hour)宜了(Got it)。 由于(At)應用(Use)啓動時(Hour)必須首先顯示一(One)張靜待圖片（譯者：如iOS應用(Use)的(Of)Default.png），然後才能切換到動畫，所以(By)務必确保這(This)個(Indivual)切換看起來(Come)天衣無縫。一(One)些不(No)好的(Of)例子在(Exist)處理這(This)個(Indivual)環節的(Of)時(Hour)候産生了(Got it)不(No)協調的(Of)跳轉或者閃屏，這(This)都是(Yes)需要(Want)避免的(Of)。（譯者：優酷iPad應用(Use)的(Of)早期版本存在(Exist)這(This)種切換，處理中有一(One)閃而過的(Of)黑屏，現在(Exist)的(Of)版本把動畫直接去掉了(Got it)） 錯誤6. 讓用(Use)戶不(No)知所措的(Of)原地等待 在(Exist)程序加載、處理數據、或者等待網絡反饋時(Hour)不(No)給用(Use)戶及時(Hour)的(Of)反饋，會讓用(Use)戶誤認爲(For)應用(Use)挂了(Got it)，這(This)也是(Yes)一(One)種不(No)好的(Of)用(Use)戶體驗。 舉例來(Come)說：通過網絡加載數據的(Of)同時(Hour)，不(No)要(Want)讓用(Use)戶傻傻的(Of)盯着一(One)個(Indivual)空白的(Of)屏幕等待，顯示一(One)個(Indivual)轉菊花或者動畫特效什麽的(Of)，讓用(Use)戶明白應用(Use)運行正常，隻不(No)過是(Yes)在(Exist)等待網絡數據。如果能顯示數據讀取的(Of)進度條那就更好了(Got it)，不(No)過事先和(And)開發人(People)員商量一(One)下開發難度（參考本文第二點）。 錯誤7. 盲目借鑒其它移動平台風格 移動應用(Use)設計中應避免的(Of)10種錯誤 糟糕的(Of)抄襲隻會讓用(Use)戶感到疑惑和(And)憤怒。每一(One)個(Indivual)移動平台都有自己的(Of)風格，平台廠商也已經依據其平台自身的(Of)審美訴求撰寫類似蘋果的(Of)Human Interface Guidelines之類的(Of)指導性文檔（譯者：Android現在(Exist)也有類似的(Of)文檔）。在(Exist)iPhone上(Superior)開發類似Windows Phone 7的(Of)Metro風格應用(Use)就很可能讓習慣了(Got it)iOS的(Of)用(Use)戶感到無從下手。 我(I)想說的(Of)是(Yes)，你的(Of)應用(Use)并不(No)一(One)定要(Want)和(And)官方應用(Use)一(One)模一(One)樣，但也不(No)能看起來(Come)另類到像不(No)屬于(At)這(This)個(Indivual)平台一(One)樣。 錯誤8. 過分擁擠的(Of)界面 在(Exist)高PPI下設計移動應用(Use)界面，你可能不(No)知不(No)覺中就在(Exist)一(One)個(Indivual)屏幕裏放了(Got it)太多的(Of)東西。在(Exist)27″的(Of)iMac屏幕上(Superior)看設計圖，你的(Of)app設計開發是(Yes)那麽的(Of)賞心悅目。請在(Exist)移動設備上(Superior)再多看一(One)眼（哪怕僅僅是(Yes)把設計圖導入手機相冊看），可能就不(No)是(Yes)那麽回事了(Got it)。在(Exist)一(One)個(Indivual)屏幕内塞太多的(Of)元素，會讓用(Use)戶操作(Do)起來(Come)費力，甚至淹沒了(Got it)最重要(Want)的(Of)信息。 錯誤9. 認爲(For)所有用(Use)戶都和(And)你一(One)樣的(Of)使用(Use)應用(Use) 無論你的(Of)應用(Use)界面看起來(Come)有多贊，都要(Want)做可用(Use)性測試。你可以(By)在(Exist)熟人(People)圈内開展小規模的(Of)beta測試，記住讓一(One)些資深的(Of)設計師也參加。根據他(He)們的(Of)反饋，在(Exist)最終發布前調整界面。你也可以(By)在(Exist)Craigslist上(Superior)發布廣告，邀請一(One)些學生來(Come)試用(Use)新産品，記得提供比薩或者一(One)點報酬什麽的(Of)。 錯誤10. 忘記使用(Use)或者濫用(Use)手勢操作(Do) 記住并不(No)是(Yes)所有界面元素都必須直觀的(Of)被用(Use)戶看到，有時(Hour)我(I)們可以(By)隐藏一(One)些驚喜。 拿iPhone上(Superior)面的(Of)官方郵件應用(Use) (譯者：又是(Yes)老生常談的(Of)例子)，用(Use)戶可以(By)在(Exist)收件箱中通過橫掃郵件标題激活删除功能，這(This)就免去了(Got it)用(Use)戶點擊“編輯”、選擇郵件、選擇删除的(Of)麻煩。這(This)裏我(I)們發現有個(Indivual)平衡點：老用(Use)戶可能發覺出(Out)用(Use)手勢完成快速删除，同時(Hour)保留“編輯”按鈕以(By)便不(No)熟悉的(Of)用(Use)戶完成删除、标記等其它操作(Do)。所以(By)，善用(Use)手勢但不(No)能過分倚重手勢，一(One)般來(Come)說要(Want)最好不(No)要(Want)用(Use)手勢操作(Do)替代菜單等需要(Want)點選操作(Do)的(Of)界面元素。 總結 如果要(Want)用(Use)一(One)句話概括文本提到的(Of)點點滴滴，那就是(Yes)：好的(Of)設計是(Yes)經過深思熟慮的(Of)。帶着審慎的(Of)态度全面的(Of)考察你的(Of)設計，真正的(Of)從用(Use)戶的(Of)角度出(Out)發想問題。不(No)要(Want)試圖走走捷徑，也不(No)要(Want)跳過測試，不(No)要(Want)設計出(Out)連你自己都拿不(No)出(Out)手的(Of)東西。嘉興app定制公司 www.lei-niao.com
|
嘉興雷鳥是(Yes)一(One)家集企業軟件開發，WEB網站建設，移動APP制作(Do)等綜合型的(Of)互聯網公司，爲(For)嘉興顧客提供一(One)站式的(Of)企業軟件開發，安卓app開發，ios開發服務，同時(Hour)爲(For)嘉興企業提供全面移動互聯軟件技術解決方案，是(Yes)嘉興知名的(Of)綜合型APP軟件外包開發公司。根據前期調研方案和(And)客戶實際需求，以(By)專業獨到的(Of)設計理念、精益求精的(Of)技術精神、嚴格完善的(Of)品控系統，爲(For)嘉興每一(One)位客戶提供專屬的(Of)移動互聯軟件技術解決方案。經過不(No)斷積累，嘉興雷鳥陸續推出(Out)視頻直播APP、電商商城APP、P2P網貸APP、智能硬件APP開發、移動APP開發、微信公衆平台開發、一(One)元購APP、智慧社區服務APP、生活服務O2O系統APP等各類APP産品，爲(For)嘉興各行企業向移動互聯網轉型奠定了(Got it)堅實基礎。在(Exist)激烈的(Of)市場競争中，嘉興雷鳥創造了(Got it)嘉興軟件定制開發行業的(Of)卓越口碑，是(Yes)具有更高品質的(Of)移動互聯網軟件技術定制服務商。
