首頁

手機(jī)上的長列表

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


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

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

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

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

1.清晰度是首要工作

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

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

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

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

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

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

藍(lán)藍(lán)注:很久以前,有一個很好的朋友去國內(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ū)別的——保持對他人的同理心

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

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

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


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

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

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

閑扯到底什么是“競品”

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

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   sillybuy.com  )是一家專注而深入的設(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è)你是一個早點(diǎn)攤子上,負(fù)責(zé)賣豆?jié){的伙計(jì)(不好意思,分工有點(diǎn)兒過細(xì)了),這時候你為了賣出更多的豆?jié){,獲得更多的提成,你開始做競品分析,你會把什么當(dāng)做競品?

好,旁邊那個攤子上賣豆?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)品功能”的分析上,還可以去尋找你這個功能背后要滿足的“用戶需求”,能解決同樣“用戶需求”的其他解決方案,也是競品。這種分析,會給產(chǎn)品帶來新思路、新方向,好比,做網(wǎng)上超市的要多去沃爾瑪逛逛,做報紙的應(yīng)該訂幾份雜志。

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

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

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

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

你的產(chǎn)品,

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

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

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

解決不同層次需求的時候會碰到不同的產(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可直接下載) 

一個不錯的中文翻譯: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 

一個不錯的中文翻譯: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的喵星球搶紅包活動就是絕佳例子。

設(shè)計(jì)師要抱著對待朋友的心態(tài)去對待用戶

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

現(xiàn)在,互聯(lián)網(wǎng)在為我們帶來便捷生活的同時,也為我們筑起了高墻。人與人之間的關(guān)系越發(fā)淡薄,人與電腦的關(guān)系卻越發(fā)密切,很多人無意間將自己的感情寄托在電腦上,也可以說是互聯(lián)網(wǎng)產(chǎn)品上。大多數(shù)用戶的70%的時間都花在這些產(chǎn)品上,他們通過產(chǎn)品界面完成所有的互動,界面是由設(shè)計(jì)師來設(shè)計(jì)的,也就是說這些用戶70%的時間是在和設(shè)計(jì)師進(jìn)行溝通交流,那么設(shè)計(jì)師是不是應(yīng)該以一種好朋友的姿態(tài)來對待他們的用戶呢?試想一下,在實(shí)際生活中,如果一個人愿意用70%的時間和你交流溝通,那ta肯定是你的閨蜜或很好的朋友吧。

作為設(shè)計(jì)師,我認(rèn)為自己應(yīng)該像對待好朋友一樣,去對待我們的用戶,用心地幫助ta們,關(guān)心ta們。在實(shí)際生活中,你會怎樣對待你的好朋友呢?怎么對待朋友就怎么對待用戶吧,下面我用自己收集來的案例來說明我們?nèi)绾未?rdquo;用戶“如待”友“。

 

1. 你總能向朋友很形象地描述些些事情

設(shè)計(jì)案例1:你對朋友說:講話慢就像烏龜跑得慢一樣,講話快就像兔子跑得快一樣

設(shè)計(jì)案例2:你告訴朋友:開心表情代表消息發(fā)送成功時,難過表情代表消息發(fā)送失敗

設(shè)計(jì)案例3:你告訴朋友:”你摸小鴨icon,小鴨icon也會張開翅膀;icon也有心情也有微表情。

移動設(shè)備的轉(zhuǎn)場設(shè)計(jì)

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

移動設(shè)備的轉(zhuǎn)場設(shè)計(jì)

 

講到移動設(shè)備的轉(zhuǎn)場設(shè)計(jì),我們先來看看移動設(shè)備。 移動設(shè)備有三個主要的特點(diǎn):

1. 屏幕小,相對于普通的PC來看移動設(shè)備的屏幕相對要小很多。

 

2. 使用環(huán)境多變,由于移動設(shè)備便攜的特點(diǎn)我們會在各種環(huán)境中使用。

3. 由于屏幕小一次展示的內(nèi)容少加上各種不穩(wěn)定操作環(huán)境,軟件上有簡單易學(xué)易于操作的特性

回到正題來看轉(zhuǎn)場 說到“轉(zhuǎn)場”一般都會想到電影和PPT里面的轉(zhuǎn)場,

下面來看轉(zhuǎn)場在這兩個領(lǐng)域的定位和作用

網(wǎng)頁設(shè)計(jì)中建立良好的視覺層級,好文!

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

 

隨著互聯(lián)網(wǎng)信息爆炸式增長,用戶瀏覽單個網(wǎng)頁時,并不像我們想象的如閱讀文章般從左到右、從上倒下逐一查看,為什么?

一、 視覺層級為什么重要

左側(cè)是設(shè)計(jì)師期望用戶的瀏覽方式,右側(cè)為用戶實(shí)際的瀏覽方式—摘自《Don’t make me think》

用戶來到一個網(wǎng)站有他自己特定的目標(biāo),如閱讀新聞、購物、查看新消息,然而信息量太大,逐一查看需要大量時間,這就要求網(wǎng)站能抓住主流用戶特征,將重點(diǎn)推送給他,用戶找到自己的目標(biāo)或感興趣的點(diǎn),才有可能繼續(xù)瀏覽或產(chǎn)生下一步動作,否則就會離開。

用戶時間有限加上互聯(lián)網(wǎng)信息量巨大,這兩項(xiàng)原因正是考驗(yàn)視覺設(shè)計(jì)師要建立良好的視覺層級呈現(xiàn)給用戶,幫助用戶快速找到目標(biāo)的功力。

總結(jié)一下,建立有效的視覺層級主要從以下四個方面著手:

1、簡約: 有選擇的展現(xiàn)信息,讓用戶在有限的信息中發(fā)現(xiàn)重點(diǎn)

2、組織: 預(yù)先對信息進(jìn)行科學(xué)的分類,整理好優(yōu)先級,可以得到更好的傳播效果

3、呈現(xiàn): 多種表現(xiàn)方法結(jié)合,呈現(xiàn)最好的視覺層級效果,這個點(diǎn)細(xì)化后有很多可挖,這里總結(jié)了幾個點(diǎn),歡迎繼續(xù)哈

4、引導(dǎo): 遵循用戶習(xí)慣,同時給予適當(dāng)?shù)囊龑?dǎo)推薦

日歷

鏈接

個人資料

存檔