手機(jī)產(chǎn)品細(xì)節(jié)設(shè)計(jì)

0 評(píng)論 5429 瀏覽 0 收藏 8 分鐘

當(dāng)產(chǎn)品經(jīng)理定義出用戶模型與需求后,就可以開(kāi)始UI框架圖的繪制了。首先是交互的流程設(shè)計(jì),可以手繪草圖,也可以使用Visio或者Axure等工具,最重要的是記錄下完整的設(shè)計(jì)思維。要事先知道自己的首頁(yè)要給用戶一個(gè)什么樣的直觀感覺(jué),是多數(shù)功能都顯示在一個(gè)主頁(yè)上的復(fù)雜信息型還是少量按鈕的流程型。這是交互設(shè)計(jì)師的技能也是UI設(shè)計(jì)師對(duì)于產(chǎn)品的理解,特別是對(duì)于小屏幕的手機(jī)來(lái)說(shuō),如何盡量少的形式表達(dá)出用戶真正的需求。

給出三點(diǎn)建議:

1.手機(jī)界面交互框架流程

首先按照用戶的需求排列出信息的需求等級(jí),也就意味著用戶最需要的信息,要在視覺(jué)最主要的位置進(jìn)行顯示。 手機(jī)屏幕小,對(duì)于用戶的需求把握顯得特別的重要,可以一目了然的知道產(chǎn)品的具體的框架,給產(chǎn)品需求一個(gè)優(yōu)先級(jí)。

然后設(shè)計(jì)相應(yīng)菜單中的隱藏功能,但是不要把用戶最應(yīng)該直觀操作的功能放置在菜單項(xiàng)目中(比如:添加賬戶、打開(kāi)己保存的文件等),一般都會(huì)放置“幫助”、“關(guān)于”、“退出”和一些不重要的小功能。 當(dāng)左菜單中的功能鍵過(guò)多時(shí),建議將“幫助”、“關(guān)于”、“退出”等一些不重要的小功能放入二級(jí)菜單。

接下來(lái)設(shè)計(jì)首頁(yè)的各個(gè)相關(guān)界面。切記保持統(tǒng)一的操作邏輯,如果在首頁(yè)中出現(xiàn)菜單項(xiàng)中的功能,不要在后面變成了頁(yè)面上的Button,而前面首頁(yè)上的Button也不要擠到后面頁(yè)面的菜單項(xiàng)中。 設(shè)計(jì)時(shí)盡可能的保持一致性,小屏幕別給用戶太多的跳躍,用戶需要的是直觀的,方便的找到自己的想要的內(nèi)容。

有一個(gè)階段性交互成果之后,與相應(yīng)的開(kāi)發(fā)工程師溝通或者使用軟件的思維來(lái)進(jìn)行細(xì)化,考慮實(shí)現(xiàn)辦法,如果有一定的實(shí)現(xiàn)難度,可以適當(dāng)?shù)匦薷腢I設(shè)計(jì)的元素,但前提是保持同樣的信息架構(gòu),不影響滿足用戶需求,也不影響用戶流暢地使用。

一個(gè)完善的軟件要有一個(gè)詳細(xì)的開(kāi)發(fā)時(shí)間表,在某個(gè)時(shí)間點(diǎn)出現(xiàn)什么樣的版本,開(kāi)發(fā)工程師要與UI設(shè)計(jì)師提前溝通好,否則好不容易開(kāi)發(fā)出一個(gè)版本,需要的是溝通,同時(shí)對(duì)于開(kāi)發(fā)工程師出的版本對(duì)于產(chǎn)品視覺(jué)效果可能會(huì)產(chǎn)生很大的影響,需要UI設(shè)計(jì)師對(duì)手機(jī)文字的顏色、界面效果提出自己的修改意見(jiàn)(手機(jī)UI測(cè)試)。特別是對(duì)于小公司來(lái)說(shuō),要充分的發(fā)揮小團(tuán)隊(duì)的特色(小公司、輕流程),在開(kāi)發(fā)的過(guò)程中一定要及時(shí)溝通各個(gè)方面產(chǎn)生的問(wèn)題,隨時(shí)不斷地修改技術(shù)上的問(wèn)題,以制作出完美的產(chǎn)品。

2.關(guān)于界面設(shè)計(jì)

交互設(shè)計(jì)完成之后還有一個(gè)步驟才能讓交互呈現(xiàn)在手機(jī)顯示屏上,也就是圖形設(shè)計(jì)。本質(zhì)上說(shuō),這兩種設(shè)計(jì)不能分開(kāi),應(yīng)該同時(shí)考慮,否則,前期好的交互設(shè)計(jì)將無(wú)法轉(zhuǎn)化為優(yōu)秀的圖形效果,整個(gè)UI還是不會(huì)達(dá)到很強(qiáng)的沖擊力與易用性。所以,界面設(shè)計(jì)也必須受到重視。
需要設(shè)計(jì)人員有相對(duì)專業(yè)的美術(shù)功底及熟練的設(shè)計(jì)軟件駕馭能力。也就是說(shuō),很多漂亮的效果很難由開(kāi)發(fā)工程師完成。而很多工程師習(xí)慣到一些免費(fèi)的網(wǎng)站下載圖形,或直接拿以前用過(guò)的背景或圖片,有時(shí)也能達(dá)到完成界面的目的,但是難以滿足既定目標(biāo)用戶的終極需求,同時(shí)對(duì)于產(chǎn)品的美感效果也不佳。從用戶的角度來(lái)考慮給出二點(diǎn)建議:

首先,產(chǎn)品源于生活。在您進(jìn)行用戶定義的時(shí)候就己經(jīng)分析過(guò)目標(biāo)用戶身邊的常用產(chǎn)品,這可以為手機(jī)界面打好基礎(chǔ)。所以,一定要仔細(xì)搜尋最能代表目標(biāo)用戶喜好的產(chǎn)品。圖形界面在一定程度上要和她們喜歡的常見(jiàn)的產(chǎn)品相匹配,畢竟目標(biāo)用戶的審美取向也會(huì)影響到產(chǎn)品的銷售與市場(chǎng)反響。假定定位的女性用戶基本都是年輕又充滿朝氣,但事務(wù)繁忙的類型,身邊的產(chǎn)品多以數(shù)字化產(chǎn)品和簡(jiǎn)潔大方且細(xì)節(jié)優(yōu)秀的產(chǎn)品為主,圖形界面既要滿足她們對(duì)信息量和信息優(yōu)先級(jí)的需求,又要滿足她們對(duì)色彩、質(zhì)感等的特殊要求。

而免費(fèi)網(wǎng)站提供下載的圖形本身就沒(méi)有針對(duì)目標(biāo)用戶做特殊設(shè)計(jì),只能做到與目標(biāo)用戶相對(duì)貼切而己,尤其不適用于很有創(chuàng)新且用戶群相對(duì)新潮的軟件。

其次,UI適合多種場(chǎng)景。手機(jī)收集的是用戶的零散時(shí)間,對(duì)于使作手機(jī)產(chǎn)品的場(chǎng)景也帶有一定特殊性,特別是對(duì)于躺床上和坐車打發(fā)時(shí)間,這二個(gè)占據(jù)手機(jī)使用較多時(shí)間的時(shí)間段,UI對(duì)于場(chǎng)景的選擇顯得格外重要。

3.對(duì)手機(jī)產(chǎn)品設(shè)計(jì)方法的建議

關(guān)于手機(jī)產(chǎn)品設(shè)計(jì)的方法,談二點(diǎn)想法。

1)培養(yǎng)自己的UI設(shè)計(jì)團(tuán)隊(duì),減少溝通成本,當(dāng)你的公司足夠優(yōu)秀可以留住人才時(shí),培養(yǎng)自己的UI設(shè)計(jì)團(tuán)隊(duì),從剛畢業(yè)的學(xué)生培養(yǎng)開(kāi)始,慢慢承擔(dān)起更多的交互設(shè)計(jì)任務(wù),并且成為將來(lái)的交互設(shè)計(jì)的主要責(zé)任人。這是最有利于您掌握自己的產(chǎn)品,并開(kāi)發(fā)出滿足用戶需求的產(chǎn)品的最佳途徑。

2)如果沒(méi)有合適的UI設(shè)計(jì)師加入您的團(tuán)隊(duì),而產(chǎn)品又對(duì)自定義的圖片需求量很大、質(zhì)量高,那么推薦您采用設(shè)計(jì)外包。現(xiàn)在有很多公司從事外包設(shè)計(jì)工作,較為專業(yè),但是時(shí)間相對(duì)緊張,周期超長(zhǎng)的項(xiàng)目或者總是變化的需求對(duì)他們來(lái)說(shuō)是很難完美地完成的,此外圖形設(shè)計(jì)公司也不能像團(tuán)隊(duì)內(nèi)部的設(shè)計(jì)師一樣隨時(shí)能溝通,隨時(shí)都可以與團(tuán)隊(duì)一起創(chuàng)意,基本上只負(fù)責(zé)實(shí)現(xiàn)您的創(chuàng)意。國(guó)內(nèi)著名的eico design等都是為眾多的國(guó)內(nèi)的網(wǎng)站、手機(jī)等提供一流的設(shè)計(jì)服務(wù)。如果您需要有人幫助您產(chǎn)生更好的創(chuàng)意,圖形外包公司并不一定能滿足您的需求。

我是一個(gè)對(duì)UI設(shè)計(jì)要求很高的產(chǎn)品經(jīng)理,當(dāng)出來(lái)的產(chǎn)品無(wú)法讓我感覺(jué)滿意時(shí),我更愿意花更多的時(shí)間去美化,而很多時(shí)候UI素材愿意由我自己去找提供給UI設(shè)計(jì)師或給出產(chǎn)品設(shè)計(jì)的方案和產(chǎn)品設(shè)計(jì)靈感,自己想要的產(chǎn)品的想法,要達(dá)到的效果。用產(chǎn)品的第一眼贏得用戶,這是我對(duì)產(chǎn)品UI設(shè)計(jì)的要求,也是對(duì)產(chǎn)品的要求。

來(lái)源:手機(jī)產(chǎn)品細(xì)節(jié)設(shè)計(jì)

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!