🍝

PF作成2日目

2023/06/03に公開3

PF作成2日目

プログラミングスクール3ヶ月目、絶賛ポートフォリオ作成中です🥺

今日も画面設計を進めて、これで合っているのかは自信がないですが、
一応UI flowsとワイヤーフレームは完成しました!
今日はあまり集中できなかったのもあってかなり時間かけてしまいました😂
が、なんとか、WBSシートの提出も終えて、テーブル定義書の作成に手をつけているところです👀

WBSシートを作ってみて、デプロイやテストの時間を考えると本当に時間がないなと実感して絶賛焦ってます🥹最近集中力が続かなくなってきているので、外に出る機会増やそうかな、、

UI flows

抜けているところある+多分全部実装できないと思っていますが、
初めて作ったUI flowsはこんな感じ、、🔰(なんか恥ずかしいから小さく載せときます笑)

ワイヤーフレーム

ワイヤーフレームも一部ですが、載せておこう🔰

どちらも
https://www.drawio.com/
を使って描きました🙇🏻‍♀️

サイトで他の方のポートフォリオを見ていると、
ER図とワイヤーフレームが合体したような感じで、一つの画面遷移図として載ってるのが多かったです!

画面のレイアウト作成はWebデザイナーが担当することが多いフェーズなのと、今回は時間もかなり限られてるのであくまでも機能優先で進めるために、詳細なデザインは後で決めることにして、大まかなイメージをワイヤーフレームで書きました!

ワイヤーフレームを書く際には、色や画像など、デザインについてはその時点で考えなくてOKらしいです🙆🏻‍♀️ユーザが直感的に操作できるか、使いやすい配置・表示になっているかを考慮して作成するのがポイント!

使えるに越したことはないので、次回は私もfigmaを使ってみたいです!
https://www.figma.com/ja/downloads/

さいごに

まだ実装に入れていないので短いですが、今日はここまで!!
明日も頑張りましょ〜〜🏋🏻

Discussion

AirichanAirichan

さやか姉さん!多分ER図で載せてる図、UI flowではないか?!
ER図はDB設計だ!(^^)/

sayasaya

見た目似てるから間違えてた笑ありがとう直したー!🥺