首頁

UCAN發(fā)布重磅黑科技,阿里人工智能設(shè)計計劃浮出水面

資深UI設(shè)計者

4月27日,UCAN2017用戶體驗設(shè)計論壇在杭州阿里巴巴西溪園區(qū)舉行。大會開場,阿里巴巴集團UED委員會委員長楊光發(fā)布了智能設(shè)計平臺-魯班。此平臺原理是通過人工智能算法和大量數(shù)據(jù)訓(xùn)練機器學(xué)習(xí)設(shè)計。通過一段時間的學(xué)習(xí),此平臺從去年“雙十一”前就已經(jīng)在阿里內(nèi)部大規(guī)模投入使用,目前其設(shè)計水平已經(jīng)非常接近專業(yè)設(shè)計師設(shè)計的效果。

單手操作不方便?來看這兩個新穎的交互方式是怎么做的!

資深UI設(shè)計者


從事用研6年后,我總結(jié)了這四個最重要的技能


編者按:當(dāng)手機屏幕越來越大時,該如何保持單手操作的便攜性?今天這篇文章提到了兩個新的交互方式,值得一看,說不定有啟發(fā)喲。

大屏手機有很多優(yōu)勢,大屏手機的趨勢未來還會持續(xù)下去。但大屏也不是什么都好,更大的顯示屏幕并沒有承載更多的內(nèi)容。實際尺寸和功能多少對于高、低分辨率顯示是相同的。Steven Hoober 2013年的手機設(shè)備研究報告發(fā)現(xiàn):49%的用戶通過單手持機操作,36%的用戶一手拿著手機一手操作,另有15%的用戶雙手持機操作。

2017年,并未有太多改變,單手拇指觸控操作正在成為常態(tài)。首先,這樣的操作比較方便;其次,同時使用雙手并不總是太方便。但這里就有一個障礙:單手持握使用限制了你拇指能夠觸控的區(qū)域范圍。

這就是為什么最好將應(yīng)用程序的常用操作放在屏幕底部的原因。

因此開發(fā)大牛們開始關(guān)注用戶是如何與他們的設(shè)備進行交互。即使為單手持握設(shè)計的應(yīng)用已經(jīng)無處不在。好消息是在努力改進產(chǎn)品的同時,大公司也在完善用戶體驗。

用戶的反饋是無價的,最主流的應(yīng)用服務(wù)也會收集、分析用戶反饋,以此進行產(chǎn)品升級和優(yōu)化。 通常,這些改變都會涉及到可用性,但不是所有更新都是我們能看得到的、視覺層面的優(yōu)化。當(dāng)和設(shè)備進行交互時,我們就會感受到這些優(yōu)化,你的交互操作將變得更加自然流暢、毫不費勁。

根據(jù)輿情、反饋改進的產(chǎn)品在iOS和Android平臺上變得越來越普遍,不僅僅大公司是如此,初創(chuàng)公司也是如此。如今,每一個創(chuàng)業(yè)公司都清晰認(rèn)識到:用戶需要支持到單手操作的應(yīng)用。

Flipboard 和 Ada 就是非常不錯的例子。

Flipboard是一個個性化的雜志,匯集來自新聞和社交媒體網(wǎng)絡(luò)的內(nèi)容,使你能夠發(fā)現(xiàn)和分享你喜歡的故事,視頻和照片。

屏幕截圖展示了Flipboard的核心功能是如何布局的。差異不同之處是頂部導(dǎo)航欄的調(diào)整,頂部導(dǎo)航是iOS的典型設(shè)計。現(xiàn)在此設(shè)計轉(zhuǎn)移到了屏幕底部,處于拇指觸控區(qū)的位置。請注意!個人資料按鈕放置在標(biāo)示紅色的難觸控區(qū)。因此,F(xiàn)lipboard允許用戶可以右滑打開個人資料頁面。

搜索圖標(biāo)出現(xiàn)在屏幕中央的位置,它保持在黃色區(qū)域,需要拇指伸展。


Ada的開發(fā)大牛們創(chuàng)造了一個完全創(chuàng)新的導(dǎo)航設(shè)計。Ada是一個健康應(yīng)用的程序,它會詢問問題并提供個性化信息來改善健康。這個革命性的界面相當(dāng)簡單。它是一個基礎(chǔ)界面結(jié)構(gòu)的翻轉(zhuǎn)鏡像。一切被放置在頂部的內(nèi)容都被重新放置到了屏幕底部,在上圖中的綠色區(qū)域。

首屏界面如下所示:

采用漢堡導(dǎo)航的設(shè)計無法在當(dāng)前界面展示App功能,因此漢堡導(dǎo)航略顯過時了點。Ada 通過一個更自然的左滑復(fù)用了這一設(shè)計。

菜單列表放置在較低的位置,也沒有人被負(fù)空間所驚嚇到,因為這一設(shè)計顯然是經(jīng)過深思熟慮的。Ada的子視圖也應(yīng)用了拇指觸控理念。

去年,我們產(chǎn)生了做一個可以單手操作的通話應(yīng)用程序的概念設(shè)計。針對于撥號、消息應(yīng)用,我們傾向于使用單手來完成進行撥號、輸入操作。該設(shè)計沒有從概念階段落地實施,客戶對整體功能性改版保持警惕心,這可能會疏遠(yuǎn)已經(jīng)習(xí)慣界面結(jié)構(gòu)的用戶。

總結(jié)

首先,應(yīng)用程序開發(fā)人員必須考慮用戶和目標(biāo)受眾。這些是任何未來應(yīng)用程序用戶體驗的基石。您的應(yīng)用程序越簡單、合理、便捷,就越有可能吸引更多受眾。必須要緊隨潮流 – 今天潮流新鮮的東西可能會在明天變得陳舊不堪。

藍(lán)藍(lán)設(shè)計bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)


淘寶天貓個性化推薦技術(shù)演進史

資深UI設(shè)計者

無線個性化推薦起步于2013年10月。現(xiàn)在往回看,當(dāng)時的阿里很好地把握住了移動端快速發(fā)展的浪潮,以集團All-in無線的形式吹響了移動端戰(zhàn)斗的號角。個性化推薦團隊也是從All-in無線這一事件中孵化的。我們從零開始搭建了個性化推薦算法體系及個性化算法平臺TPP。TPP這一個性化算法平臺對個性化推薦團隊的成長起到了至關(guān)重要的作用?;赥PP,個性化算法團隊成員們驗證算法的速度得到了極大的提高,優(yōu)化算法的速度從而也得到了極大的提高。僅僅花了不到兩個月的時間,個性化推薦的第一版算法就在“有好貨”
中初露鋒芒:結(jié)合基于主動學(xué)習(xí)的選品算法平臺TSP,個性化推薦團隊一舉打造了“有好貨”針對高端人群的優(yōu)質(zhì)導(dǎo)購體驗。

這個教程看完就會!如何為一個圖表設(shè)計色彩?

資深UI設(shè)計者

對色彩的研究通常要么太過隨意缺乏邏輯,要么太過理論化難以理解,這篇文章用非常淺顯易懂的方式,講述了一個專門研究數(shù)據(jù)可視化的團隊探尋圖標(biāo)色彩搭配的歷程,給出有力的論證,并得出很棒的結(jié)論,非常值得一讀。

雖然現(xiàn)在要獲取的色彩搭配并不難,但是尋找圖表(可視化數(shù)據(jù))的配色依舊有難度。

Graphiq (用可視化的形式提供全球各種數(shù)據(jù)的一家公司,也是作者工作的地方),設(shè)計圖表色彩就更難了,因為我們的圖表需要用各種各樣的形式傳達上千種數(shù)據(jù)。

2017年流行的這些字體排版趨勢,你都知道嘛?

資深UI設(shè)計者

技術(shù)和設(shè)計趨勢一樣,隨著時間的推移總在不停地變化。對于網(wǎng)頁設(shè)計師和前端而言,字體和排版所涉及到的技術(shù)和設(shè)計尤其是如此。不過縱觀這幾年,網(wǎng)頁字體和排版在大方向上并沒有明顯變化,結(jié)合當(dāng)前主流產(chǎn)品和設(shè)計,并不難確定2017年內(nèi),我們需要關(guān)注的這些字體和排版趨勢。

從事用研6年后,我總結(jié)了這四個最重要的技能

資深UI設(shè)計者

很多畢業(yè)生對在互聯(lián)網(wǎng)企業(yè)做用研(一種崗位:用戶研究員;一種工作內(nèi)容:研究用戶)非常感興趣,但是又不知道從何開始,到底怎樣做好一個用研,怎樣具備做用研的能力?在互聯(lián)網(wǎng)從事用研工作近 6 年,談?wù)勎覍τ醚屑寄艿目捶?,以及建議應(yīng)該準(zhǔn)備什么樣的能力會更加受到互聯(lián)網(wǎng)企業(yè)的青睞。

一. 思路的準(zhǔn)備:

1. 以體驗為中心:雖然現(xiàn)在的互聯(lián)網(wǎng)企業(yè)已不再簡單的提以用戶體驗為中心的口號,轉(zhuǎn)而更多的實踐,但這點的中心思想不會發(fā)生改變。真正的思路的準(zhǔn)備是時時刻刻想著對用戶的價值,這里的用戶包括外部消費者、商家,你直接面對的客戶,也包括內(nèi)部的合作方,也就是阿里巴巴踐行的「客戶第一」。

2. 從學(xué)習(xí)到貢獻的思路準(zhǔn)備。


離開學(xué)校后,設(shè)計師該如何進行有用的自學(xué)?

資深UI設(shè)計者


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


編者按:很多設(shè)計師畢業(yè)后就不知道該學(xué)什么,沒有老師帶就不知道怎么學(xué)。今天這篇文章以交互設(shè)計為案例,教你一個的自學(xué)方法。

通過這篇文章你能得到什么?

1.  學(xué)什么?(工作、興趣)

2.  怎么學(xué)?(兩種方法)

3.  怎么監(jiān)督學(xué)習(xí)成果?

背景介紹

好幾個小伙伴詢問關(guān)于找工作時選擇崗位的問題??偨Y(jié)大意:有兩個崗位我都想去,但是我都不怎么會,我該投哪一個?這看起來是一個工作選擇的問題,但是由此我意識到出現(xiàn)此疑問正是因為缺乏持續(xù)學(xué)習(xí)的意識。遂翻出了以前的筆記,結(jié)合自己學(xué)習(xí)的過程,整理出學(xué)習(xí)方法淺析。

高中時候常聽的是“考上大學(xué)你們就輕松啦!”

大學(xué)時候常聽的是“畢業(yè)證拿到你們就輕松啦!

讀了研常聽的是“研究生學(xué)完還會怕找不到工作嗎?”

然而工作了后,作為一個社會人我發(fā)現(xiàn)聽說的這一切都是騙人的!我不僅要繼續(xù)學(xué)習(xí),而且要學(xué)的還很多,甚至都不知道該從哪里入手。

這大概是因為我習(xí)慣了校園里老師幫忙畫重點,考試開卷的學(xué)習(xí)方法。我不需要考慮什么該學(xué),什么該多學(xué)。因為教學(xué)大綱已經(jīng)規(guī)劃好,老師已經(jīng)畫重點了,讓我學(xué)啥我學(xué)啥,讓我咋學(xué)我咋學(xué)。

即便我不想學(xué),還有課堂匯報,測試,考試等等方式考核我的學(xué)習(xí)結(jié)果,保證學(xué)習(xí)進度。

我不再是那個只要努力就能拿到好成績的孩子了。

那我該學(xué)什么?怎么學(xué)?怎么保證學(xué)習(xí)結(jié)果?

學(xué)什么

1.  從工作入手,什么不會學(xué)什么

2.  從興趣入手,對什么感興趣學(xué)什么

研究生階段做過一本課堂筆記,畢業(yè)后我反復(fù)閱讀結(jié)合這一年的實踐經(jīng)驗我意識到知識分類有規(guī)律且大致分為兩種結(jié)構(gòu)。

吊燈狀結(jié)構(gòu)

△  設(shè)計在知識結(jié)構(gòu)中的位置

以交互設(shè)計舉例

△  互聯(lián)網(wǎng)交互設(shè)計的知識結(jié)構(gòu)

這種結(jié)構(gòu)的知識越靠近頂層(模式、概念、理論、思維)越少越穩(wěn)定越有價值,越靠近底層(方法、趨勢、工具、)越多越不穩(wěn)定而且更新很快。

很多同學(xué)迷戀的工具和方法,其實的卻越容易成為過去的不如花多一點時間在頂層知識的學(xué)習(xí)上。

網(wǎng)狀結(jié)構(gòu)

△  交互設(shè)計的相關(guān)知識網(wǎng)

網(wǎng)越密集知識盲區(qū)越少。

例如:之前在思考怎么學(xué)習(xí)服務(wù)設(shè)計的時候,腦子里突然有個概念,把自己現(xiàn)有的知識對照服務(wù)設(shè)計的知識網(wǎng)。有盲區(qū)只需要補漏。然后反復(fù)的看全局知識網(wǎng)絡(luò)就夠了。

遇到新的知識點,先對標(biāo)吊燈結(jié)構(gòu)看到一級類目的領(lǐng)域,再對標(biāo)自己知識的網(wǎng)狀結(jié)構(gòu),查漏補缺。

興趣入手學(xué)習(xí)其實很輕松,利用業(yè)余時間放松的時候給自己找點事情做而已。

比如我剛?cè)肼殨r候的興趣在做早餐。

后來變成彈尤克里里,到現(xiàn)在偶爾還是會彈琴。

最近喜歡做皮具。

這些都是利用業(yè)余時間為自己培養(yǎng)的愛好。

怎么學(xué)

1.  倒逼產(chǎn)出(教就是學(xué))

2.  實踐

倒逼產(chǎn)出(教就是學(xué))

人很懶,我每天都在和懶惰的自己作斗爭,所以我起得很早,今日事今日畢,逼著自己思考、看書、學(xué)習(xí)、參加分享會、workshop。我要依靠每天的任務(wù)規(guī)劃,時間規(guī)劃來逼著自己學(xué)習(xí)產(chǎn)出。公眾號就是個很好的例子。長此下去,逐見收獲。久而久之也成為了一種生活方式。

實踐

so easy 對嘛?都學(xué)會了我們就大方的踐行吧。

在工作中學(xué)到了可以解決問題的知識,那就將實踐的結(jié)果反饋在工作中。這是一個良性循環(huán),用中學(xué),學(xué)了用。越走遠(yuǎn)快越走越遠(yuǎn)。

寫博客做分享組織workshop,都是在實踐。老師說過,知識要產(chǎn)生價值才叫知識分子,否則就只是知道分子。不要怕寫作的質(zhì)量不好,寫東西是為了沉淀自己。

怎么監(jiān)督學(xué)習(xí)成果

1.  學(xué)習(xí)小組(抱團監(jiān)督)

2.  制定目標(biāo)(自我監(jiān)督)

拿結(jié)果是目標(biāo),實現(xiàn)方法是路徑,兩種監(jiān)督方式均可。

豆瓣有xx天學(xué)習(xí)小組,公眾號也有xx天改變自己等等的組織。抱團動力也許會足一些。

給自己制定一個目標(biāo),通過強大的自驅(qū)力去完成,然后給自己一個獎勵。比如給自己一個iPhone7什么的。

我定過一個目標(biāo)。當(dāng)時在支持一個項目,我對自己說,好好做項目發(fā)揮最大的價值,項目完成給自己買個安卓手機做為獎勵,結(jié)果項目中間黃了,我的手機也黃了。

總結(jié)

1.  學(xué)什么?(工作、興趣)

  • 從工作入手,什么不會學(xué)什么
  • 從興趣入手,對什么感興趣學(xué)什么

2.  怎么學(xué)?(兩種方法)

  • 倒逼產(chǎn)出(教就是學(xué))
  • 實踐

3.  怎么監(jiān)督學(xué)習(xí)成果?

  • 學(xué)習(xí)小組(抱團監(jiān)督)
  • 制定目標(biāo)(自我監(jiān)督)



藍(lán)藍(lán)設(shè)計bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)


如何獲取設(shè)計靈感?你沒理解它真正的含義!

資深UI設(shè)計者

前陣子有不少人反饋:呆總,我平時看了不少圖,但是做項目的時候沒辦法用上,怎么辦呀?

這類問題我一般只會用一句話回答:看得多沒用的,要多想多做。(雖然是至理名言)

但是我覺得這樣回答太敷衍了,所以寫了這篇文章來告訴大家如何在工作中復(fù)用自己找到的好圖,以及平時要怎么去做,即所謂的“如何在工作中找到設(shè)計靈感”。

相信很多人在日常的工作中都會為尋找設(shè)計靈感而犯愁,想通過查看更多更好案例總結(jié)出最好的方案將公司的項目做得出彩,然而?無從下手。

我自己也是,平常會去刷 Pinterest、花瓣、Dribbble、Behance 等平臺,將好的創(chuàng)意和設(shè)計方案保存下來以備日后用。但是,很少人能真正理解這些保存的圖片或素材,大部分人僅僅是覺得好看,然后就存了,而沒有去分析當(dāng)中真正的含義。

想要提升轉(zhuǎn)化率?那你要明白這些色彩心理學(xué)知識

資深UI設(shè)計者

色彩是設(shè)計師手里最重要的工具,它是決定了視覺效果,能夠影響用戶的心情和情緒,左右用戶感知和行為。色彩本身并不會產(chǎn)生愉悅感和品質(zhì)感,但是它能強化它們。

你有沒有想過,當(dāng)你在購物的時候,超過90%的購買決策都受到色彩的影響。有統(tǒng)計發(fā)現(xiàn),雜志上的全彩廣告要比黑白廣告多26%,這也能說明一部分問題。

結(jié)論并不難得出,色彩對于用戶的影響是顯著的,對于選擇、轉(zhuǎn)化率的影響是毋庸置疑的。不過,問題在于,你能否找到真正對的色彩來搭配你的設(shè)計?為了回答這個問題,我們需要分析和了解色彩是如何影響人的,以及它對于男性和女性的影響有著怎樣不同的差異。

會員中心如何設(shè)計,用戶才會買單?

資深UI設(shè)計者

最近在做產(chǎn)品的會員中心改版設(shè)計,有一些關(guān)于會員體系相關(guān)設(shè)計的思考及分析,紀(jì)錄并分享一下。

大多數(shù)產(chǎn)品在滿足用戶的基礎(chǔ)需求上,會推出付費會員功能,以滿足用戶更高需求的同時,達到商業(yè)層面的收支平衡。那么,會員中心應(yīng)該怎么做,才能讓用戶感受到自己花的錢很值呢?

分享一個經(jīng)典案例:《騰訊ISUX丨通過優(yōu)化,我們將QQ會員付費用戶數(shù)提高了5倍!》

設(shè)計前,先明確會員中心的設(shè)計目的是什么?

1. 會員尊享感(讓用戶感知到付費值得,花了錢就是爺,滿足一部分用戶的虛榮心)

2. 功能特權(quán)對比(通過特權(quán)的對比,讓用戶選擇更高的等級會員)

3. 突顯核心特權(quán)功能(突出核心功能,抓住用戶訴求點,提升用戶購買決策)

日歷

鏈接

個人資料

存檔