Charles Chen
    • Create new note
    • Create a note from template
      • Sharing URL Link copied
      • /edit
      • View mode
        • Edit mode
        • View mode
        • Book mode
        • Slide mode
        Edit mode View mode Book mode Slide mode
      • Customize slides
      • Note Permission
      • Read
        • Only me
        • Signed-in users
        • Everyone
        Only me Signed-in users Everyone
      • Write
        • Only me
        • Signed-in users
        • Everyone
        Only me Signed-in users Everyone
      • Engagement control Commenting, Suggest edit, Emoji Reply
      • Invitee
      • No invitee
    • Publish Note

      Publish Note

      Everyone on the web can find and read all notes of this public team.
      Once published, notes can be searched and viewed by anyone online.
      See published notes
      Please check the box to agree to the Community Guidelines.
    • Commenting
      Permission
      Disabled Forbidden Owners Signed-in users Everyone
    • Enable
    • Permission
      • Forbidden
      • Owners
      • Signed-in users
      • Everyone
    • Suggest edit
      Permission
      Disabled Forbidden Owners Signed-in users Everyone
    • Enable
    • Permission
      • Forbidden
      • Owners
      • Signed-in users
    • Emoji Reply
    • Enable
    • Versions and GitHub Sync
    • Note settings
    • Engagement control
    • Transfer ownership
    • Delete this note
    • Save as template
    • Insert from template
    • Import from
      • Dropbox
      • Google Drive
      • Gist
      • Clipboard
    • Export to
      • Dropbox
      • Google Drive
      • Gist
    • Download
      • Markdown
      • HTML
      • Raw HTML
Menu Note settings Sharing URL Create Help
Create Create new note Create a note from template
Menu
Options
Versions and GitHub Sync Engagement control Transfer ownership Delete this note
Import from
Dropbox Google Drive Gist Clipboard
Export to
Dropbox Google Drive Gist
Download
Markdown HTML Raw HTML
Back
Sharing URL Link copied
/edit
View mode
  • Edit mode
  • View mode
  • Book mode
  • Slide mode
Edit mode View mode Book mode Slide mode
Customize slides
Note Permission
Read
Only me
  • Only me
  • Signed-in users
  • Everyone
Only me Signed-in users Everyone
Write
Only me
  • Only me
  • Signed-in users
  • Everyone
Only me Signed-in users Everyone
Engagement control Commenting, Suggest edit, Emoji Reply
Invitee
No invitee
Publish Note

Publish Note

Everyone on the web can find and read all notes of this public team.
Once published, notes can be searched and viewed by anyone online.
See published notes
Please check the box to agree to the Community Guidelines.
Engagement control
Commenting
Permission
Disabled Forbidden Owners Signed-in users Everyone
Enable
Permission
  • Forbidden
  • Owners
  • Signed-in users
  • Everyone
Suggest edit
Permission
Disabled Forbidden Owners Signed-in users Everyone
Enable
Permission
  • Forbidden
  • Owners
  • Signed-in users
Emoji Reply
Enable
Import from Dropbox Google Drive Gist Clipboard
   owned this note    owned this note      
Published Linked with GitHub
2
Subscribed
  • Any changes
    Be notified of any changes
  • Mention me
    Be notified of mention me
  • Unsubscribe
Subscribe
--- GA: UA-76644-5 tags: ACG, UX --- # 任性點評:對「體驗設計」有啟發的日本動(漫)畫 這些動畫不能說是「與體驗設計直接相關」,而是有啟發性的。而且,完全是我個人偏好的選擇,也儘量挑少為人知的作品。像是押井守的《攻殼機動隊》(1995),也很棒,但太多人知道了,就略過。以下三片,不分排名。 ---- ### 《電腦線圈》(電脳コイル, 2007) ![ ](https://amassing2.sakura.ne.jp/image/jacket/large/2021b/120206.jpg) 想像元宇宙、虛擬現實(VR)、擴增現實(AR)普遍後的日常生活世界? 不能錯過的是 2007年這一部電視動畫,第39回星雲獎、第29回日本SF大賞的科幻作品。 《電腦線圈》描繪的是小學生間的普通的日常生活。故事的日常生活中的有各種混合現實(AR)人機交互設計。例如,將拇指靠近耳朵,小指靠近嘴巴,就能打電話。想入侵數位主機,就把程式碼「符咒」一樣貼上或丟出去。動畫中的街道與建築,都疊加上數位空間的層次,就像是「數位雙生」(digital twins)的概念一樣。因此,當軟體版本更新時,就會產生「數位空間版本控制」的問題。 《電腦線圈》不但描繪了技術與設計的可能性,也呈現了很多誤用、濫用、與可能衍生出的問題。例如,都市改建後巷子不在了,但舊版數位空間的巷子還在,當小孩子的數位寵物跑進去不存在的巷子裡,該怎麼找回來?如果跑進舊版數位空間的不是人工智能寵物,而是使用者本體的數位分身,那麼本體的數據還找得回來嗎?如果那個消失的數位分身,播了一通電話給朋友,這通電話傳來的聲音到底是從誰那邊來的? 《電腦線圈》中的主角小學生們,整天想的是如何惡作劇、作弄同學、在玩具店購買破解道具。這樣的生活裡面一樣有混合著真實空間與數位空間的「校園傳說」與「都市奇譚」。例如,如果戴著眼鏡睡覺,就有可能被「道子(Michiko)」帶到另一個世界去,永遠就醒不來… 等等這類混合著真實與虛擬、事實與謠言的故事發展。 ==數位體驗設計,重點不在於有「科技有多麽神奇」或是「設計有多麽管用」。「體驗」並不在晶片、不在軟體程式碼、也不在操作介面。而是當人們「使用技術」的同時,使用者會自己去創造、設計、建構、維護一個全新的「社會技術(socio-tech)」,進而獲得了各自的生活體驗。《電腦線圈》很精彩的呈現了這一個面向。== 原作、導演都是磯光雄,製作公司是 MADHOUSE。磯光雄是神級的原畫師,專做難度高的動畫段落 [^1] 。但由他導演的作品並不多,台灣知道的更少。托 Netflix 的福,2022 年才有用了新作《地球外少年少女》,同步也把 2007 的《電腦線圈》找回來放映。 [^1]: 磯光雄被稱為新寫實派的作畫代表人物。磯光雄的經典作畫片段分析講座,可以看到一些經典片段其實都是出自磯光雄的手筆 https://www.youtube.com/watch?v=O3XgE3m-Sg0 ---- ### 《王立宇宙軍》(王立宇宙軍~オネアミスの翼~, 1987) ![](https://av.watch.impress.co.jp/img/avw/docs/1394/812/ou-1_s.jpg) 押井守曾說,那些撐起日本動畫的大師們,都有很深的「戀物癖」:對物件的愛好都到了病態的程度,否則沒有辦法用手工創造出那麼生動的事物出來。宮崎駿就是這樣的一個代表。他們對物件的痴迷,讓他們會去尋找各式各樣,被「歷史演化」過程中被淘汰掉的設計物,並透過動畫這種媒介,將這些設計與使用的場景,重新復活起來。 ==推測設計(Speculative design)有個概念,就是「架空」(Alternative):歷史稍稍轉個彎,我們可能有不同的現在、未來、生活世界與事物。== 這其實也是很多科幻小說的創作方式,像是科幻大師 Philip Dick 的經典《高堡奇人》,就是設定為二戰後軸心國戰勝同盟國,日德瓜分美國後的架空歷史故事。 《王立宇宙軍》就是日本動畫中,把「架空設定」做到極致的作品。這部動畫描繪的以科技水平才準備要發射載人火箭到太空的時代,戰鬥機還是螺旋槳與次音速噴射機。大概是 1950-60年代。從服飾、宗教、儀式、文字、貨幣、大眾運輸系統、售票機、機車、電車、等等,全部都重新設計成為另一種「架空但合理的設計」。 ==《王立宇宙軍》對架空物件的描繪不只停留在造型與功能上,而是把架空物件放在實際的使用場景中。例如,他們的硬幣不是圓的,而是「棒狀」的,不同幣值的長短與材質不一。而這些硬幣的使用:是透過投販賣機、選取物品、找零、取物的歷程,在具體生活場景中一一繪製出來。== 1987年這作品的主創當年也都很年輕: - [原案、導演、編劇] 山賀博之,25歲 - [人物設定] 貞本義行,25歲 - [副導演] 樋口真嗣,22歲 - [原畫] 庵野秀明,27歲;前田真宏,24歲 就是一群20幾歲的熱血動漫御宅。這些年輕人,成立了動畫公司,來搞這人生第一次的拍動畫。對細節無止境的講究,讓這部作品燒了8億日幣的預算。8億元是多大一個概念?1986年上映的宮崎駿動畫《天空之城》,全年票房也才5億8千萬。只能說,他們還真的很敢。後來,這部不計成本無視於市場偏好的電影,票房「果然」只回收了「3億4700萬」,慘賠作收。 追求品質且不計成本的結果,換得的是光榮的失敗,以及下個時代的未來。這家運氣不好的動畫公司叫做 GAINAX,到了1995年推出了《新世紀福音戰士》,成為帶領Otaku世代的動漫文化熱潮的指標型公司。 ---- ### 《哆啦A夢》電視動畫 (ドラえもん, 1979) ![](https://image.momoshop.com.tw/preview/0008/560/608/8560608_b6.jpg) 《哆啦A夢》是個家喻戶曉的作品,但也是==探討科技與日常生活使用的寓言==。 藤子·F·不二雄其實是一位偉大的科幻作家。他的科幻不是黃金世代那種波瀾壯闊的宇宙史詩,反而更像是日常生活中的科技創新。每一集的《哆啦A夢》情節,有一個基本「==設計反轉==」模板: (1) 在日常生活中遇到了問題; (2) 有一個能解決問題的科技產品; (3) 運用產品解決問題; (4) 科技的誤用與濫用; (5) 導致的災難。 典型的「設計思考」敘事,是 (1)(2)(3)的「發現問題到解決問題」,但《哆啦A夢》探討的還要深入的多,會將使用行為延伸到「使用者自發性地創造新的使用價值」(4),而且當設計被誤用與濫用時,發生預期以外的結果 (5)。 我們也許可以試著把《哆啦A夢》的角色當成設計物的 Personas 看看。靜香與小衫應該有辦法「正常的使用原本的設計」,但大雄、胖虎、小夫,這三位可是「更有創造力(破壞力)的使用者」,往往可以在設計師(哆啦A夢)的預期之外,「創造出新的使用價值」:即便不一定是往好的那一方面發展。 ==Michel de Certeau 認為,人們本來就會抄抄捷徑、打混摸魚、挪用魔改。創造性使用才是人們生活的日常。在《日常生活實踐》一書中,他認為消費者(使用者)並不只是被動的、受生產者(設計者)支配的一方,也會進行另一種「生產(設計)行為」,而且是「迂迴地、偷偷的、游擊戰式的」透過另類的使用方式,來「設計自己的生活」,把主導生活的權力奪取回來。== 從這個層面來看,反而是「設計思考」的解題模式太單純,而《哆啦A夢》的「設計反轉」模式,更貼近真實世界場景,使用者真正能成為一個「有賦予價值權力的行動者」。 設計師如果只停留在「設計是為了解決問題」,就流失了探究真實使用的情境、把整個使用脈絡納進設計體系的機會。當設計師的想像力不只停留在「找出新的解決問題手段」,也要能想到「使用者如何對設計再設計」的各種可能性。《哆啦A夢》給我們一個工具,當在想設計的時候,也想著要是野比大雄跟他的小夥伴們,可能會怎麼樣用我們的設計?又會搞出什麼樣的風波與意外? ---- (本來我想寫的是《機動警察劇場版2》(機動警察パトレイバー 2 the Movie, 1993)。但是我覺得我寫不好,所以換成《哆啦A夢》)

Import from clipboard

Advanced permission required

Your current role can only read. Ask the system administrator to acquire write and comment permission.

This team is disabled

Sorry, this team is disabled. You can't edit this note.

This note is locked

Sorry, only owner can edit this note.

Reach the limit

Sorry, you've reached the max length this note can be.
Please reduce the content or divide it to more notes, thank you!

Import from Gist

Import from Snippet

or

Export to Snippet

Are you sure?

Do you really want to delete this note?
All users will lose their connection.

Create a note from template

Create a note from template

Oops...
This template is not available.
Upgrade
All
  • All
  • Team
No template found.

Create custom template

Upgrade

Delete template

Do you really want to delete this template?
Turn this template into a regular note and keep its content, versions, and comments.

This page need refresh

You have an incompatible client version.
Refresh to update.
New version available!
See releases notes here
Refresh to enjoy new features.
Your user state has changed.
Refresh to load new user state.

Sign in

Forgot password

or

By clicking below, you agree to our terms of service.

Sign in via Facebook Sign in via Twitter Sign in via GitHub Sign in via Dropbox Sign in with Wallet
Wallet ( )
Connect another wallet

New to HackMD? Sign up

Help

  • English
  • 中文
  • Français
  • Deutsch
  • 日本語
  • Español
  • Català
  • Ελληνικά
  • Português
  • italiano
  • Türkçe
  • Русский
  • Nederlands
  • hrvatski jezik
  • język polski
  • Українська
  • हिन्दी
  • svenska
  • Esperanto
  • dansk

Documents

Help & Tutorial

How to use Book mode

How to use Slide mode

API Docs

Edit in VSCode

Install browser extension

Get in Touch

Feedback

Discord

Send us email

Resources

Releases

Pricing

Blog

Policy

Terms

Privacy

Cheatsheet

Syntax Example Reference
# Header Header 基本排版
- Unordered List
  • Unordered List
1. Ordered List
  1. Ordered List
- [ ] Todo List
  • Todo List
> Blockquote
Blockquote
**Bold font** Bold font
*Italics font* Italics font
~~Strikethrough~~ Strikethrough
19^th^ 19th
H~2~O H2O
++Inserted text++ Inserted text
==Marked text== Marked text
[link text](https:// "title") Link
![image alt](https:// "title") Image
`Code` Code 在筆記中貼入程式碼
```javascript
var i = 0;
```
var i = 0;
:smile: :smile: Emoji list
{%youtube youtube_id %} Externals
$L^aT_eX$ LaTeX
:::info
This is a alert area.
:::

This is a alert area.

Versions and GitHub Sync
Upgrade to Prime Plan

  • Edit version name
  • Delete

revision author avatar     named on  

More Less

No updates to save
Compare
    Choose a version
    No search result
    Version not found
Sign in to link this note to GitHub
Learn more
This note is not linked with GitHub
 

Feedback

Submission failed, please try again

Thanks for your support.

On a scale of 0-10, how likely is it that you would recommend HackMD to your friends, family or business associates?

Please give us some advice and help us improve HackMD.

 

Thanks for your feedback

Remove version name

Do you want to remove this version name and description?

Transfer ownership

Transfer to
    Warning: is a public team. If you transfer note to this team, everyone on the web can find and read this note.

      Link with GitHub

      Please authorize HackMD on GitHub
      • Please sign in to GitHub and install the HackMD app on your GitHub repo.
      • HackMD links with GitHub through a GitHub App. You can choose which repo to install our App.
      Learn more  Sign in to GitHub

      Push the note to GitHub Push to GitHub Pull a file from GitHub

        Authorize again
       

      Choose which file to push to

      Select repo
      Refresh Authorize more repos
      Select branch
      Select file
      Select branch
      Choose version(s) to push
      • Save a new version and push
      • Choose from existing versions
      Include title and tags
      Available push count

      Upgrade

      Pull from GitHub

       
      File from GitHub
      File from HackMD

      GitHub Link Settings

      File linked

      Linked by
      File path
      Last synced branch
      Available push count

      Upgrade

      Danger Zone

      Unlink
      You will no longer receive notification when GitHub file changes after unlink.

      Syncing

      Push failed

      Push successfully