首頁

手機QQ里的注冊那些事兒

資深UI設(shè)計者

QQ作為一個連接人、內(nèi)容與生活的社交平臺,其注冊帳號將是我們產(chǎn)品中非常重要的一環(huán)。基于Mobile端與Pc端的區(qū)別,我們在手機版QQ的設(shè)計上要求更輕、更快、更便捷的給用戶下發(fā)QQ號。目前手機版QQ的用戶量覆蓋率已達8億以上,所以現(xiàn)有新QQ號的注冊情況多為已有號碼登錄情況下的小號注冊。所以如何幫助用戶快速注冊新QQ號,并且使用戶在流程中獲得良好的用戶體驗就是我們思考的問題。

1 簡化流程

1)   分布注冊

分步注冊是什么?它指的是在注冊頁面上,一個頁面只專注于一個信息的提交,分步驟地去讓用戶完成整個流程。相反,非分步注冊則指的是在一個長頁面上完成多個信息的填寫,最終提交注冊一個帳號。

表單設(shè)計系列一:設(shè)計好用表單的10個技巧

藍藍設(shè)計的小編

在今天的文章中,你會看到許多關(guān)于表單設(shè)計的切實可行的建議,它們涉及到可用性測試、現(xiàn)場測試、眼動追蹤以及用戶反饋等多個不同的環(huán)節(jié)。

1、梳理邏輯,保留必需

表單是同用戶進行溝通的語言。和任何對話一樣,它應(yīng)當(dāng)以符合邏輯的方式幫助雙方完成交流。所以,你需要這么做:

  • 讓問題保持直觀的順序。你應(yīng)當(dāng)站在用戶的角度按照邏輯提問題,而非按照程序或者數(shù)據(jù)庫的邏輯。如果問題之間沒有邏輯存在,那么可以按照字母順序來排布。
  • 以直覺的順序組織選項。比如選項為日期的時候,按照周一周二周三這樣的順序來排布,而非亂序。
  • 時刻反思從用戶那里獲得的信息是否必要,如何使用。這樣做是為了消除不必要的選項,提升完成率。

日期選擇器設(shè)計總結(jié)

用心設(shè)計

日期選擇器的設(shè)計很容易被我們忽視,因為我們潛意識都覺得日期選擇器很簡單。其實的確也很簡單:一個輸入框,一個日歷圖標(biāo),用戶點擊日歷圖標(biāo)就會彈出一個日歷浮層來供用戶選擇具體日期。這是每一個日期選擇器的基本樣式,看起來的確很簡單。但是事實真的是這樣的嗎?在設(shè)計日期選擇器之前,設(shè)計師要問自己一下幾個問題:

日期選擇器設(shè)計總結(jié)

選擇極簡主義風(fēng)格做設(shè)計,不是沒有道理

資深UI設(shè)計者

關(guān)于極簡主義

實際上極簡主義這個詞在人類活動的各個領(lǐng)域中都被地使用著,Merriam-Webster 詞典種對于它的解釋是“在音樂、文學(xué)和設(shè)計領(lǐng)域中以極其平衡簡潔而著稱的一種風(fēng)格或技術(shù)”。極簡主義正在被越來越多的領(lǐng)域所接納,其核心的特征是簡約而富有意義。

作為一種視覺設(shè)計的新方向,極簡主義在20世紀(jì)60年代的紐約很受歡迎,當(dāng)時的新老藝術(shù)家正在探索將抽象幾何元素融入繪畫和雕塑藝術(shù)。相應(yīng)的,極簡主義在當(dāng)時的諸如包豪斯運動、建構(gòu)主義運動中,留下了濃墨重彩的一筆。在涉及視覺藝術(shù)的不同領(lǐng)域,極簡主義的核心原則基本都是優(yōu)雅地保留關(guān)鍵性的、引起觀者注意力的部分。線條、形狀、色彩、留白、構(gòu)圖等一切元素都被有效地組織起來。今天我們在生活的各個領(lǐng)域都可以看得到極簡主義的影子:建筑、藝術(shù)、攝影、文學(xué)、音樂、UI設(shè)計,甚至食物。

手機QQ,是如何做注冊流程的?

用心設(shè)計

QQ作為一個連接人、內(nèi)容與生活的社交平臺,其注冊帳號將是我們產(chǎn)品中非常重要的一環(huán)?;贛obile端與Pc端的區(qū)別,我們在手機版QQ的設(shè)計上要求更輕、更快、更便捷的給用戶下發(fā)QQ號。目前手機版QQ的用戶量覆蓋率已達8億以上,所以現(xiàn)有新QQ號的注冊情況多為已有號碼登錄情況下的小號注冊。所以如何幫助用戶快速注冊新QQ號,并且使用戶在流程中獲得良好的用戶體驗就是我們思考的問題。

手機QQ,是如何做注冊流程的?

可視化系統(tǒng)搭建 遇見大數(shù)據(jù)可視化系列文章之四

資深UI設(shè)計者

如何搭建數(shù)據(jù)可視化系統(tǒng),用豐富的設(shè)計語言清晰表達復(fù)雜和龐大數(shù)據(jù),并形成鮮明的設(shè)計風(fēng)格?我們把數(shù)據(jù)可視化的元素進行拆分并建立相應(yīng)的規(guī)范體系。

圖表設(shè)計

1. 圖表基本類型

六種基本圖表涵蓋了大部分圖表使用場景,也是做數(shù)據(jù)可視化最常用的圖表類型:

柱狀圖   分類照片照片什么照片什么什么項目之間的比較;

餅圖   構(gòu)成即部分占總體的比例;

折線圖   隨時間變化的趨勢;

條形圖   分類照片照片什么照片什么什么項目之間的比較;

散點圖   相關(guān)性或分布關(guān)系;

地圖   區(qū)域之間的分類照片照片什么照片什么什么比較。

基本圖表類型都有通用的樣式,不過多的展開講解我們更多的考慮如何選擇常用圖表來呈現(xiàn)數(shù)據(jù),達到數(shù)據(jù)可視化的目標(biāo)基本方法:

如何避免交互設(shè)計中的“刻板印象”

用心設(shè)計

一直在看奇葩說,聽到很多次的一個詞叫“刻板印象”。而人之所以有“刻板印象”,是因為有categorical thinking(類別型思維),它往往使我們產(chǎn)生對事物的固有看法和理解,是在看到某些特定人、事、物時第一時間想到的,這些就形成了“刻板印象”。毋庸置疑,使用“刻板印象”(經(jīng)驗)能無形中提升工作效率;減少溝通和開發(fā)測試成本;也不會太多的打破用戶習(xí)慣。然而,它也會帶來負(fù)面影響,讓我們對真實世界失去客觀判斷。

從案例中學(xué)習(xí)如何避免交互設(shè)計中的“刻板印象”


米大師web改版-設(shè)計總結(jié)

用心設(shè)計

米大師web是什么?

米大師web是計費平臺部為公司以及合作方提供的,web端泛娛樂業(yè)務(wù)支付解決方案。后臺以SDK包提供給業(yè)務(wù),前端以支付彈窗形式適配所有業(yè)務(wù)場景。

米大師web改版-設(shè)計總結(jié)

專業(yè)科班系列!如何快速提高你的版式設(shè)計水平?

資深UI設(shè)計者

@乘與九設(shè)計:學(xué)習(xí)版式設(shè)計就是學(xué)習(xí)如何處理信息重點,因為在任何設(shè)計中,最重要的信息需要首先被注意到,然后是次要信息。下面介紹幾種適用性強的區(qū)分層次的手法給大家。

在開始設(shè)計之前,關(guān)鍵要先梳理好哪些是重點信息,哪些是次要信息。接著就是要講重點放在什么位置,是標(biāo)題,內(nèi)容,還是圖片。這些信息的重點就是版式的層次結(jié)構(gòu)。一旦確立好層次結(jié)構(gòu),接下來就是靠常用的視覺形式來處理即可,例如通過字距,筆畫粗細(xì),顏色,以及字體等等。方法如下:

1.  添加垂直空白空間

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔