17
有限会社アップルップル 今井理紗子 社会人になって振り返る グランプリを獲った Webアプリの作り方

社会人になって振り返る グランプリを穫ったWebアプリの作り方

Embed Size (px)

DESCRIPTION

2014年7月12日(土)に名古屋国際会議場で開催された「WCAN 2014 Summer」のライトニングトークで使用したスライドです。 学生コンペでのワークフローをご紹介しつつ、社会人1年生の視点で振り返ってみました。

Citation preview

Page 1: 社会人になって振り返る グランプリを穫ったWebアプリの作り方

有限会社アップルップル 今井理紗子

社会人になって振り返

グランプリを獲ったWebアプリの作り方

Page 2: 社会人になって振り返る グランプリを穫ったWebアプリの作り方

自己紹介

有限会社アップルップル

今井 理紗子名古屋市立大学芸術工学部デザイン情報学科 卒業

2013年4月~2014年4月~ 今年の4月から

Webデザイナーとして働き始めました!

Page 3: 社会人になって振り返る グランプリを穫ったWebアプリの作り方

目次

✦ NEXT COMMUNICATION AWARDについて✦「事前調査」編

✦「既存アプリの収集と分析」編

✦「対象施設の調査」編

✦ 社会人の視点で振り返る

Page 4: 社会人になって振り返る グランプリを穫ったWebアプリの作り方

東海地方の学生向けコンペティション

「NEXT COMMUNICATION AWARD」

挑戦しました!

これを作りました

Page 5: 社会人になって振り返る グランプリを穫ったWebアプリの作り方

「事前調査」編敵を知り己を知れば百戦危うからず!

Page 6: 社会人になって振り返る グランプリを穫ったWebアプリの作り方

「事前調査」編

はじめに、自分の得意・不得意を整理しました

Illustrator

HTML5/CSS3

CMS

JavaScript

UI/UX

権利関係の知識

イラストが描ける

なんとか動くものが書ける

WordPressとa-blog cms

Page 7: 社会人になって振り返る グランプリを穫ったWebアプリの作り方

「事前調査」編

はじめに、自分の得意・不得意を整理しました

Illustrator

HTML5/CSS3

CMS

JavaScript

UI/UX

権利関係の知識

イラストが描ける

なんとか動くものが書ける

WordPressとa-blog cms

勉強はしてるけど実践できてない

ライセンスと著作権の知識有り

コピペ!

Page 8: 社会人になって振り返る グランプリを穫ったWebアプリの作り方

「事前調査」編

コンペについての情報を収集・整理

✦出場校は情報系がほとんど

✦過去にUXが評価された例あり

✦審査員はWebの専門家 だけじゃない ビジュアル面

UI/UXなら勝ち目がある?

Page 9: 社会人になって振り返る グランプリを穫ったWebアプリの作り方

プロの技を盗め!

「既存アプリの収集・分析」編

Page 10: 社会人になって振り返る グランプリを穫ったWebアプリの作り方

「収集・分析」編

既存アプリの分析をしてみよう!

ネイティブアプリ Webアプリ

✦東京国立博物館

✦サンシャイン水族館

✦札幌まるやま動物園

✦JR大阪駅

✦美濃市市街地

✦鳥取県

✦伊豆市

✦山梨県

Page 11: 社会人になって振り返る グランプリを穫ったWebアプリの作り方

アプリを使う人たちの観察をしてみよう

「対象施設の調査」編

Page 12: 社会人になって振り返る グランプリを穫ったWebアプリの作り方

「対象の調査」編

スタッフの方へのインタビュー

✦展示テーマをもっとアピールしたい!

✦順路はあえて設定していないよ

✦「カイオーの水族館日記」など 更新頻度の高いコンテンツ 観覧ルート

更新システムがキーワード

Page 13: 社会人になって振り返る グランプリを穫ったWebアプリの作り方

「対象の調査」編

来館者の行動を観察

✦館内で携帯を使うのは20̃30代女性

✦親子連れはカメラ

✦デフォルトのカメラアプリより SNSの使用率大✦通信環境に注意が必要

SNS連携非同期遷移がキーワード

Page 14: 社会人になって振り返る グランプリを穫ったWebアプリの作り方

「対象の調査」編

施設側スタッフ

来館者

SNS上の「友達」

コンテンツとサービス

SNS

こんなコミュニケーションを提案しました

Page 15: 社会人になって振り返る グランプリを穫ったWebアプリの作り方

ワークフローとアウトプットについて

社会人の視点で振り返ってみる

Page 16: 社会人になって振り返る グランプリを穫ったWebアプリの作り方

振り返って反省

✦調査に時間がかかりすぎ!

✦一人で制作する限界

✦スケジューリングの課題

調査の前に仮説を立てる重要性

弱点をカバーする工夫が必要

最低限の時間で最大限の成果を出す努力

Page 17: 社会人になって振り返る グランプリを穫ったWebアプリの作り方

ご清聴ありがとうございました!

@i_mairy

r1sak0

今回の発表内容はブログにもまとめています

http://4kakudez.com/