首頁

交互設(shè)計(jì)師,你要懂視覺

交互設(shè)計(jì)師之所以要懂得視覺語言,主要體現(xiàn)在原型制作的工作部分,
因?yàn)檩敵龅碾m然是低保真原型,但低保真原型的設(shè)計(jì)過程其實(shí)也是一個(gè)視覺化過程。

廢話少說,直接解釋吧(大致按照動手的時(shí)間順序,以數(shù)字媒體界面為例)。


1 設(shè)計(jì)界面框架要懂視覺
在定好功能,搭好信息架構(gòu)之后,一般進(jìn)行單獨(dú)界面的框架設(shè)計(jì)(鬼扯,真實(shí)的操作順序誰知道?。?/span>
框架設(shè)計(jì)是元素在界面上的大致布局,界面分幾塊區(qū)域,哪一塊區(qū)域放什么內(nèi)容之類的。
這里需要交互設(shè)計(jì)師確定這么幾件跟視覺有關(guān)的事情:

QQ酒店返現(xiàn)V2設(shè)計(jì)回顧

藍(lán)藍(lán)設(shè)計(jì)的小編

QQ酒店返現(xiàn)2.0設(shè)計(jì)回顧
項(xiàng)目背景

當(dāng)你使用彈性社交網(wǎng)絡(luò)認(rèn)識了怦然心動的某人,立即需要一個(gè)“做案現(xiàn)場”的時(shí)候 ;當(dāng)你臨時(shí)出差到一座陌生的城市,一下飛機(jī)就為訂酒店而煩惱的時(shí)候,你可能就要感謝那些“開房 App”了,它們可以根據(jù)地理位置顯示出離你最近的酒店的實(shí)時(shí)房源,然后輕松點(diǎn)幾下手機(jī)屏幕,問題就得到了解決—–這是《創(chuàng)業(yè)家》雜志給酒店預(yù)定應(yīng)用描繪的使用場景。我們的“開房 App”已經(jīng)在Android平臺跑了一段時(shí)間,相信已經(jīng)是不少用戶的“做案幫兇”了,產(chǎn)品經(jīng)理又找上我們,謀劃著怎么讓這個(gè)做案工具幫到更多的人這次,我們從ios開始……

設(shè)計(jì)的靈感 + 用研的力量

藍(lán)藍(lán)設(shè)計(jì)的小編

前言:年初沉浸于工作中的重點(diǎn)項(xiàng)目,都快忘記寫文章了,慚愧。分享既是學(xué)習(xí),沒有分享就沒有學(xué)習(xí)的機(jī)會,2013年應(yīng)該繼續(xù)多寫。同時(shí)也總結(jié)了2012年的寫作,發(fā)現(xiàn)我很多時(shí)候是對自己感興趣的各種文章、現(xiàn)象,在寫設(shè)計(jì)筆記與思考。有時(shí)思維種種,并沒有總結(jié)到很踏實(shí)。以后會改進(jìn),多采取靈感文+實(shí)戰(zhàn)文的寫作節(jié)奏。

手機(jī)上的長列表

藍(lán)藍(lán)設(shè)計(jì)的小編


這個(gè)Watch Lists其實(shí)很長,有幾十項(xiàng),表現(xiàn)出來是這樣:每頁只顯示5項(xiàng),可以顯示在一屏內(nèi),然后翻頁。
在PC網(wǎng)頁的設(shè)計(jì)時(shí)我們知道:把更多的內(nèi)容放在一個(gè)頁面里展示,比跳轉(zhuǎn)頁面更好,用戶更容易看到。幾米長的門戶首頁就是這么來的。

20個(gè)你該知道的UI設(shè)計(jì)原則

藍(lán)藍(lán)設(shè)計(jì)的小編

對圖形設(shè)計(jì)大師Paul Rand來說,設(shè)計(jì)絕不是簡單的排列組合與簡單地再編輯,它應(yīng)當(dāng)充滿著價(jià)值和意義,去說明道理,去刪繁就簡,去闡明演繹,去修飾美化,去贊美褒揚(yáng),使其有戲劇意味,讓人們信服設(shè)計(jì)師所要言明的。針對這一見解,界面設(shè)計(jì)師Joshua Porter在他的博客中談到了20大UI設(shè)計(jì)原則。

1.清晰度是首要工作

清晰度是界面設(shè)計(jì)中的第一步,也是最重要的工作。若想讓自己設(shè)計(jì)的界面有效并被人喜歡,首先要做到的就是讓用戶能夠迅速識別出來,讓用戶知道為什么會使用它。當(dāng)用戶使用時(shí),能夠預(yù)料到將要發(fā)生什么,并成功的與之交互。雖然有些界面設(shè)計(jì)得并不清晰,但好像也能夠滿足用戶一時(shí)的需求,但并非長久之計(jì),只有清晰的界面才能夠吸引用戶不斷地重復(fù)使用。

2.界面是為促進(jìn)交互而存在的

界面的存在,促進(jìn)了用戶和虛擬世界之間的互動。優(yōu)秀的界面不但能夠讓我們做事有效率,還能夠激發(fā)、喚起和加強(qiáng)我們與這個(gè)世界的聯(lián)系。

你應(yīng)該知道的20大UI設(shè)計(jì)原則

從內(nèi)觀禪修悟出的產(chǎn)品哲學(xué)

藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)注:很久以前,有一個(gè)很好的朋友去國內(nèi)的內(nèi)觀中文呆了十天,回來后的他與以前不同,多了一些寂靜觀喜,總是以喜悅的態(tài)度去看人事物,不糾結(jié),不為難自己,也不強(qiáng)求別人。他一直對我們講要我們也去禪修一下。我口上答應(yīng)著,內(nèi)心嘀咕著:去哪兒修行嗎?對公司、對工作、對家庭有好處嗎?十天很久也。

今天看到這篇文章,有心人去哪里都有領(lǐng)悟,能以文章表示出來,是一種能力。

這文中三點(diǎn):1、與其相信用戶告訴你他要什么,不如靠自己的對產(chǎn)品的覺知——用戶觀察為先不一定正確。

我是這樣理解的:覺知比理性調(diào)查更有用,有人信覺知,有人信調(diào)查。你問出答案,對方回答出來的未必是真心的,有可能說慌。有一部片子 lie to  me,是講以人的身體語言去覺知人的思想的,高水平的覺知可看透人心。

2、平等地去看待假設(shè),它們本質(zhì)上是沒有區(qū)別的——保持對他人的同理心

我是這樣理解的:事無對錯(cuò),只看從什么角度對看,產(chǎn)品經(jīng)理保持無區(qū)別心的對待,從各角度理解體察,能理解別人,海納百川,從善如流。

3、以慈悲的態(tài)度對待用戶,人性化的設(shè)計(jì)——拒絕被動的用戶黏度

我是這樣理解的:不強(qiáng)迫用戶,用吸引的方式達(dá)成,不用推薦及強(qiáng)買強(qiáng)賣達(dá)成。


提升產(chǎn)品體驗(yàn)愉悅性的十個(gè)方法

藍(lán)藍(lán)設(shè)計(jì)的小編

無論我們的實(shí)踐方式從哪個(gè)角度出發(fā),有一點(diǎn)是無疑的:任何一個(gè)成功的設(shè)計(jì)方案都必須以產(chǎn)品功能的可行、可用、可靠為基礎(chǔ)。假設(shè)你已經(jīng)有了一款可用的產(chǎn)品,并且希望為其注入更多能夠讓用戶在情感上為之吸引的元素,那么你應(yīng)該做些什么呢?應(yīng)該從何處入手?下面是我的十個(gè)建議,希望能夠幫你有效的提升網(wǎng)站或應(yīng)用產(chǎn)品的體驗(yàn)愉悅性。

閑扯到底什么是“競品”

藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   bouu.cn  )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國內(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ù)

來源:http://iamsujie.com/4000/4024/

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


競品分析,具體怎么分析,網(wǎng)上有很多方法,但是到底什么是“競品”,今天隨便聊聊。

假設(shè)你是一個(gè)早點(diǎn)攤子上,負(fù)責(zé)賣豆?jié){的伙計(jì)(不好意思,分工有點(diǎn)兒過細(xì)了),這時(shí)候你為了賣出更多的豆?jié){,獲得更多的提成,你開始做競品分析,你會把什么當(dāng)做競品?

好,旁邊那個(gè)攤子上賣豆?jié){的,跑不了,肯定是。這是最初級的考慮,同質(zhì)產(chǎn)品,這叫“用同樣的產(chǎn)品功能解決同樣的用戶需求”,和這樣的競品玩,比得是產(chǎn)品功能的優(yōu)劣,比如你是現(xiàn)磨的,他是采購袋裝的,你可以引發(fā)喝豆?jié){應(yīng)該加糖還是加醬油的曠世舌戰(zhàn),他可以有紅豆味、花生味,可以裝背包里帶走……你觀察一下每天路過的用戶都是啥樣的人,大致就知道各自的優(yōu)劣勢了。

這樣的競品分析,相對簡單,瞄著和你做同樣產(chǎn)品的人即可,好比新浪微博盯著騰訊微博,暴風(fēng)影音盯著QQ影音。而這種分析的結(jié)果,往往也只能帶來一些功能層面上的優(yōu)化,不會對產(chǎn)品方向帶來什么新思路

日子一天天過去,咱現(xiàn)磨的豆?jié){越來越得到用戶的認(rèn)可,健康看得見嘛,忽然某天早上,你發(fā)現(xiàn)隔壁攤子居然放棄豆?jié){市場了,開始賣各種牛奶和果汁!你震驚了,Why?趕緊去問用戶,你為什么要買豆?jié){?用戶不一定是要喝豆?jié){,而很可能的答案是——包子太干了,應(yīng)該有點(diǎn)喝的東西,所以,牛奶也可以啊。

用不同的產(chǎn)品功能解決同樣的用戶需求”。這叫“替代品”,可以延伸閱讀波特五力模型。于是,你體會到,競品分析不應(yīng)該單單停留在對“產(chǎn)品功能”的分析上,還可以去尋找你這個(gè)功能背后要滿足的“用戶需求”,能解決同樣“用戶需求”的其他解決方案,也是競品。這種分析,會給產(chǎn)品帶來新思路、新方向,好比,做網(wǎng)上超市的要多去沃爾瑪逛逛,做報(bào)紙的應(yīng)該訂幾份雜志。

多去接觸用戶,你會發(fā)現(xiàn),他們買豆?jié){的原因還不止一種,同樣的產(chǎn)品功能解決不同的用戶需求”也很正常。這會反過來促使你重新思考自己的定位,到底要優(yōu)先滿足什么需求?于是你會在不同的需求場景下,找到不同的替代品:豆腐、千張(有人喜歡豆制品);粥、餛飩(包子也不買了,直接來稀的);自來水、漱口水(吃完包子漱口,把菜葉弄掉……)。

想清楚了,再進(jìn)一步,你還可以把這個(gè)買豆?jié){的原因追問下去“為什么”,從而“用同樣的產(chǎn)品功能滿足不同層次的用戶需求”。最深總可以挖到人性的心理或生理層面,比如喜歡豆制品那個(gè),也許是用戶體檢后發(fā)現(xiàn)自己缺什么元素,所以與某些保健品、藥品也有關(guān)系,那么,你賣豆?jié){,是否可以往“健康”的需求上靠?這樣,在不同層次上,通過對不同的競品做分析,你可以給產(chǎn)品更多跨界的思路。

不是有一句話么:“互聯(lián)網(wǎng)/手機(jī)上的所有產(chǎn)品都是競品,競爭的是用戶僅有的那點(diǎn)時(shí)間”。當(dāng)然,分析完之后,自己最終做什么產(chǎn)品功能,還得考慮很多其他因素了。

試著繞口令式的小結(jié):

你的產(chǎn)品,

在解決同樣需求的時(shí)候會碰到同樣的產(chǎn)品;

解決同樣需求的時(shí)候會碰到不同的產(chǎn)品;

解決不同需求的時(shí)候會碰到不同的產(chǎn)品;

解決不同層次需求的時(shí)候會碰到不同的產(chǎn)品。

他們都是競品。

iOS人機(jī)界面指導(dǎo)手冊和安卓設(shè)計(jì)指導(dǎo)

藍(lán)藍(lán)設(shè)計(jì)的小編

產(chǎn)品經(jīng)理和設(shè)計(jì)師看一下:

 

iOS人機(jī)界面指導(dǎo)手冊(iOS Human Interface Guideline  在線地址:http://t.cn/hb5g1R (點(diǎn)右側(cè)PDF可直接下載) 

一個(gè)不錯(cuò)的中文翻譯:http://xuexiao.me/2011/03/ios-human-interface-guidelines/

 

 安卓設(shè)計(jì)指導(dǎo)(Android Design 在線地址:http://developer.android.com/intl/zh-CN/design/index.html 

一個(gè)不錯(cuò)的中文翻譯:http://www.topfun.us/adchs/index.html

Design.Open.Raina—活動頁設(shè)計(jì)心得二三

藍(lán)藍(lán)設(shè)計(jì)的小編

 

又一年總攻節(jié)的硝煙剛散,各大電商網(wǎng)站連通大小門戶平臺都經(jīng)歷過一輪鋪天蓋地的促銷與各類花色繁多的相關(guān)運(yùn)營推廣活動。

看了好些五彩斑斕的活動頁面,結(jié)合最近閱讀的相關(guān)文章和自己參與應(yīng)用中心活動頁設(shè)計(jì)以來積累的一些不成熟的經(jīng)驗(yàn),總結(jié)出了關(guān)于活動頁設(shè)計(jì)的一些小心得,值此佳節(jié)(昂=_=?),希望能拋一些磚并與大家共同尋找玉的存在^^。

 

活動頁簡析

活動專題頁面,顧名思義是承載各種形式的節(jié)慶促銷、宣傳推廣、營銷產(chǎn)品發(fā)布等等活動的頁面,形式與內(nèi)容也多種多樣。 典型的靜態(tài)活動頁面通常使用頁頭banner+標(biāo)題再配以活動入口的展示形式,主要以背景、banner和標(biāo)題字體的視覺處理來烘托整體氛圍;如今也越來越多的活動頁會加入游戲等趣味性強(qiáng)的互動方式,采用flash形式展現(xiàn),今年TMALL的喵星球搶紅包活動就是絕佳例子。

日歷

鏈接

個(gè)人資料

存檔