搜尋
首頁手遊教學遊戲新聞利用源自遊戲開發思維的 UI/UX 開發新市場。由前遊戲程式設計師創建的熱門教育應用程式「Roilo Note」背後的想法 [CEDEC 2024]

 2024年8月21日,ゲーム開発者向けカンファレンス「CEDEC 2024」で,セッション「ゲーム開発の知恵、教育アプリで花開く」が行われた。

 同セッションでは,LoiLo CEOの杉山浩二氏がゲーム開発で培ったスキルや経験を生かし,同社の教育用アプリ「ロイロノート・スクール」がどのように開発され,運営に至ったのかの経緯が紹介された。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

杉山浩二氏
ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]


教員と児童・生徒を双方向につなぐ「ロイロノート」


 LoiLoが展開する「ロイロノート・スクール」(以下,ロイロノート)は,現在日本に存在する学校の約40%に導入されているという教育アプリである。2024年7月にはデイリーアクティブユーザー(DAU)が260万人に達するなど,教育界ではトレンドの渦中にあるようだ。

 ロイロノートが注目を集めたきっかけは,杉山氏によると,文部科学省が2019年に提唱した「GIGAスクール構想」にあったという。
 この構想は,全国の児童・生徒1人あたりに1台のPC(などの)端末と高速ネットワークを整備するという取り組みで,2019年以降,国内の学校には児童・生徒が授業で使う端末が順次導入されてきた。

 それに合わせて,ロイロノートも2020年から2021年にかけてDAUが急増し,今もなお数字を伸ばし続けているとのことである。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 ロイロノートはネットワークを介し,児童・生徒が課題を提出したり,回収した課題を教員が添削して返却したりといった双方向性のやり取りができる。ほかにも,教員が動画やPDF化した資料を配布したり,児童・生徒同士で協力して回答したりといったこともでき,さらには写真や動画,音声などの編集といったクリエイティブな使い方もできる。

 しかし杉山氏によると,用途の大半は「単に教員が児童・生徒から宿題を回収して,添削・返却するツール」として使われるケースがほとんどで,これに関しては社内でも大きな課題になっているという。

セッションの序盤では,聴講者が実際にロイロノートを使って課題を提出したり,新機能のゲームモードを使ってアンケートに答えたりする機会が設けられた
ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024] ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]
ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024] ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]


ロイロノート開発に至るまでの経緯


 杉山氏は大学生時代,映像学科を専攻していた兄と一緒に趣味で動画作りをしていたそうだ。こちらは2000年代前半のことで,当時は現行機とは比べものにならない低スペックなPCで作業していたという。現在でもそれなりに高スペックなPCが求められる動画編集なだけに,感想としても「動作が遅いし重いしで,やりたくなかった」と述べていた。

 あるとき杉山氏は,ゲームも動画編集とほとんど同じ処理で動いていることに思い至った。同じ処理のはずなのに,なぜゲームはリアルタイムで動き,動画編集だけあんなにも重いのか。それはゲームがGPUベースで動作しているのに対し,動画編集はほぼCPUベースで動いていたからだ。そこで杉山氏は「GPUベースの動画編集ソフトをつくれば,リアルタイムで動画を編集できるのではないか」と考えたらしい。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 試しにGPUベースの動画編集ソフトを自作したところ,狙いどおりのものが生まれた。リアルタイムで動画編集できる,つまり誰でも動画が作れるようになると考えた杉山氏は,兄と共同で「一億総放送局化を実現するノンレンダリング映像ソフト“回向”開発」というテーマで,2006年に未踏ソフトウェア創造事業(当時)に応募し,見事採択された。

 未踏ソフトウェア創造事業に採択された杉山氏らは,そこで新しい動画編集ソフトを作ることとなった。だがリアルタイムで動画編集できるといっても,UIが既存のPremierと同じだったら誰もが使えるほどのハードルにまでは下がらない。どんなUIにすればいいのか悩んだ杉山氏だったが,ヒントは当時プレイしていたRTSにあった。
 そのRTSでは,ユニットにカメラをズームインすると3Dモデルが表示され,ズームアウトすると2Dアイコンが表示されたという。

 それを目にした杉山氏は,動画を始めとするデータは非常に抽象的な概念であり,一般の人たちにはよく分からないものなので,「データをゲームのキャラクターのように具体性を持つものとして見せたら,もっと理解しやすくなるのでは」と考えたとのこと。
 そしてロイロノートの前身となるUIの開発がスタートし,2008年には「Super LoiLoScope」がリリースされる運びとなった。当時はGPUを汎用処理に使う事例はあまりなく,またUIもゲームをヒントにしたことから,「かなりゲームから着想を得たソフト」と話した。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 Super LoiLoScopeの開発当時,メンターから「ソフトウェアは経験商材だから,経験を積んだユーザーはほかに乗り換えない」「競合製品との互換性をもっとも重視しないといけない」と指摘されたエピソードも語られた。つまるところ,既存のソフトと互換性のあるUIにしないと,そもそも使ってもらえないと言われたわけだ。

 杉山氏は「実際,その言葉は正しい」と咀嚼しつつも「ただ,それはPremierやFinalCut Proを使いこせる人にしか当てはまらない」と指摘する。そして,これら既存のソフトを使いこなせる人は意外と少ない。したがって,動画編集をやりたいと思ってもソフトを使いこなせなかった人にもっと注目を向けるべきだ,という見解を導き出した。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 実際,一般の人たちが持つPCのリテラシーは,PCを日常的に使っている人が想像するよりもかなり低いと言われる。

 杉山氏も,OECDが2011年に実施した国際成人力調査で,レベル3(最大レベル)の「ITによる問題解決スキル」を持つ人が,日本人の8%(OECD加盟国平均では5%)しかいなかったことを指摘し,「PCを使える人は実はすごく少ない」と語った。なお,同スキルのレベル3の内容は「メールにきた申し込みを,Excelの表に転記できる」とのことだ。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 このように,PCに興味はあっても,ツールが使いづらくてこぼれ落ちた人はたくさんいるわけだが,そこをうまく取り込んだのが「スマートフォン」であったと杉山氏は語る。実際,PCは使えずともスマホやタブレットを使えるという人は,高齢者を除けば珍しくない。

花火大会などのイベントで一般客が撮影する風景は,スマホ普及前だとほぼ見られなかった。しかし,今や多くの人が意識せずに高性能コンピュータを使っている
ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 スマホがここまで一般に普及した理由のなかで,もっとも大きいのは「直感性」だったと杉山氏が論を述べる。

 一例として,杉山氏のお子さんは1歳5か月のとき,すでにタブレットを操作してYouTubeの動画を視聴できていたという。スマホのタッチUIはそれくらい誰にでも使える直感的なものだという証明だ。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 一方で,現在4歳になったお子さんは,まだPCのマウスやゲーム機のコントローラは使えないそうだ。杉山氏は「道具は使っているうちに自分の身体の延長のようになることもあるが,そうなるまでには修練が必要。結果として,扱いが難しいものなっている」と話す。

 ロイロノートにしろ,教員から「やっとPCの操作を覚えたのに,また新しいことを覚えなければならないのか」と言われることがあるそうだ。

 けれど,同アプリはPCとは異なる視点で,異なる使い方をするツールとして提案していた。杉山氏も実際に触った人から「使いやすい」と言ってもらえる想定で分析していたとしている。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 ここまでの考え方は,元バンダイナムコ研究所の“コヤ所長”こと小山順一朗氏のマーケティング論などに影響を受けていると説明された。

 杉山氏は,小山氏から学んだ「ヒット商品=新市場開拓商品」という概念に当てはまるものとして,スマートフォンやロイロノートを挙げ,「新しいUIやUXを提案し,今までのユーザーではない人にうまくマッチしてヒットした」と解説していく。

杉山氏は,小山氏のもとで「機動戦士ガンダム 戦場の絆」の開発を手がけていた
ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 ゲーム開発では,気持ちよくプレイできる操作やUIを追求するが,一般的なソフト開発ではあまり重視されないことにも言及された。

 たとえばOfficeにしてもPhotoshopにしても,新機能はどんどん追加されるのに,決して使いやすくはならないと述べられる。これに関しては誰しも,ツールを問わず思い当たることが多そうである。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

 また,そうした状況は前述の「ソフトウェアは経験商材である」ということとも関連する。つまり,ソフトを使いこなせる人にとっては一度覚えた操作が最も使いやすく,新たに覚えなければならない操作はどうやっても使いづらいというわけだ。
 杉山氏も,ロイロノートが小さくないヒットを飛ばしてしまったがゆえに,今後はUIに変更を加えることが難しくなると語っていた。

 セッションの終盤,杉山氏はゲーム開発では直感的で気持ちいいUI/UX作りが当たり前であることにあらためて言及した。
 その一方で,GAFAMを含む既存の企業は機能重視で,かつ既存ユーザーの存在に縛られるため新市場開拓は苦手であるとし,「新しいUI/UXは,これまで取り残されてきた多くの人に新しい提案ができる。そのとき,ゲーム開発の経験が生きる」とまとめ,講演を締めた。

ゲーム開発的思考で生んだUI/UXで新市場開拓。元ゲームプログラマーが作った大ヒット教育アプリ「ロイロノート」の発想[CEDEC 2024]

以上是利用源自遊戲開發思維的 UI/UX 開發新市場。由前遊戲程式設計師創建的熱門教育應用程式「Roilo Note」背後的想法 [CEDEC 2024]的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
我們應該看到的以及在Bungie的'馬拉松”中所看到的我們應該看到的以及在Bungie的'馬拉松”中所看到的Apr 12, 2025 am 11:42 AM

我想談談我們知道我們將要看到的東西,希望我們會看到的以及從節目<🎜>中看到的東西。我們會看到的是遊戲揭示。因此,顯然遊戲玩法。我相信這將是GA的第一個發動機鏡頭

' Minecraft Movie” Viral<🎜>趨勢正在劇院造成嚴重破壞' Minecraft Movie” Viral<🎜>趨勢正在劇院造成嚴重破壞Apr 12, 2025 am 11:26 AM

當然,這是一部Minecraft電影,在開幕週末炸毀了票房預測,並在全球票房賺了3.13億美元。這些票房中約有1.63億美元來自4,265個北美劇院,其中一些是Theate

NYT Connections今天提示:線索,2025年4月12日的答案NYT Connections今天提示:線索,2025年4月12日的答案Apr 12, 2025 am 11:25 AM

聯繫是最受歡迎的紐約時報文字遊戲之一,引起了公眾的注意。遊戲就是要找到“單詞之間的共同線程”。就像Wordle一樣,連接重置AF

2025年最好的電影《罪人》具有完美的100%腐爛的番茄得分2025年最好的電影《罪人》具有完美的100%腐爛的番茄得分Apr 12, 2025 am 11:24 AM

罪人目前從評論家中獲得了相當令人驚嘆的100%腐爛的西紅柿得分,而不僅僅是一些評論家,現在有超過三打。到目前為止,這使它成為2025年2025年經過評審的廣泛發行電影,現在已經超過三分之一了。

' Gundam Seed Battle Destiny Remastered”獲得了新的遊戲預告片' Gundam Seed Battle Destiny Remastered”獲得了新的遊戲預告片Apr 12, 2025 am 11:23 AM

在2012年玩了原始的PlayStation Vita版本,這是當時Artdink的一系列長期運行的Gun​​dam Battle Games中,這是一個堅實的<🎜>。實際上,儘管具有可愛的美學,但SD Gundam Battle Alliance也是

2025年4月12日的障礙提示和答案2025年4月12日的障礙提示和答案Apr 12, 2025 am 11:16 AM

如果您喜歡玩《 Wordle》(Wordle)這樣的每日文字遊戲,那麼Hurdle是一個很棒的遊戲,可以添加到您的日常活動中。比賽有五輪。第一輪看到您試圖用正確的,放錯位置猜測這個詞,我

4月11日星期五的' NYT MINI”線索和答案4月11日星期五的' NYT MINI”線索和答案Apr 12, 2025 am 11:14 AM

4月10日,星期四,Paul Tassi 與更大的兄弟姐妹不同,NYT迷你填字遊戲可以在紐約時報網站或NYT Games應用程序上免費播放。但是,您需要NYT遊戲訂閱才能訪問Previou

今天的' Quordle”:4月12日星期六的提示和答案今天的' Quordle”:4月12日星期六的提示和答案Apr 12, 2025 am 11:13 AM

今天的《福布斯》:4月11日星期五的提示和答案 嘿,伙計們!今天的Quordle單詞的提示和答案就在領先。 如何玩quordle 對於加入我們的任何新移民,這是玩Quordle的方法:只需開始打字i

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
4 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )專業的PHP整合開發工具

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用