###### tags: `ICT演習` # 7/26 Designについて ## スケジュール 1. 会議の目的 @S͟h͟i͟r͟a͟h͟a͟t͟a͟ 2. サービス名 @S͟h͟i͟r͟a͟h͟a͟t͟a͟ 3. サービスのカラー　@S͟h͟i͟r͟a͟h͟a͟t͟a͟ 4. サービスのコンセプト 5. サービスの目的 @Shotaro Okada 6. 簡易ペルソナからのサービスの流れ @Shion Yasumoto 7. Atomic DesignとUI Designについて @S͟h͟i͟r͟a͟h͟a͟t͟a͟ 8. デザインについて @S͟h͟i͟r͟a͟h͟a͟t͟a͟ @みんな 9. 次回開催日について 10. まとめ。次回やること、次回までにやること。 ## 議事録 1. 会議の目的 ・サービスの土台を完成させたい ・UI designを確立させたい 2. サービス名 ・サービス名つけたほうがモチベーション上がるし，愛着も出てくるのでは ・サービス名をdesignチャンネルのスレッドに記入 ・のちに全体でアンケートを実施 **結論：アンケートで決める（スレッドのリアクションで）** アンケート内容 ・4つの候補の投票 ・他に案があれば記入してもらう 3. サービスカラー ・開発時にprimaryカラーとかを別のものにしちゃうとゴチャゴチャしちゃう，見た目が悪くなる ・サービスカラーを決めないと、Atomの装飾等がしづらい ・カラーそれぞれに意味がある ・しおんのデザインカンプはとりあえずで緑にしてる ・FinTechカラーはオレンジ ・青だと真面目な（システムチック）感じになりそう ・フリマとかはオレンジ、赤あたりにすると活気が出てる印象が出そう ・Amazonは落ち着いた色，楽天は派手？？ ・**楽天はカス（しおん，しらはたさん談）** ・赤，オレンジ，黄のどれかが良さげ ・上記の3色ベースでしおんが手を加えていく？ ・ボタンの色とかをprimaryカラーと合わせるべき？ ・ボタンとかの意味に乖離があるなら変えるべき ・アクセントで入れるならいんじゃね ・背景を白にするかグレースケールにするか，ダークモード入れる？ **結論：とりあえずオレンジ（マッドな感じ）で．なんかあればしおんに変えてもらう** 4. サービスコンセプト ・コンセプトがあったほうがみんなに使ってもらえる，イメージしてもらいやすい ・ユーザストーリーをいまいち理解してないから今は決めれないかも ・FUNnyにはない？ ・Appleのコンセプトはやばい ・自分たちの話し合いの時に役立つ ・とりあえずペルソナとか目的を先に **結論：たろうさんのスライドを見てもらってみんなに考えてもらう感じ（Googleフォームで）** ↑ そんなに急ぎでもない 5. サービス目的 ・たろうさんの[スライド](https://docs.google.com/presentation/d/1pZJYHXxUMVKwKiwqWafBAioVdu5E1ExDQTdYk3c-1rA/edit?usp=sharing)発表（共有してください） ・関わりに重点的に焦点を当てている ・サービスの目的がちょっとずつずれてきている ・FinTech自体の目標があやふや（完成の定義とか） ・完成の定義を先にしたほうが開発しやすい → 後期の頭にみんないるところでやる ↓ 開発について ・バグ修正の期間を見積もってから開発期間を決める ・開発期間を明確にしないとやばいよね ・フロントは最悪しらはたさんが ・バックもテーブル定義さえできればって感じ ・ブロックチェーンは未知 ・技術的な部分の心配はあまりない **結論：たろうさんの[スライド](https://docs.google.com/presentation/d/1pZJYHXxUMVKwKiwqWafBAioVdu5E1ExDQTdYk3c-1rA/edit?usp=sharing)に書いてるやつで** 6. 簡易ペルソナからのサービスの流れ（各自で確認してわからないことは聞く） ↓ しおんのXD説明 ・どのユーザがどのように画面移動をするのか ・アカウントの有無，ログインの有無で3種類のユーザがいる ・LINEのQRコード登録がわからないのでまだ作ってない ・出品前の最終確認を入れるかは未定 ・ワード検索にしても，もっと見るを押しても遷移先のデザインは一緒 ・スキル購入時には確認画面を入れる ↓ みんなの話 ・たまに流れを確認しないと開発してからが大変 ・自分がスキル売る側なら，スキルの編集が奥にありすぎ？ ・もっと手前に置くか，専用のアクションを作る？ ・売る側と買う側でページを分ける選択肢もあり？ → 売るきっかけとか手間が増えそう ・ユーザは買う人であり売る話でもあるため、現状の売ると買うを分けないUIの方が良さそう 7. Atomic DesignとUI Designについて ・間に合わなかったああああああああ（しらはたさん） ・ちっちゃいところから作っていくのがAtomic Design ・今は完全に理解しなくてもいいけど，頭の片隅にあるといいよね 8. デザインについて ・ヘッダーにある検索ボックスは削除する？ ・購入済みですのボタンは押せる？ → 押せない。ドロップシャドーを消してみる ・スクロールした際のヘッダーは固定しない？ ・他のサイトはスクロールしたら消える ・検索なくていいところは消してもいいのでは（マイページまわり，商品選択後の画面） ・inputは同じ形，同じ色の方が助かる（Atomic Desgin的に） ・フォントサイズとかはあんまり気にしなくてもいい（今は5段階ぐらいを想定している） ・カラーの指定があるなら事前に教えて欲しい ・フローティングボタンに影あるの微妙じゃね → マテリアルデザイン的には問題ない → ならOK ・スキル出品って長くね？？？ → 出品だけでもユーザは理解してくれるかも ・横スクロールはない ・検索の仕方がバックエンド的に難しいかも ・新着専用のページ作ってもいいかも ・検索した時だけ上に検索ワードを表示する ・しらはたさん的にはローカルストレージを使いたくないからリロードした時にデータを消して欲しくない ・新着のところがむずい → カテゴリごとのリンク作ったらいけるかな ・新着を別ページで作るならデザイン変わるよね ・検索ともっと見るのカードは情報が偏ってない？ ・検索する人は詳しいことを知りたいと思うのでもっと見るのカードとは情報量が違う ・一旦，このデザインにして何かあれば追加，変更をする感じで ・背景は白すぎないし，暗すぎない感じで ・アイコンはマテリアルで ・タグの使い方 → タグのみの使い方を想定．スキル名にタグと同じ名前が入っていても，タグがついてないと検索には引っかからない 9. 次回開催日について ・しおんベースで決めて行こう ・7〜10ぐらいで決着つけたい ・後ほどSlackで決める ・今のところ7日の午後かなー **結論：なるはや** 10. まとめ 今日の議事録見てくれ．まとめるのだるい．