---
# System prepended metadata

title: 7/26 Designについて
tags: [ICT演習]

---

###### 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. まとめ
    今日の議事録見てくれ．まとめるのだるい．