首頁

用戶到達頁面才是設計的開始

藍藍設計的小編

很久之前認為一個項目的完成和上線是一個項目的完結(jié),
后來認識到,一個項目或頁面的上線不是結(jié)束而僅僅是開始,
現(xiàn)在明白了,用戶到達頁面,我們的設計才是剛剛開始。

我不敢說是絕對的或者百分百,但是用戶到達該頁面、該網(wǎng)站、使用該產(chǎn)品,這之前更多的依靠的是搜索或者運營的推廣。作為負責部分項目的UE/UI設計師來說,我不是產(chǎn)品,不是項目經(jīng)理,更不是運營和廣告我沒有那么多的能力去干預用戶到達或者使用我的設計。

 
下面單說一下我理解的用戶到達頁面的三種狀態(tài)。
我認為一個頁面瀏覽行為可以分為:瀏覽前、瀏覽中、瀏覽后,三個階段。

 
初級設計師或者是產(chǎn)品亦或是互聯(lián)網(wǎng)工作人員大多認為:瀏覽中才是我要做的,要花心思做的。
點擊查看原圖

和用戶談戀愛——愛情三角理論與用戶黏性

藍藍設計的小編

親密是愛情關(guān)系中的溫暖體驗,是一種朋友般的親近。由于真正喜歡和對方在一起,渴望同對方一道建立更有凝聚力的和諧關(guān)系,希望把自己的生活以坦誠、不設防的方式與對方分享。伴侶間會發(fā)展出屬于兩個人的溝通風格,熟悉彼此不完美的個性。親密令戀人互相關(guān)心,善待對方,滿足彼此的需要和欲望。親密沒有激情強 烈,但能促進戀人相互親近,讓人感受到人際溫暖。

案例學習 - 響應式網(wǎng)站的產(chǎn)品需求和設計流程詳解

藍藍設計的小編

根據(jù)DailyTech的統(tǒng)計,到2015年,移動互聯(lián)網(wǎng)的用戶數(shù)量將會超過桌面用戶。除了智能手機之外,使用平板電腦甚至是電視機進行上網(wǎng)的用戶也在持續(xù)增加。在這種形勢下,怎樣讓我們的網(wǎng)站盡量兼容各種類型的設備,并確保優(yōu)良的用戶體驗,這將是越來越重要的問題。

通過響應式的設計開發(fā)方式,我們可以使網(wǎng)站頁面隨瀏覽設備的不同而自行響應,動態(tài)的調(diào)整布局結(jié)構(gòu)、元素規(guī)格樣式,將相同的內(nèi)容以不同的格式呈現(xiàn)給不同設備的用戶。

如果你對響應式Web設計還不大了解,可以先參考閱讀我們之前的關(guān)于響應式設計的概念、組成要素及基本實現(xiàn)思路 方面的文章,全方位預熱一下。

什么情況下適宜采用響應式Web設計的方式

當客戶提出產(chǎn)品功能移動化的需求時,有一些解決方案可供我們選擇,包括原生客戶端應用、Web應用等;究竟怎樣的方式更合適,還是取決于具體的需求情況。另外也要考慮網(wǎng)站本身是否需要實施移動化。雖然響應式站點并不能算是一種純粹的移動化解決方案,但是,在某些情況下,這種方式是非常值得考慮的。

你心里沒譜

設計開發(fā)一個全新的移動版本站點或是客戶端應用,整個過程是有很大挑戰(zhàn)性的。除非產(chǎn)品正式上線,否則你無法真正了解它是否會成功。與其單純的為了移動化而花費資源打造移動版本站點或是開發(fā)客戶端應用,不如先花些心思將原本的網(wǎng)站打造的更具彈性,使其在各種主流移動設備中都擁有盡量優(yōu)秀的用戶體驗。

你想節(jié)約成本

要打造響應式站點,自然離不開有經(jīng)驗的交互、視覺設計及前端開發(fā)人員。所需的資源,尤其是時間方面,比起普通網(wǎng)站來說大約增加20%到30%的樣子;但比起單獨打造移動版本的網(wǎng)站,或是設計開發(fā)客戶端應用的成本來說,卻要低很多。從維護的角度來說,也會輕松很多。

你希望網(wǎng)站可以兼容未來的新設備

所謂的移動版本站點,通常是針對某類具體規(guī)格的設備進行單獨打造的,彈性比較差。新的移動設備層出不窮,傳統(tǒng)的移動版本站點需要不斷的進行更新維護,才能盡量保證在新設備中工作良好。響應式設計可以根據(jù)設備瀏覽環(huán)境的具體規(guī)格進行判斷,使用不同的呈現(xiàn)方式來展示內(nèi)容,無需針對某種特定的規(guī)格進行維護,適應性更好。

表單設計與轉(zhuǎn)化率的提升

藍藍設計的小編

 

無論是用于注冊、支付還是聯(lián)絡,我們總是需要通過表單來獲取用戶的信息。不幸的是,在現(xiàn)實當中,總會有很多訪問者一見到表單就會立刻點擊瀏覽器上的后退按鈕。這里面原因有很多,例如表單篇幅太長、不大友好、不那么值得信任,或是用戶還沒真正準備好進行交易等等。

這種情況每發(fā)生一次,我們就失掉了一個潛在用戶。怎樣將表單設計的讓盡量多的訪問者更愿意完成填寫,這是設計師們必須面對的挑戰(zhàn)。站在用戶的角度,我們可以將問題分為四個方面。

我能得到什么?

一提到“轉(zhuǎn)化”,設計師們首先想到的往往是一些相關(guān)操作的細節(jié)問題,包括按鈕的顏色、標題的字號、對比度、對其方式等等。當然,這些是必須考慮的,但最最首要的問題是:作為網(wǎng)站的訪問者,我為什么要填寫表單?我能得到什么?

訪問者不會簡單的因為你提出了相關(guān)要求而把自己的個人信息透露給你;你要讓他們看到這樣做的好處在哪里。不妨把這件事看作一種交易,你的訪問者提供他們的名字與郵箱地址,從而換取到一些他們需要的東西,例如享受服務、免費試用軟件、下載PDF文檔等等。

點擊查看原圖

除了讓瀏覽者知道他們能得到什么東西以外,你最好還能告訴他們這東西為什么是他們所需要的。要聚焦在產(chǎn)品的價值上,如果你能用最簡單的介紹文字描述出你的產(chǎn)品能幫用戶解決怎樣的問題,喚起他們的共鳴,那么即使表單本身稍微復雜些,他們也會愿意完成填寫;否則,字段最少的表單也不會引起他們的興趣。

Q+ Web 改版設計小結(jié)

藍藍設計的小編

  WebQQ1.0最初以IM工具進入用戶的視野,2.0標志著WebQQ華麗轉(zhuǎn)身為平臺型產(chǎn)品,3.0是我們在深化應用平臺概念的定型,縱觀webQQ的演化,其獨特的產(chǎn)品形態(tài)一直被業(yè)內(nèi)各競爭對手所仿效。 Q+Web的到來,我們將以更成熟的姿態(tài)擁抱變化,更強調(diào)平臺體驗的優(yōu)化。我們總結(jié)了中間的各種反復和挑戰(zhàn),并希望以此積蓄經(jīng)驗和力量。

 

Webim v5 那點事兒

藍藍設計的小編

為什么要改版?

隨著科技的發(fā)展,時代的進步,微博用戶的上網(wǎng)設備也在快速更新。研究一下微博用戶的屏幕分辨率使用數(shù)據(jù)我發(fā)現(xiàn),屏幕分辨率越來越高的同時,伴隨的一個數(shù)值,也就是顯示器顯示網(wǎng)頁外的空白面積也越來越大,如何利用好這部分空間是一個值得研究的課題。

前期看了一些同類產(chǎn)品

對于手勢的一些思考

藍藍設計的小編

Clear的出現(xiàn)引起了大家對手勢操作的熱忱, Google新專利采用“連續(xù)手勢”也讓我們看到了個性化手勢的前景。確實,手勢操作能夠減少界面元素,提升效率;但其不可見性,抽象性,需記憶性等特點也決定了它的弊端。如何揚長避短,根據(jù)現(xiàn)有手勢的特點在合適的情境中使用,同時根據(jù)文化約定、實物隱喻、表音、表意等發(fā)想創(chuàng)新手勢,而非一味地追逐跟風,值得我們思考。本文結(jié)合了珊璞之前對客戶端手勢應用的分享以及網(wǎng)上的相關(guān)資料,從手勢的空間感帶來的心理感受,手勢賦予的功能,引導方式,與動畫的配合,創(chuàng)新幾個角度進行了總結(jié)。許多是大家已知的想法,在這里僅做簡單的梳理;而引導方式、與動畫的配合等,希望大家能有更多的思考,因為通過動畫、轉(zhuǎn)場、擬物等方式,可以使注意力與流程更加流暢,同時貼合現(xiàn)實世界,從而有助于手勢的抽象性、需記憶性的克服。閱讀全文

一、空間感帶來的心理感受

拒絕平庸——淺談WEB登錄頁面設計

藍藍設計的小編

  用戶活躍度是檢驗產(chǎn)品成功與否的重要指標之一,傳統(tǒng)行業(yè)的商家極為重視門面的裝潢,因為一個好的門面可以聚集人氣,招攬更多的顧客。古時候的大戶人家院子門口的石獅子或其他的擺件的擺放極為講究,有一定的風水學說道理,更能彰顯主人家的身份地位.由此可見,“門面’就如人的臉面之于人的形象一樣重要,而WEB的登錄頁面就相當傳統(tǒng)的“門面”。

Android 4.0設計初體驗

藍藍設計的小編

Android系統(tǒng)是目前智能移動設備中增長速度最快的平臺,但App的設計卻沒有形成自己的風格,絕大都數(shù)都是ios風格的移植適配。Google 在去年的10月份發(fā)布了Android 4.0 的界面規(guī)范,在樣式、控件上都做了非常個性化的革新,但由于Rom的多樣化,設備的不統(tǒng)一,新的4.0設計規(guī)范并沒有得到廣泛的普及。但以移動設備更新?lián)Q代的速度,Android 4.0將會是趨勢,與ios的差異性也會越來越明顯。由于博主的性格屬于典型的喜新厭舊,所以打算結(jié)合手上的項目做一個吃螃蟹的人…

如何打造軟件、應用類shopping mall

藍藍設計的小編

 2011年各大移動應用商店迅速崛起,群雄割據(jù)。在移動應用商店的基礎上,軟件商店也悄然形成。這些軟件、應用類商店形式多樣、風格迥異。一些成功的應用商店都已然向“shopping mall“邁進:比如應用商店的大贏家蘋果APP Store(i Pad、iPhone), 國內(nèi)的安卓市場、網(wǎng)易應用、騰訊應用中心等等。這些商店成功的秘訣在于他們不僅僅將產(chǎn)品定位于一個簡單的提供應用下載的工具,而是精心運營和設計,創(chuàng)造出一站式提供應用服務的場所。

  怎樣的軟件應用類商店是最完善的呢? 如何使軟件應用類“商店”提升為“shopping mall”呢?對此,本文從shopping mall的規(guī)劃原則著手,找尋其與軟件應用商店的共通點。通過任務和場景對現(xiàn)有的幾大應用商店進行分析,提煉軟件應用類商店的設計要素。

  Shopping mall的定義是:大型零售業(yè)為主體,眾多專業(yè)店為輔助業(yè)態(tài)和多功能商業(yè)服務設施形成的聚合體。而一個完善的軟件應用類商店應該是集倉儲、商場、服務與一身的軟件應用中心。就如一個完善的購物中心,銷售的是種類各異的軟件。下圖從角色、任務和場景3個方面對shopping mall和軟件、應用商店進行對比分析。

 

 

日歷

鏈接

個人資料

藍藍設計的小編 http://www.yvirxh.cn

存檔