社会人になって振り返る グランプリを穫ったwebアプリの作り方
DESCRIPTION
2014年7月12日(土)に名古屋国際会議場で開催された「WCAN 2014 Summer」のライトニングトークで使用したスライドです。 学生コンペでのワークフローをご紹介しつつ、社会人1年生の視点で振り返ってみました。TRANSCRIPT
![Page 1: 社会人になって振り返る グランプリを穫ったWebアプリの作り方](https://reader033.vdocuments.site/reader033/viewer/2022052906/558b9921d8b42ab8788b4596/html5/thumbnails/1.jpg)
有限会社アップルップル 今井理紗子
社会人になって振り返
る
グランプリを獲ったWebアプリの作り方
![Page 2: 社会人になって振り返る グランプリを穫ったWebアプリの作り方](https://reader033.vdocuments.site/reader033/viewer/2022052906/558b9921d8b42ab8788b4596/html5/thumbnails/2.jpg)
自己紹介
有限会社アップルップル
今井 理紗子名古屋市立大学芸術工学部デザイン情報学科 卒業
2013年4月~2014年4月~ 今年の4月から
Webデザイナーとして働き始めました!
![Page 3: 社会人になって振り返る グランプリを穫ったWebアプリの作り方](https://reader033.vdocuments.site/reader033/viewer/2022052906/558b9921d8b42ab8788b4596/html5/thumbnails/3.jpg)
目次
✦ NEXT COMMUNICATION AWARDについて✦「事前調査」編
✦「既存アプリの収集と分析」編
✦「対象施設の調査」編
✦ 社会人の視点で振り返る
![Page 4: 社会人になって振り返る グランプリを穫ったWebアプリの作り方](https://reader033.vdocuments.site/reader033/viewer/2022052906/558b9921d8b42ab8788b4596/html5/thumbnails/4.jpg)
東海地方の学生向けコンペティション
「NEXT COMMUNICATION AWARD」
挑戦しました!
これを作りました
![Page 5: 社会人になって振り返る グランプリを穫ったWebアプリの作り方](https://reader033.vdocuments.site/reader033/viewer/2022052906/558b9921d8b42ab8788b4596/html5/thumbnails/5.jpg)
「事前調査」編敵を知り己を知れば百戦危うからず!
![Page 6: 社会人になって振り返る グランプリを穫ったWebアプリの作り方](https://reader033.vdocuments.site/reader033/viewer/2022052906/558b9921d8b42ab8788b4596/html5/thumbnails/6.jpg)
「事前調査」編
はじめに、自分の得意・不得意を整理しました
Illustrator
HTML5/CSS3
CMS
JavaScript
UI/UX
権利関係の知識
イラストが描ける
なんとか動くものが書ける
WordPressとa-blog cms
![Page 7: 社会人になって振り返る グランプリを穫ったWebアプリの作り方](https://reader033.vdocuments.site/reader033/viewer/2022052906/558b9921d8b42ab8788b4596/html5/thumbnails/7.jpg)
「事前調査」編
はじめに、自分の得意・不得意を整理しました
Illustrator
HTML5/CSS3
CMS
JavaScript
UI/UX
権利関係の知識
イラストが描ける
なんとか動くものが書ける
WordPressとa-blog cms
勉強はしてるけど実践できてない
ライセンスと著作権の知識有り
コピペ!
![Page 8: 社会人になって振り返る グランプリを穫ったWebアプリの作り方](https://reader033.vdocuments.site/reader033/viewer/2022052906/558b9921d8b42ab8788b4596/html5/thumbnails/8.jpg)
「事前調査」編
コンペについての情報を収集・整理
✦出場校は情報系がほとんど
✦過去にUXが評価された例あり
✦審査員はWebの専門家 だけじゃない ビジュアル面
UI/UXなら勝ち目がある?
![Page 9: 社会人になって振り返る グランプリを穫ったWebアプリの作り方](https://reader033.vdocuments.site/reader033/viewer/2022052906/558b9921d8b42ab8788b4596/html5/thumbnails/9.jpg)
プロの技を盗め!
「既存アプリの収集・分析」編
![Page 10: 社会人になって振り返る グランプリを穫ったWebアプリの作り方](https://reader033.vdocuments.site/reader033/viewer/2022052906/558b9921d8b42ab8788b4596/html5/thumbnails/10.jpg)
「収集・分析」編
既存アプリの分析をしてみよう!
ネイティブアプリ Webアプリ
✦東京国立博物館
✦サンシャイン水族館
✦札幌まるやま動物園
✦JR大阪駅
✦美濃市市街地
✦鳥取県
✦伊豆市
✦山梨県
![Page 11: 社会人になって振り返る グランプリを穫ったWebアプリの作り方](https://reader033.vdocuments.site/reader033/viewer/2022052906/558b9921d8b42ab8788b4596/html5/thumbnails/11.jpg)
アプリを使う人たちの観察をしてみよう
「対象施設の調査」編
![Page 12: 社会人になって振り返る グランプリを穫ったWebアプリの作り方](https://reader033.vdocuments.site/reader033/viewer/2022052906/558b9921d8b42ab8788b4596/html5/thumbnails/12.jpg)
「対象の調査」編
スタッフの方へのインタビュー
✦展示テーマをもっとアピールしたい!
✦順路はあえて設定していないよ
✦「カイオーの水族館日記」など 更新頻度の高いコンテンツ 観覧ルート
更新システムがキーワード
![Page 13: 社会人になって振り返る グランプリを穫ったWebアプリの作り方](https://reader033.vdocuments.site/reader033/viewer/2022052906/558b9921d8b42ab8788b4596/html5/thumbnails/13.jpg)
「対象の調査」編
来館者の行動を観察
✦館内で携帯を使うのは20̃30代女性
✦親子連れはカメラ
✦デフォルトのカメラアプリより SNSの使用率大✦通信環境に注意が必要
SNS連携非同期遷移がキーワード
![Page 14: 社会人になって振り返る グランプリを穫ったWebアプリの作り方](https://reader033.vdocuments.site/reader033/viewer/2022052906/558b9921d8b42ab8788b4596/html5/thumbnails/14.jpg)
「対象の調査」編
施設側スタッフ
来館者
SNS上の「友達」
コンテンツとサービス
SNS
こんなコミュニケーションを提案しました
![Page 15: 社会人になって振り返る グランプリを穫ったWebアプリの作り方](https://reader033.vdocuments.site/reader033/viewer/2022052906/558b9921d8b42ab8788b4596/html5/thumbnails/15.jpg)
ワークフローとアウトプットについて
社会人の視点で振り返ってみる
![Page 16: 社会人になって振り返る グランプリを穫ったWebアプリの作り方](https://reader033.vdocuments.site/reader033/viewer/2022052906/558b9921d8b42ab8788b4596/html5/thumbnails/16.jpg)
振り返って反省
✦調査に時間がかかりすぎ!
✦一人で制作する限界
✦スケジューリングの課題
調査の前に仮説を立てる重要性
弱点をカバーする工夫が必要
最低限の時間で最大限の成果を出す努力
![Page 17: 社会人になって振り返る グランプリを穫ったWebアプリの作り方](https://reader033.vdocuments.site/reader033/viewer/2022052906/558b9921d8b42ab8788b4596/html5/thumbnails/17.jpg)
ご清聴ありがとうございました!
@i_mairy
r1sak0
今回の発表内容はブログにもまとめています
http://4kakudez.com/