首頁

漂亮還不夠!讓你APP的粘度更高的游戲化設計策略

資深UI設計者

隨著APP設計的逐步成熟,游戲化設計成了這幾年圈內(nèi)的流行語。不過,和普通的AP設計的思路不同,游戲化設計并非這個領域內(nèi)的原生設計,它是將游戲應用中的設計思路,移植到普通的APP的設計當中來,對于許多“傳統(tǒng)”的APP產(chǎn)品設計師而言,游戲化設計無疑是舶來品。

今天的文章中,我們將會基于目前的主流設計來探討APP的游戲化設計思路和五個基本原則。

UCAN2017回顧!當新技術來臨時,設計會發(fā)生哪些變化?

資深UI設計者

從電視機到互聯(lián)網(wǎng),從臺式機到手機,再到今天的穿戴式設備,新技術發(fā)展的同時,設計發(fā)生了哪些改變?設計師如何面對這種變化?來看螞蟻金服UED總監(jiān)梁山鷹在UCAN 上的演講。

ui界面設計公司搜集精彩設計二十五例:后臺管理軟件界面設計欣賞之二

資深UI設計者

后臺管理界面設計欣賞

在積累了一定經(jīng)驗的同時,也在不斷的學習和豐富關于企業(yè)信息化和后臺管理軟件界面設計的特點及數(shù)據(jù)可視化的表達方式。

平時也會搜集企業(yè)信息化和后臺管理軟件界面設計表現(xiàn)方式,作為企業(yè)信息化和后臺管理軟件界面設計資料的參考,分享如下:

重新認識滾動交互,讓你設計的網(wǎng)頁更適合這個時代

資深UI設計者

出于對新交互模式的探索和技術的發(fā)展,曾經(jīng)網(wǎng)頁設計中的許多禁忌,現(xiàn)如今反而成為了越來越受歡迎的趨勢,網(wǎng)頁中的滾動交互,就是如此。作為一項基本的交互方式,滾動交互并不是一成不變,它正將新的技巧和新的規(guī)則納入其中,逐步演進。

今天的文章,我們會探討滾動交互在網(wǎng)頁中的新變化,探討新“滾動”的利弊,分享技巧。

怎樣借助故事板做好用戶體驗設計?

資深UI設計者

在做用戶體驗設計的時候,研討會和用戶訪談是用研中最常用的兩種手段,隨后,將用戶研究的結果合成為用戶故事和用戶流程,在這個基礎上,我們可以構建合理的解決方案,然后將線框圖、原型和設計結果傳達給整個設計團隊。換句話來說,所有的研究、設計和方案都是基于真實的用戶,也就是我們定位為“目標用戶”的人群,基于他們的表現(xiàn)、反映和反饋。為了讓產(chǎn)品更優(yōu)秀,我們必須明白產(chǎn)品的運作機制,了解用戶都是怎么想的,而故事板,則是這一切的關鍵。

都是好圖片,為什么你拿來用就怪怪的?

資深UI設計者

一張圖片的好壞往往能直接影響到設計作品的優(yōu)劣。本文以圖片中的視覺為出發(fā)點,為大家講解如何選擇最適合自己設計所需的圖片。如果你能夠洞察不同視角圖片中的情感屬性和氣質(zhì),那么你的設計工作一定會事半功倍。

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

資深UI設計者

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

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

資深UI設計者


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


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

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

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

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

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

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

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

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

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

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

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


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

首屏界面如下所示:

采用漢堡導航的設計無法在當前界面展示App功能,因此漢堡導航略顯過時了點。Ada 通過一個更自然的左滑復用了這一設計。

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

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

總結

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

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


淘寶天貓個性化推薦技術演進史

資深UI設計者

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

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

資深UI設計者

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

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

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

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔