フリック画面をリニューアルした話

フリック画面をリニューアルした話株式会社マッチングエージェント大國嗣元

プロフィール大國嗣元おおくにひでゆきタップル誕生 iOSエンジニア

今までのフリック画面

今までのフリック画面写真が小さい

今までのフリック画面ラベルがあったり高さの異なるバナーがあったり統一感がない

今までのフリック画面共通カード.swift カテゴリ、おすすめ、占い.swift 相手からのいいかも.swift 継承カテゴリ.storyboard おすすめ.storyboard 占い.storyboard 相手からのいいかも.storyboard

問題点・ダサい・カードが小さい・コードが読みづらい・フリック画面に機能を追加しづらい

目標保守のしやすい、いけてるフリック画面にしたい！

今まで共通カード.swift カテゴリ、おすすめ、占い.swift 相手からのいいかも.swift 継承カテゴリ.storyboard おすすめ.storyboard 占い.storyboard 相手からのいいかも.storyboard

改善カテゴリ.swift 共通カード.swift カテゴリ.storyboard おすすめ.storyboard 占い.storyboard 相手からのいいかも.storyboard おすすめ.swift 共通カード.swift 占い.swift
共通カード.swift 相手からのいいかも.swift 共通カード.swift

改善 Flux化しました！

改善カテゴリ.swift 共通カード.swift カテゴリ.storyboard おすすめ.storyboard 占い.storyboard 相手からのいいかも.storyboard おすすめ.swift 共通カード.swift 占い.swift
共通カード.swift 相手からのいいかも.swift 共通カード.swift

改善カテゴリ.swift 共通カード.swift フリック Store Action Action Store

改善カテゴリ.swift 共通カード.swift フリック左フリックしたよ Store Action Action Store

改善カテゴリ.swift 共通カード.swift フリックカード枚数も足りてるしフリックしてOK Store Action Action Store

改善カテゴリ.swift 共通カード.swift フリックアニメーション終わったから次の人出して Store Action Action Store

改善

一旦リリース内部だけ改善してまずはリリースしました

次はUI UX

改善デバッグで切り替えできるようにして少しづつマージしながら開発新カードモード

改善開発途中のものを色々な人に触ってもらえて、アドバイスもらえました！コンフリクトが少なく、開発スピードが上がった

改善

改善今後追加されるであろう状態はここを使う

改善カードの比率にあまり差を出さないために、画面サイズでグループ分けしてマージンを決める

改善ボタンやサブ写真の大きさも画面サイズでグループ分けして大きさを決める

改善フリックしやすくなるようにアニメーション調整

改善画像を刷新

新しくなったフリックUI

リリース 10/30リリースしました

でも、、、、、まだ途中です

今後もしマッチ率が下がれば、何かしらの対策が必要アニメーションをこだわりたい Android版もなどなど、、、、

引き続き頑張ります

マッチング業界を盛り上げていきましょう！

ありがとうございました！

フリック画面をリニューアルした話

フリック画面をリニューアルした話

Other Decks in Programming

Featured

Transcript