フロントエンドの開発

nona-takahara commented 1 month ago

データベース構造が決まれば（ See: #8 ）APIが確定します。少し先回りしてフロントエンドを進めていきましょう。

必要そうなページ

ポータルトップページA（JoinとLoginとwhat is kstm?の2-3ボタン程度でよいはず。非ログイン状態で閲覧するページで、部外者も見る可能性があります）
ポータルトップページB（NEW! 部内向けお知らせなどのページがあるとよさそうという指摘を受けて追加。ログインしていないと見れません）
マイページA（名刺ページ。ログイン者本人のみ表示できて、本人確認を行う際に提示する目的で使用したい。設計によってはメンバーページと同じ内容になるかも）
マイページB（各種情報の設定ページ。ログイン者本人のみ閲覧する）
メンバーページ（ログイン者本人以外の人のプロフィールページ。このページを名刺などに掲載して、他人にアクセスしてもらう目的で設定しているため、ログイン不要でアクセスできることが望ましい（簡易ポートフォリオとしての機能を担わせたい）。誤った本人確認を行わないように、マイページAと一目で区別できる仕掛けが必須）

くらいでしょうか？

マイページA（仮称）・メンバーページ（仮称）はスマホ優先のレイアウトが望ましいと思います。ほかにアイデアがあればコメントお願いします。

Holoscopecheck commented 2 weeks ago

マイページAの見た目部分の提案

nona-takahara commented 2 weeks ago

表示「内容」について

大学の方の所属は表示しなくていいと思います
- 所属についても、kstmロゴがあれば十分という認識
実名も表示せず、nicknameとidの方針
緑色の丸は何を意図したものですか？
Homeは何を意図していますか？（ホームページ等へのリンクが欲しいのであれば、別途 #8 でリクエストしてください）
Bioの表示欄が欲しいです

表示方法について

Home, GitHub, Mailが微妙に中央寄せになっていると思いますが以下のように変えたほうが見栄えがすると思います
- 画面幅全体に対して中央寄せ
- アイコンの右端から少し間隔をおいたところを基準に左寄せ

Holoscopecheck commented 2 weeks ago

ありがとうございます。

表示内容について

大学名は削除します
nickname & id で行きます
緑色の丸も使う予定ないので消します
Homeはトップページへの遷移を意図しているのでリクエストします
Bioの表示欄追加します

表示方法について

了解です

nona-takahara commented 2 weeks ago

Homeはトップページへの遷移を意図しているのでリクエストします

トップページとは何のトップページですか？　リンクの置かれる位置的に、member-portalのトップページなら別の動線の方が良いと思います。（その場所はユーザーに関するリンクが集約されているイメージです）

Cyndaquil1999 commented 2 weeks ago

マイページをトップページ扱いするって事でしょうか？

Holoscopecheck commented 2 weeks ago

@Cyndaquil1999 はい URLを踏む=>ログイン画面=>マイページのような流れを想定しています

Cyndaquil1999 commented 2 weeks ago

@Holoscopecheck その運用であれば、マイページにHOMEを付けると以下のようになるので、冗長だと思います。 HOMEではなくてログアウトボタンをやるなどすれば良さそうです！

HOMEを押す
マイページに遷移する（リロード扱い？になる）

Holoscopecheck commented 2 weeks ago

@Cyndaquil1999 ありがとうございます。 HOMEボタンは挙動を考えると必要ないので消そうと思います

Nlkomaru commented 2 weeks ago

個人的にはポータルトップページには、今後作成されるであろうサークル内製サービスへのリンクや、お知らせの表示などのほうが良いと思います

Holoscopecheck commented 2 weeks ago

@Nlkomaru そのお知らせというのは、部員向けのものを想定していますか？もし外部に向けたものであれば、私は既存のホームページにお知らせ等を載せるのがいいかと思います

Holoscopecheck commented 2 weeks ago

修正しました、確認お願いします。

提案・名前の右横にステータスアイコン（上画像は適当な画像）を追加

Nlkomaru commented 2 weeks ago

@Nlkomaru そのお知らせというのは、部員向けのものを想定していますか？もし外部に向けたものであれば、私は既存のホームページにお知らせ等を載せるのがいいかと思います

部員向けを想定しています

Holoscopecheck commented 1 week ago

@Nlkomaru 連絡遅くなって申し訳ないです部員向けの情報載せるの賛成です。デザイン作ります

Holoscopecheck commented 1 week ago

トップページのデザイン案です。

真ん中の黄土色のフレームにお知らせのサムネイルを入れる予定です
フレームの左右の黒三角ボタンで見るお知らせを変更する予定です

nona-takahara commented 6 days ago

以前口頭でお話した内容を再掲します

ページごとにだれが見るかを意識してデザインしてください（この後、Issueの最初の投稿に「誰が見るか」を明記します）
ある程度まとまってきたタイミングで画面遷移に関する図が欲しいです。どのボタンを押したらどの画面に遷移するかがわかりやすいものを希望します

kstm-su / member-portal