Vasily i os-20140403

2014/04/03荒井 勇輔

iOSチーム開発～デザイナー/CSとのスムーズなチーム開発～

14年4月3日木曜日

自己紹介

• 名前 : 荒井 勇輔• Facebook : ararajp

• PHP5年, Ruby1年, Objective-C1年半Perl, JavaScriptなど少々

• 株式会社VASILYで「iQON」のiOSアプリを担当14年4月3日木曜日

チーム開発 ≠

エンジニアチーム

14年4月3日木曜日

ProducerPlanner

Growth HackerDesignerEngineerEditorCS etc...

14年4月3日木曜日

今回はアジャイルやリーンといった開発プロセスの話ではありません

工数削減、品質向上のためにデザイナー、CSとのどのようなやり取りをしているかを具体的に紹介します

14年4月3日木曜日

デザイナーとのiOS開発

14年4月3日木曜日

デザイナーの悩み

14年4月3日木曜日

「1pxこだわりたい」

「フォント、サイズにもこだわりをもってます」

「スタイルガイドを用意するリソース...ない」

「実機で見てみたらイメージと違う...ごめんなさい」

etc...

14年4月3日木曜日

エンジニアの悩み

14年4月3日木曜日

「この色って何だろう...」

「ここのフォントは...」

「マージンいくつ？」

「実装上、画像はこんな感じで書き出して！」

「ズレてたごめん...」

etc...

14年4月3日木曜日

解決へのアプローチ

14年4月3日木曜日

共通の認識＋ツール

14年4月3日木曜日

共通認識実装も考えて画像書き出しは基本的にエンジニアが行う

書き出す手間を減らすためボタン/アイコンは共通設計

サイズに迷わない

14年4月3日木曜日

ResizerRetina用の@2xを書き出したら、Resizerを作って画像生成ドラックアンドドロップだけでとても簡単

14年4月3日木曜日

「SPECCTR」を使用することにより、デザイナーの手間をかけずにマージン、スタイル、サイズをデザインファイルに追加

エンジニアが測定する手間が無くなり、デザインとのズレも削減

14年4月3日木曜日

LiveViewデスクトップ画面を実機に表示させつつデザインを作成これにより実機で見た時にイメージと違うという乖離を削減

アニメーション等についてはエンジニアが早めにモックを作って動作確認

14年4月3日木曜日

CSとのiOS開発

14年4月3日木曜日

「お問い合わせがたくさん...」

「技術的なことで何とも...」

「返信したかな？」

「過去にも同じようなのがきた」

etc...

14年4月3日木曜日

Zendeskで解決

14年4月3日木曜日

ユーザーサポートツール

特定のメールアドレス宛の問い合わせを分類、タグ付けして、ユーザー対応することができる

ユーザー対応の品質や調査なども画面上で行える

ただし有料

14年4月3日木曜日

Zendeskのメリットユーザー問い合わせのたびにメールアドレスを検索して過去のやりとりを探す手間が省ける（自動的にスレッド形式になる）

複数人でCS対応することができる（担当を決めれる、メールの誤送信も防止できる）

問い合わせごとにタグをつけて管理することができる

よくある問い合わせをまとめたヘルプページがつくれる14年4月3日木曜日

ヘルプページ作成で同じような問い合わせを減らす

Zendeskによるヘルプページの作成

エンジニア主導ではなくサポート担当が直接編集エンジニアの対応コストがゼロ

14年4月3日木曜日

最近ではアプリのレビューをトラッキングしてくれるAppBotを導入問い合わせメールで届かない声もデイリーで拾っている

14年4月3日木曜日

まとめ

14年4月3日木曜日

チームメイトの悩みを知り課題を解決していきましょう

エンジニアだけでなく周りと協力することでiOSの開発も捗ります

便利なツールどんどん使っていきましょう

14年4月3日木曜日

https://www.wantedly.com/projects/5530

VASILYではiOSエンジニアを募集しています興味、やる気のある方はぜひオフィスに

遊びにきてください

14年4月3日木曜日