移動應(yīng)用app設(shè)計過程大揭秘|app設(shè)計教程第五章

如果你是一名設(shè)計師,移動應(yīng)用程序空間的好消息是這樣的:設(shè)計就是一切。無論你正在構(gòu)建一個實用程序或游戲,同時普及和可用性,外觀有很大的影響?;靵y和雜亂無章的應(yīng)用程序是很難理解,很難使用。這是不是說,一個“嚴重刀具”應(yīng)該加以點綴過頭的GUI。一個偉大的應(yīng)用程序設(shè)計是一個將外觀與功能之間取得平衡。

移動設(shè)計

在功能方面,當(dāng)然也有一些領(lǐng)域的應(yīng)用開發(fā),不是“設(shè)計師的工作”,但仍然有很大的影響的設(shè)計概念和應(yīng)用程序的創(chuàng)意方向。如果您正在使用一個應(yīng)用程序,而這些工作都沒有被填滿,誰擁有這些技能,這樣做,或者給它一個嘗試自己找人。跳過這些步驟可能會導(dǎo)致你了昂貴的修改路徑,當(dāng)你的用戶發(fā)現(xiàn),您的應(yīng)用程序缺少的功能或有痛苦的設(shè)計缺陷。

taasky

應(yīng)用程序的主要任務(wù)是什么?

一旦一個應(yīng)用程序的想法已經(jīng)普遍范圍內(nèi)的出,它的時間來縮小應(yīng)用程序的功能的核心應(yīng)用程序做什么。最流行的應(yīng)用程序建立和保持專注于一個主要的任務(wù)。要做到這一點,你必須確定什么,首要任務(wù)是通過創(chuàng)建您的應(yīng)用程序的主要目的和目標受眾,也被稱為一個產(chǎn)品定義語句的簡要說明。

我知道這聽起??來有點怪,沒用,但是這句話你應(yīng)該附加在墻上的整個時間,你的設(shè)計工作。它的核心應(yīng)用程序是所有關(guān)于。所以,挑幾個特點,這將是大多數(shù)用戶最經(jīng)常使用的是最適合移動環(huán)境。一個快速的方法,要做到這一點,以填補這些空白的應(yīng)用程序,你的工作:

(你的區(qū)別)(您的解決方案)(你的聽眾)。

iPhone的“照片”應(yīng)用程序下面是一個例子:

(易于使用)(數(shù)碼照片共享)(休閑iPhone用戶)。

市場調(diào)查

市場研究可能聽起來像另一個那些*哈欠*任務(wù),但跳過這一步是愚蠢的。如果你不想這樣做,雇用別人誰不這樣的工作感到興奮。不要落入陷阱,“沒有其他人這樣做”,“這種想法是完全獨創(chuàng)的”或“我要保持我的想法純潔,不受外界影響。”如果你購買到這些想法,你的應(yīng)用將是完美的,但只為你。

步驟1:準備比較

交叉參考和記錄所有你研究的最佳方式是將其粘貼到電子表格或字處理文檔。您可以創(chuàng)建你自己的,或者我已經(jīng)創(chuàng)建了一個谷歌文檔,你可以使用:移動應(yīng)用研究電子表格。我已經(jīng)把相關(guān)的應(yīng)用程序,我們將在這篇文章中的例子。只需更換此數(shù)據(jù)與自己!這使得好的,易于交叉引用所有的特性,優(yōu)勢和技術(shù)等產(chǎn)品提供。

第2步:查找現(xiàn)有解決方案

我說:“現(xiàn)有的解決方案”,而不是“競爭”,因為不是所有的相關(guān)產(chǎn)品將在你的手機市場的競爭。有些人可能是web應(yīng)用程序,桌面應(yīng)用程序或在同一領(lǐng)域的興趣甚至離線來源。找到現(xiàn)有產(chǎn)品的最佳方式是每一個品種上的應(yīng)用程序相關(guān)的關(guān)鍵字搜索:如谷歌、百度、雅虎等

搜索范圍縮小到“博客”和“新聞”得到真正近期結(jié)果

iTunes應(yīng)用程序商店

Android市場

第3步:揭開技術(shù)限制

在市場調(diào)研過程中發(fā)現(xiàn)技術(shù)的限制,你沒想到準備。作為一名設(shè)計師,你可能會說,“誰在乎呢?這是開發(fā)商的工作!“也許是這樣,但你會感到驚訝,許多技術(shù)可行性討論如何影響設(shè)計!相信我,你想成為其中的一部分,討論。

技術(shù)上的限制的例子可能包括:如果你想創(chuàng)建一個應(yīng)用程序,這將允許您阻止來自某特定號碼的呼叫?嗯哦,iPhone的SDK不支持該功能。另外,讓說,我想創(chuàng)建一個應(yīng)用程序,可以讓你找到最近的咖啡店?仔細想想多少擊中了你的應(yīng)用程序可能得到的,因為谷歌和雅虎都開始收費,一旦你在你的應(yīng)用程序的搜索請求超過一定的成交量!

步驟四:規(guī)劃為將來的功能

這是非常重要的。當(dāng)你通過學(xué)習(xí),今天,是不可能的事情,好消息 - 在您的設(shè)計中,你仍然可以為他們計劃灰心!第一代iPhone有一個視頻攝像頭?沒有,但開發(fā)商有自己的游戲一旦開始在這一領(lǐng)域的機會,將不可避免地在未來開拓思維。

另一個原因是為將來的功能規(guī)劃進行縮放,或者成長為應(yīng)用能力。同樣的網(wǎng)站,應(yīng)用程序通常通過一種或另一種的增長苗頭。有時這意味著增加功能或內(nèi)容,有時它意味著剝離的東西拿走!想想看,你怎么能保持創(chuàng)造力和模塊化之間的平衡。允許插入件進出容易從布局的角度來看,你會少了很多頭疼的問題!

目標受眾

了解你的目標受眾是非常重要的,在確定的設(shè)計風(fēng)格,排版和布局。你的應(yīng)用程序是否上訴會計師或18 - 25歲的游戲玩家?有這個信息和潛水更深制定的“角色”是必不可少的了解人口希望看到的上下文中,他們會使用的應(yīng)用程序。

例如,邁克·托德是一名18歲的大學(xué)生,在紐約市。這就告訴我們很多關(guān)于邁克。他是在大學(xué)期間,周圍其他的學(xué)生,他的年齡,大多數(shù)類似的時間表。邁克可能想游戲與玩家互動。我們會想到2玩家互動,如果我們只知道邁克的年齡嗎?根據(jù)應(yīng)用程序,也許,也許不是。無論如何,繪制出的人物角色帶來豐富頭腦風(fēng)暴,并有助于繪制出的功能,重要的是你的目標受眾,以及重要的設(shè)計。

使用案例或APP設(shè)計模板

一旦定義人物角色,人物需要被放置在相關(guān)的,真實的生活,“移動”的情況。用戶使用的應(yīng)用程序在哪里?他們徒步,乘汽車或火車?

四十三歲的比爾推動會議在倫敦市中心,想停下來喝杯咖啡。如果應(yīng)用程序要求,條例草案點選屏幕前幾次找到他的咖啡店?當(dāng)然,如果你的兄弟擁有一個車身車間!通過各種情況下,用戶發(fā)現(xiàn)自己在思考,在某些功能重復(fù)的情況下,關(guān)鍵是你會被什么屏幕設(shè)計定義撥號。

網(wǎng)站地圖

Sitemaps的移動設(shè)計的關(guān)鍵。要設(shè)計一個流程,直觀,了解的內(nèi)容關(guān)系到其他內(nèi)容提供了一種設(shè)計簡單和實用的控制。移動應(yīng)用程序的Sitemaps不同網(wǎng)站的Sitemaps移動應(yīng)用程序不應(yīng)該呈現(xiàn)給用戶以多種方式去一個地方。一個房間的門之一:就是這樣。移動用戶沒有時間做出錯誤的舉動,然后去“背”,并嘗試找到正確的路徑。

線框和紙原型

從使用情況收集的數(shù)據(jù)定義,需要出現(xiàn)在屏幕上的地圖中定義的內(nèi)容和控件。從那里,你要設(shè)計一個初步的布局將占到這些設(shè)計元素。定義一個網(wǎng)格,并建立使用的設(shè)計元素的顏色,形狀,和大小的信息的重要性。

符合人體工程學(xué)來說,用戶按住觸摸屏的移動設(shè)備,通常指向屏幕中間的大拇指的位置的方式。所以,如果你要瀏覽各地用戶的應(yīng)用程序迅速,給他們,使他們能夠走動,只用一只手拿著設(shè)備的控制!

另外,還要考慮各種內(nèi)容可以移動和關(guān)閉屏幕的方法。例如,移動表是一個偉大的方式隱藏可操作的控制,直到用戶準備使用它們。

想想你如何能最大限度地減少用戶輸入。誰愿意陷入了進入一堆文字?為用戶提供一個選擇器表,這樣他們就可以從菜單中選擇一個選項。

紙上原型將在手機設(shè)計,為您節(jié)省大量的時間。就像任何設(shè)計或插圖繪制過程中,您的設(shè)計迭代可以讓你探索程度更深更廣泛的設(shè)計選項。紙上原型有“風(fēng)險”,較少的附著一張廢紙比拋光的Photoshop文件。例如,工作后它 ??注意到是有用的,能夠重新排序,添加或刪除屏幕,直到流是正確的。見這個QQ空間分享一個不錯的移動線框收集線程。

創(chuàng)建最終文件

一旦你微調(diào)你的紙上原型,它的時間在Photoshop中的生活帶來那些草圖。如果你還沒有的話,跳回到我以前的帖子,iPhone的設(shè)計模板,并抓住幾個讓你開始。在這篇文章中,你還會發(fā)現(xiàn)如何設(shè)置你的文件,在適當(dāng)?shù)某叽绾头直媛室?guī)格。如果你足夠幸運,能夠與開發(fā)商誰可以為您切片圖像,請禮貌和使用文件夾來組織你的文件。

結(jié)論

這當(dāng)然是一個縮略版在手機的設(shè)計過程中的每一步,所以請一定要留我在下面留言,讓我知道哪個區(qū)域,你想對我闡述后!需要了解更多APP設(shè)計教程,關(guān)注25學(xué)堂微信公眾賬號。

每天更新,
全站高品質(zhì)素材免費下載!