99久久精品国产片-99久久精品国产免费-99久久精品国产麻豆-99久久精品国产国产毛片-99久久精品国产高清一区二区-99久久精品费精品国产一区二区

阿里巴巴_BBC_UED：移動終端由于被用戶隨身攜帶，變成用戶身體的延伸，在每一個場景中，深度陪伴著用戶。也因此，移動終端獲得天然的優勢，得以針對用戶實際所在的場景來設計，以設計出更加貼心的體驗。 但是，由于設計師與用戶的空間相隔，無法看到用戶在真實場景中的使用情況。為了了解用戶的痛點及需求，我們需要通過場景設計的方法，對用戶使用場景進行分析或預期。基于場景的設計可以幫助設計師找到用戶與場景的內在聯系，探索新的功能及交互方式。 本文將以案例為主介紹基于場景的設計方法。

什么是基于場景的設計？

什么才是基于場景的設計呢？以看電影為例，在整個看電影的過程中，涉及到的主要場景有以下六個：線上買票－去電影院－線下取票－檢票入座－觀影－評論吐槽。基于看電影涉及到的場景，格瓦拉app設計了一個基于場景的功能：當用戶在格瓦拉購票成功后，首頁會出現一個人偶小浮標，在不同場景下點擊該浮標，會出現不同的內容，例如在去電影院的場景下顯示影院地理位置以及滴滴打車入口；線下取票場景顯示取票二維碼可以快捷取票；線下取票后再點擊小浮標顯示電影開始時間以及座位號；觀影后顯示別人的評論以及吐槽入口引導用戶去評論（如圖1）。

Lava：最近在做toB類產品的時候，經常會被業務帶著跑從而忽略了可用性設計的基本原則，最后導致自己的方案被挑戰而說不出理由。所以當設計拿捏不準的時候，最好還好依照基本的原則進行設計。尼爾森的十大可用性原則是產品設計與用戶體驗設計的重要參考標準，值得深入研究與運用。

一、狀態可見原則

用戶在網頁上的任何操作，不論是單擊、滾動還是按下鍵盤，頁面應即時給出反饋。“即時”是指，頁面響應時間小于用戶能忍受的等待時間。

△ 開始時間、執行百分比動態顯示

@可風f  ：最近半年因為機緣巧合我從交互設計師變成了產品經理，加入了獵豹清理大師項目并負責海外市場的一些新功能。雖然我之前一直說起產品頭頭是道，但是真的做起來還是壓力山大。并且因為事業群改制和團隊重組，只能自己一個人從頭做起慢慢摸索，上半年光顧著加班了沒時間寫文章。好在現在負責的產品從零到千萬日活開始穩定下來，自己也有了足夠時間和信心去思考總結半年的收獲。

因為身邊有過轉產品想法的同學比較多，自己也認識很多小伙伴是新人產品經理，所以今天想先和大家探討一下如果要一個優秀的產品經理、從設計思維轉變為產品思維，需要面對的幾個挑戰。

首先解釋下什么是設計思維？設計師的工作是在產品的交互和視覺層面提供合適的解決方案，所以設計師會先確定用戶是誰，然后了解用戶的使用場景，最后根據目標去思考用戶體驗好的解決方案。這個思維的架構套在產品經理上也同樣適用，但是其中的內容就發生了很大的變化。產品經理的本職工作是：

編者按：一直倍受設計師推崇的頭腦風暴，是否真的是生成好創意的神器呢？今天這篇譯文，通過多組科學的對比研究，發現了一個比頭腦風暴更，能產生更多好創意的方法，絕對是靈感枯竭癌的救星，一起來收！

研究表明頭腦風暴生成的好創意比人們自己獨立思考還要少。

不過好消息是，有更有效的團隊工作方式存在。

如果你是個上班族，恐怕十之八九都曾被上司或同事們拉進頭腦風暴會議中。腦暴，追其本意原應是一個產生好主意的殺手锏。而公司普遍熱衷于通過這種合作形式淬煉出團隊的集體創造力。但殊不知，原來腦暴其實是一個糟透了的技巧 — 實際上，人們在腦暴過程中所產生的好注意比他們獨立進行思考的時候還要少。好在還有一個更好的方法可讓團隊合作更 — 頭腦寫作（Brainwriting，你可以理解為它是建立在紙筆上，而少了一群人之間瞎扯淡的腦暴）。在一份新的研究報告里，研究院測試了這個方法的各種版本，試圖總結到底是什么促使著人們能夠產生更好的想法。

Spell（高級產品設計@Salesforce）：今年年初的時候，我寫了一篇關于2016年設計趨勢預測的文章。一方面為了記錄自己觀察到的一些現象，一方面讓自己養成每年總結的好習慣。回頭一看，記錄下的點滴竟然逐一變成了現實，不禁感覺非常幸運。今天我來分享一下我自己對于2017年設計趨勢的觀察。

我會談到以下5點：

1. 微交互將會大量主導產品設計細節
2. 平，卻不再那么平了，顏色，字體和質感將成為設計師追捧的視覺利器
3. The internet of everything真正崛起，將增加設計的復雜度
4. 人的距離將會無限被拉近
5. 觸覺聲音3D，我的五感都可以有交互

閱讀時間大約5分鐘。

咚咚咚：前段時間參與設計一個較大的線上活動，包含十個奧運相關小游戲及一些相關界面，前后歷時幾個月。奧運后活動下線，設計工作完結后，我整理了這過程中的收獲及工作方式，和大家分享下。

立項前信息收集與準備

有些大型項目是很早就規劃了要做的，只是具體哪天立項發郵件或哪些人參與還沒確定，如果知道要自己要參與這件事，可以做些準備工作，提前了解一些信息：

• 項目人員。了解各個職能的接口人是誰，運營、產品、視覺、前端、后端、測試等有誰參與，有些人可能之前都不認識，大家的工作方式和性格也不一樣，提前了解認識下，對后期合作和方案推進會有幫助。
• 信息。保證自己了解到的信息是一手資料很重要。和各方溝通過程中收集下項目的背景、目標、投入的資源、方案的思路及活動體量、以及可能的用戶利益點、項目時間點（通常deadline是確定的）等等等等。這些信息可以通過產品和運營了解到。如果是公司的例行活動，能夠拿到以往活動的數據和資料當然是最好，如果沒有的話也盡量找到以前做過類似活動的人員了解一些前人的方法和經驗。
• 別人的想法。項目組人員總會有自己的想法和方案，有時候甚至方案是比較確定的。盡早的了解到產品或者運營的想法可以預估個大概的時間節點和需求，做到心中有數。如果有好的想法這個時候提出來也最容易被采納，畢竟時間上一切來得及。

編者按：可以說現如今的移動端UI設計中，卡片式設計撐起了半壁江山，它隨性自由又充滿了邏輯和組織性，它不僅流行著，而且還正在變得更加流行。它長盛不衰的秘密到底何在？讀下去~

個性化的用戶體驗是目前網頁和APP設計的大趨勢。個性化的新體驗大多建立在單獨內容的聚合體之上，而多類型的內容想要聚合起來，卡片式的界面則是最合適的載體。如今你所看到的UI界面設計，卡片式設計幾乎無處不在，從新聞類站點到游戲界面，從物流APP到社交媒體，等等等等。今天的文章將會詳細解釋卡片式設計對于設計師的意義，以及常見的卡片式設計的功能與特性。

編者按：如何形成自己的設計方法，建立交付物的衡量標準，優化協同模式。在這篇文章里，你可以看到一個阿里專業設計師是如何進行自我提升的。

鴻影：如果2015對我來說尚處于用戶體驗設計的職場入門階段，2016的核心則是開始撕下初級與新人標簽的進階修煉。4月份的2016 S1開始的時候，我給自己設定了包括形成個人設計方法論與應用案例等一系列目標，如今S1結束，也是時候對這段時間的進階修煉來一個總結回顧了。

形成自己的設計方法

在公司內部經常會有一些跨部門的UED分享活動，聽下來個人最明顯的一點感觸就是，這些來分享的設計師普遍有著一套自己思考總結出來的設計方法論，并且有成功應用案例支撐。

也許有人會有疑惑，現在關于設計方法的輪子到處都是，網上隨便一搜就能找到某某大廠某某大牛的設計方法分享，直接拿來用就好了，為什么還要費心費力自己造輪子呢？

在我自己的設計方法還沒有完全成型時，我一度很迷信于網上別人的各種設計方法的分享，并試圖在自己的項目里加以運用，但結果卻差強人意：設計推導的過程看似洋洋灑灑專業性十足，拿出來給別人一看一講就發現漏洞百出；有時為了套方法而套方法，體驗地圖一類的輸出物看似有模有樣，最后項目做完了才發現設計方案時基本沒用到……雖然自己用的都是別人經過驗證的設計方法，但卻沒有理解透這些方法的應用場景與局限所在，也不清楚哪些環節其實并非必要存在，自然也讓實際的應用效果大打折扣。而靠自己思考、沉淀和交流改進出來的設計方法，理解和運用起來則要透徹順手很多。

編者按：如何形成自己的設計方法，建立交付物的衡量標準，優化協同模式。在這篇文章里，你可以看到一個阿里專業設計師是如何進行自我提升的。

鴻影：如果2015對我來說尚處于用戶體驗設計的職場入門階段，2016的核心則是開始撕下初級與新人標簽的進階修煉。4月份的2016 S1開始的時候，我給自己設定了包括形成個人設計方法論與應用案例等一系列目標，如今S1結束，也是時候對這段時間的進階修煉來一個總結回顧了。

形成自己的設計方法

在公司內部經常會有一些跨部門的UED分享活動，聽下來個人最明顯的一點感觸就是，這些來分享的設計師普遍有著一套自己思考總結出來的設計方法論，并且有成功應用案例支撐。

也許有人會有疑惑，現在關于設計方法的輪子到處都是，網上隨便一搜就能找到某某大廠某某大牛的設計方法分享，直接拿來用就好了，為什么還要費心費力自己造輪子呢？

在我自己的設計方法還沒有完全成型時，我一度很迷信于網上別人的各種設計方法的分享，并試圖在自己的項目里加以運用，但結果卻差強人意：設計推導的過程看似洋洋灑灑專業性十足，拿出來給別人一看一講就發現漏洞百出；有時為了套方法而套方法，體驗地圖一類的輸出物看似有模有樣，最后項目做完了才發現設計方案時基本沒用到……雖然自己用的都是別人經過驗證的設計方法，但卻沒有理解透這些方法的應用場景與局限所在，也不清楚哪些環節其實并非必要存在，自然也讓實際的應用效果大打折扣。而靠自己思考、沉淀和交流改進出來的設計方法，理解和運用起來則要透徹順手很多。

在很長一段時間里面，網頁中的背景圖片元素，一直都生活在CSS、JS甚至視頻的陰影當中，它的“參與感”并不強烈。不過隨著審美和用戶需求的逐步變化，背景圖片在網頁裝飾上，開始發揮著越來越重要的作用。

當然，從總體上來看，變化并不明顯，但是在絕大多數的情況下，背景圖片開始作為主要的視覺驅動力而存在。

傳統意義上的背景主要是使用圖片，近幾年開始流行視頻背景了。而這些主要還是集中在網站的頁頭、Banner等位置，大多用來歡迎用戶，推薦內容。許多網站都采取了相似的策略，讓用戶有所期待。

隨著動效的流行，現在越來越多的設計師開始試圖將CSS3、HTML5和JS等技術融入到背景設計中來，尋求全新的解決方案。事實上，現在已經有四種不同類型的動態背景設計方案，它們風格都非常符合時下流行的趨勢，且都具備不俗的發展潛力，今天我們聊聊這四種風格前衛大氣的背景設計。