標籤：

[設計異聞錄]W49：UIUX大會，語音界面，谷歌設計，成長

10-09
[設計異聞錄]W49：UIUX大會，語音界面，谷歌設計，成長

來自專欄設計異聞錄5 人贊了文章

Keywords

#GoogleDesign #UIUXConf2018 #VUI #Multi-modal

#VUI&GUI #DesignProjectFileManagement

#DataPlatform #PPT

Table of Content

EVENT

UI/UX Conference 2018 // VUI Design, Multi-modal Experience Design, Business + Data + Design, Hyper Human Projects

READING

1.如何設計人性化的語音用戶界面

2.Visual Component in Google Assistant

3.懊悔測試：關於用戶行為設計的道德責任

4.谷歌設計師的file management method分享

5.設計師怎樣判斷自己的成長，無關作品，而是能力與方式

ARTIST/DESIGNER

motion designer - somei燒賣

RESOURCES

1. 5個了解用戶、查詢數據的平台 --- ThinkWithGoogle,App annie, Talking Data, 百度指數, 友盟

2.做生活的設計師 - ppt彙報技巧專欄

UI/UX Conference China 2018

很早以前就買了今年UIUX 大會的門票，終於來啦。聽到分享，見到朋友，還在公司附近，很開心了。(:3 J 做了筆記分享給同事，這裡就只分享一些我自己印象深刻的point啦，具體大家也可以去官網查看recap。

https://2018.uiuxconf.com/

接下來講講最喜歡的兩個talk和一些分享：

  • 語音用戶界面啟示錄//阿里巴巴 王一行（他也是語音界面設計這本書的譯者！）
  • 多維度策略建構無人駕駛策略體驗//UISEE 周博
  • 商業與設計的共鳴 // ARK
  • Panel Talk - 未來產品的用戶體驗設計 // 小猴科技劉力丹、網易小火、阿里王一行
  • 其他：IDEO-HyperHuman作品們（探尋人機交互的可能性）

一. 語音用戶界面啟示錄//阿里巴巴 王一行

  1. 技術成熟度曲線-智能音響為什麼是以這種產品形態出現

https://www.gartner.com/smarterwithgartner/whats-new-in-gartners-hype-cycle-for-emerging-technologies-2015/

技術成熟度曲線分為Innovation Trigger, Peak of Inflated Expectations, Trough of Disillusionment, Slope of Enlightenment, Plateau of Productivity. Gartner 2015年的新技術匹配成熟度曲線的圖也可以幫助我們更了解身邊技術的狀態。這些技術促成了這種產品形態，做設計要去了解去感知。

2. 智能音箱工作原理

天貓精靈

谷歌io上google action上的

Google Action from Google I/O 2018

3. 多模態干擾矩陣

因為最近在稍稍開始看多模態設計與反饋，所以對這個話題挺敏感的，正好此次UIUX大會很多talk也講到了multi-modal interaction design, 之後的UISEE無人駕駛更是如此，也算幸運。

最後附兩篇阿里UED的設計分享：

阿里巴巴（中國站）用戶體驗設計部博客 " 阿里人工智慧實驗室-天貓精靈X1品牌和設計

阿里巴巴（中國站）用戶體驗設計部博客 " 面對新商業體驗,設計師轉型三部曲

二. 多維度策略建構無人駕駛策略體驗//馭勢科技 UISEE 周博

最欣賞的就是1）整個方案的設計flow 2）presentation的chart圖表、logic邏輯、storyboard故事版等的展示。

  1. Design Process:

1. Identify the challenges: Unmanned; First User Experience; Sharing

2. Identify the keys: Safety, Trust, Coordinate

3. Build the framework: Touchpoint - UserJourney - Business Mode

4. Design the solution & Principle (Abstract, BalanceDynamite)

2. User & Scenario

分割用戶旅程，識別用戶類型，聯繫不同用戶類型與系統架構，為子系統選擇相應模態，基於不同需求設計業務模型，最後基於需求選擇模態達到各個場景下不同觸點的模態解決。

3. 聽不懂？我們有故事版story board!

三. 顛覆傳統邊界——探尋商業與設計的共鳴 // ARK 滕磊

  1. 三個洞察：邊界融合、超級用戶和B+D
  2. 營銷和產品邊界融合
  3. 在應用場景的建構中，如果具體到線上線下融合，會涉及到兩件事：一是真實世界的數據化，另一個是抽象內容的可視化。
  4. 將商業訴求與用戶需求巧妙結合，用產品體驗服務設計使戰略落地。

UI/UX Conf 2018 | 滕磊.火山大陸演講實錄?

mp.weixin.qq.com圖標

這也是為什麼我覺得學習設計+商業+科技是那麼有必要。在紐約stern商學院的課程團隊里也作為設計師完成了airnbnb一整個商業驅動，設計體驗的項目設計。感謝自己的每一段經歷。

我在stern商學院Branding Strategy做的案例，被收納入課程case study庫里。

我相信科技和設計，將越來越融入 [人] ，而以人為本，用戶/顧客為中心本來就是商業上所有的理念。我不能忘記這些vision，也要去看和不斷學習。在精進設計的道路上保持好奇心，和對廣闊的全局視野。

related reading: 莫讓體制扼殺了你的思考 by符要瘋

四. IDEO Hyper Human Exhibition

整個uiux大會都有一個很重要的關鍵詞: 從用戶場景出發，設計要看場景。

Reading

  1. #7：如何設計人性化的語音用戶界面
  • Build Persona
  • Analysis the context使用場景
  • Set the expectation
  • Signal Conversation對話標識：時間線、回執、積極反饋、不責怪
  • Strategies of Confirmation: 隱性策略、三級置信度、非語言式確認、通用、視覺

#7：如何設計人性化的語音用戶界面（上）?

mp.weixin.qq.com圖標#9：如何設計人性化的語音用戶界面（下）?

mp.weixin.qq.com圖標

Related UX Blog - 圓滾滾的設計

weixin.qq.com/r/yy56Yi7 (二維碼自動識別)

2.GOOGLE ASSISTANT DESIGN - visual component

https://designguidelines.withgoogle.com/conversation/visual-components/overview.html?

designguidelines.withgoogle.com

If you start designing with a screen in mind, it can be easy to lose the thread of the conversation and end up with a graphical interface that is not suitable for conversation.

最近在學習VUI w/ GUI, 所以就去讀了谷歌娘的google assistant中 GUI的運用啦。其實學習完，發現自己想了解的還有很多，會更加具體，例如對話框的視覺呈現、與語音、google lens的interface design，就連assistant自己的logo和話筒icon在不同界面的展示，都想去了解一發。這裡著重的是google assistant與用戶交互過程中的visual components反饋。

Types of visual components谷歌助手中不同視覺元素的運用：

  • Basic card - Use basic cards to display an image and text to users.
  • Browsing??carousel - Browsing carousels are optimized for allowing users to select one of many items, when those items are content from the web.
  • Carousel - Carousels are optimized for allowing users to select one of many items, when those items are most easily differentiated by an image.
  • List - Lists are optimized for allowing users to select one of many items, when those items are most easily differentiated by their title.
  • Media response - Media responses are used to play and control the playback of audio content like music or other media.
  • Table - Tables are used to display static data to users in an easily scannable format.

google詳細的guidance，喜歡Do & Don't, 雖然有些交互和展示我覺得有點奇怪誒，求交流。

3. Want to Design User Behavior? Pass the 『Regret Test』 First

懊悔測試：關於用戶行為設計的道德責任 By Nir Eyal

產品業界需要某種道德標尺；但對於多數人來說，諸如 Google 的"不作惡"宣言或許過於寬泛模糊。如何識別那些潛在的、可能產生道德爭議的問題？嘗試"懊悔測試"，即，"如果人們知道產品設計者所了解的一切，他們是否還會繼續使用，是否會因為曾經用過該產品而感到懊悔？"

https://medium.com/thrive-global/want-to-design-user-behavior-pass-the-regret-test-first-281a8b1bfa73?

medium.com

4.File management for designers - A simple yet comprehensive organizational system

來自谷歌設計師的工作經驗分享，通過Andorid Things演示了針對複雜產品項目，how to organize and manage the design files

  • Masterdoc - 收集所有文件和references鏈接
  • Directory structure - 文件夾的命名規劃
    • _masterfiles?—?All vector files (.sketch, .ai, .psd, etc.)
    • before/after—Screenshots of production/live site
    • assets—Logos, colors, etc. (usually provided by client)
    • deliverables—Complete handoff directory (for client & dev)
    • mocks—Iterations/exports (named v1 & v2 above)
  • Screenshots - 可以以後做project前後對比
  • Export naming - 設計文件的命名方式

5. 10 Ways to Measure Your Success in Design - 設計師怎樣判斷自己的成長，無關作品，而是能力與方式

  1. Problem Solving: 設計解決問題了嗎
  2. Empathy：做到站在用戶角度上了嗎
  3. Iteration: 比上一個版本看上去或用上去好嗎
  4. Efficiency: 工作效率提升了嗎
  5. Consistency: 設計水準更穩定了嗎
  6. Process: 提升改善了現有的用戶流程/項目流程了嗎
  7. Client: 幫助客戶洞察更多了嗎
  8. Openness: 更開放接納意見了嗎
  9. Selflessness: 去自我，為他人而設計的態度嗎
  10. Proudness: 為自己的工作感到驕傲吧

https://medium.com/ux-power-tools/10-ways-to-measure-your-success-in-design-7b3bc1762803?

medium.com

最後一個真的直戳我心，最近工作壓力有一丟丟大，導致負面情緒上來了哈哈。不過回頭好好考慮，就覺得我應該為自己的工作，為自己的領域感到驕傲。時間是升值的，我在這麼一個環境，有機會研究各種AI相關的交互與設計，難道不應該感到驕傲嗎。之前因為做的太細小而忘了大局上的視野，抬頭看看，真的又長舒了一口氣，感恩呀。

Motion Designer

燒賣somei - motion designer for OPPO, MIUI, HUAWEI, VIVO, etc

燒麥（Somei）是來自上海的獨立動態設計師，作為中國最有代表性的 C4D Power User 之一被廣大視頻設計師視為學習的偶像。他為 OPPO 製作了 R7、R9 及之後的系列和剛發布不久的 Find X 的外觀概念片。與小米、一加、魅族、華為等國內一線廠牌合作。

他的作品被收錄在頂級數字媒體雜誌 stash.tv，多部登上 Motionographer, Wine After Coffee, Stash Media 等業內頂尖媒體，併入選 Cinema 4D 官方收錄的Feature Project。

巧樂茲：動態圖形界的風清揚——燒麥的前世今生?

zhuanlan.zhihu.com圖標Sina Visitor System?

weibo.com

異能電台上海 Vol.30：

動態設計師孫世晟（燒麥）專訪 | 異能電台 x 上海Vol.30

Resources

一. [Data-driven]

  • Google 1&2- 用戶體驗、數據驅動、分析每個瞬間
  • App annie 應用數據分析platform
  • Talking Data - 數據觀象台
  • 百度指數
  • 友盟 - 第三方全域大數據平台
  1. Google - User Experience Design

User Experience & Design

Youre now competing with the best digital experience a consumer has ever had. Discover how carefully crafted experiences and thoughtful UX design can win over consumers.

https://www.thinkwithgoogle.com/marketing-resources/experience-design/?

www.thinkwithgoogle.com

2. Google - Consumer Insights - 觀察人！

Consumer Insights

Understand the shifts in consumer behaviors, needs, and beliefs that will help you unlock fresh insights to drive your business.

https://www.thinkwithgoogle.com/consumer-insights/?

www.thinkwithgoogle.com

Consumer InsightsUnderstand the shifts in consumer behaviors, needs, and beliefs that will help you unlock fresh insights to drive your business.

3. App annie 應用數據分析平台

App Annie -應用分析和應用數據業界標杆?

www.appannie.com圖標

4.Talking Data - 移動數據觀象台

http://mi.talkingdata.com/index/html?

mi.talkingdata.com

5. 百度指數

百度指數?

index.baidu.com

6. 友盟 - 第三方全域大數據平台

【友盟+】全球領先的第三方全域數據服務商?

umeng.com圖標

2.How to Present

https://zhuanlan.zhihu.com/guanhaippt?

zhuanlan.zhihu.com圖標
推薦閱讀：

TAG:谷歌Google | 語音 | 用戶體驗設計 |