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日木曜日

チーム開発 ≠

エンジニアチーム


ProducerPlanner

Growth HackerDesignerEngineerEditorCS etc...


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

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


デザイナーとのiOS開発


デザイナーの悩み


「1pxこだわりたい」

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

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

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

etc...


エンジニアの悩み


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

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

「マージンいくつ？」

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

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

etc...


解決へのアプローチ


共通の認識＋ツール


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

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

サイズに迷わない


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


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

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


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

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


CSとのiOS開発


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

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

「返信したかな？」

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

etc...


Zendeskで解決


ユーザーサポートツール

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

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

ただし有料


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

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

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

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

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

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

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


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


まとめ


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

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

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


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

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

遊びにきてください




Technology

Vasily i os-20140403