[設計異聞錄] Week 22:光影秘境旭展覽、AR平台比較、AI中的UX、reactjs教程、markdown工具

Content(Scan the blog in 30s)

作品展覽

-光影秘境旭

Readings

- AR platforms

- Google: UX in AI

- [UX] PC端交互、下拉選擇、時間緊下的用戶調研

Programming [react.js]

- React + Arduino

- React Animations

Portfolio Slam

- Weeklyweekly(C4D)

Tools

- Markdown

Update

我的公開展覽 - 光影秘境·旭

在上海萬象城,到3月22日,我是首批參展學生,所以就展到年後啦。有興趣的話歡迎來~!

相關報道:

聚焦 | 光影秘境 無限可能mp.weixin.qq.com圖標https://xw.qq.com/sh_house/20180207016092xw.qq.com圖標

「光影秘境·旭」交互媒體藝術公益展登陸上海萬象城_騰訊網

「光影秘境·旭」交互媒體藝術公益展登陸上海萬象城_騰訊網xw.qq.com圖標

2018年2月3日,由上海萬象城、上海廣電影視製作有限公司、上海紐約大學共同主辦的「INFINITE·NEW BORN光影秘境·旭」交互媒體藝術公益展在上海萬象城藝術空間拉開序幕。據悉,這是「光影秘境」國際新媒體藝術特展的公益展區,將對公眾免費開放,作品主要來自上海紐約大學交互媒體藝術系IMA(全稱為Interactive Media Arts)學生,專註整合交互科技、媒體藝術和傳播學以探索試驗性表達的可能性。

我的感想&something about the project:

  • 籌備、主持、開幕、展覽

    這次籌備的時間很緊,也有很多需要自己準備。做了介紹視頻,還客串了一把主持人哈哈。學到了很多,平常的documentation很重要,要學會怎麼定義自己表達自己的看法,學會要用簡單易懂的方式解釋。對於大多數人,關心的還是效果以及理念,背後複雜的程序邏輯工具很少有人懂也不會想去了解的。怎麼包裝自己,怎麼用視覺化的語言展示作品核心概念。好多好多都在那麼短的時間裡得到了思考。

開幕現場,我正在讀到場嘉賓hhh

  • Interaction Implementation: 這次特意增加聲音交互,為capstone做用戶測試

參展者在體驗討論

參展觀眾用聲音感受變化交互

  • Visual Changes: 無線到有線。更改視覺,觀眾可以更直觀的看到星系中的牽引力變化。感受到那一股拉扯力。

增加線與結構的星系&話筒

  • User Testing & Learnings: 發現參與者們在看到自己的聲音對於星座的影響以後,會更加地去繼續持續說話,而我卻設定了時間讓星座在開始變化時停止反應,這是很影響用戶體驗的呀。怎樣在用戶看到變化後繼續看到自己的影響,以及星座變化開始的state辨認需要我繼續去平衡。

Reading

1.Every (Major) AR Development Platform and Why It』s Important

介紹了apple ARkit, Google AR core, FB AR studio, Snapchat Lens Studio, Amazon Sumerian的增強現實產品。不僅介紹還分析了互相之間的區別以及特點短處什麼的。長見識,值得一看。

2.[google] The UX of AI

Using Google Clips to understand how a human-centered design process elevates artificial intelligence

Trust

"If the goals of an AI system are opaque, and the user』s understanding of their role in calibrating that system are unclear, they will develop a mental model that suits their folk theories about AI, and their trust will be affected."

  • 為了真正的需求而設計實行machine learning (相機只focus在與你互動的人物上)
  • 如果產品,功能本身人們就不理解,不會使用,就更別提運用高科技了
  • 讓及其學會忽略 (如全黑可能是放到口袋裡了,相機前有手指擋著就忽略那個手指不要focus)
  • 人們的social cues(怎麼在相機中找到好朋友,運用人們的社交社會關係大到更好的體驗)
  • Balance between diversity and redundancy (什麼時候拍夠足夠的照片了?什麼時候又是難得的時刻一定要拍下來?) - Time step, visual difference, alone/in a group
  • Trust - The hardware, the intelligence, and the content ultimately belong to you and you alone.(相機對於人們的定義是什麼,embrace interface back,加上攝像按鈕簡單的ux讓人們有熟悉感,有最終拍照決定權,即使相機已經自己可以為你捕捉最好的瞬間。)

3.邵飛:PC端聊天窗口的「 視覺&交互 」設計參考

想到我可以把我在攜程實習時做的地圖浮層分析搞一搞誒

4.[UX] 交互水深 05 | 下拉框的濫用、聯動菜單、單選特例、級聯單選【單選小坑,多選大坑】(中篇)

攜程 - 大地圖頁面優化經歷攜程 - 大地圖頁面優化經歷

5.How to run UX research with no time and no money

我正在做thesis research嘛,因為自己還要承包設計,編程實現,後端前端落實等等等等,真的會很容易忽略最重要的user research, 放在這裡再次提醒自己用戶調研的重要性!


Programming

最近沉浸在react.js的世界裡不可自拔,很喜歡react.js的思路誒!好期待自己以後做的網站了!還正在學three.js,擠時間啊擠時間

[Step-by-step case study] React + P5 + Arduino + related service/toolsmedium.muz.li

Animated page transitions with React Router 4, ReactTransitionGroup and Animatedhackernoon.com

詳細案例解析+例子:

React Page Transition Animationsmedium.com


Portfolio Showcase

https://theweeklyweekly.com/2018/02/07/vincent-drayne-cinema-4d-experiments/theweeklyweekly.com


Resource & Tool

1.Markdown

神奇的工具,讀了覺得可以一試。

少數派:我用 Markdown,所以顯得很酷嗎?zhuanlan.zhihu.com圖標少數派:Markdown 完全入門(上)zhuanlan.zhihu.com圖標
推薦閱讀:

跟自己的耳機談戀愛~怦然心動的自然語音交互時代

TAG:人機交互 | 用戶體驗設計 | React |