継続は力なり Daily UI お題の業種シートを用意してデザインの幅を広げよう！

デザイン力の向上とUIUXの習得のため本日からDaily UIを始めました。

継続と向上のために以下のルールを設定しました。

• Figmaで制作
• 制作時間は5時間以内（これでも長いです）
• コンポーネントで表現できるところはプロトタイプで実現する

Daily UIとは？

100日間平日にUIに関するお題が1日1回が届きそのお題に関するUIデザインを作成するというものです。

作成したUIデザインはSNSで「#DailyUI」のハッシュタグをつけて投稿するようなのですが、私は趣味アカウントしかないので、今回はブログでまとめていきます。

継続と向上のポイント

Daily UIを継続的に続けるにはできる限り短時間でお題を完成させる必要があります。

お題に関する業種シートを作成

例で「Landing Page」というようなLPデザイン作成のお題が届いた際、どの業種なのかを明確にすることで幅広い観点からデザインやユーザービリティに関する情報収集ができるので、そのための業種シートを作成しました。

チェックボックスをクリックすると、「今日のお題」「ECのお題」の項目に業種がランダムで表示されるようになっています。
業種にはWebデザインのギャラリーサイト「SANKOU」さんをご参考にさせていただきました。

[blogcard url=”https://sankoudesign.com/”]

業種シートの使用方法について

業種シートのURLを貼っておりますので、そちらからスプレッドシートを、ご自身のGoogleアカウントのスプレッドシートにコピーしてご利用ください。

[blogcard url=”https://docs.google.com/spreadsheets/d/1gW_bG5kPPiM851vY7SbMuhMgZLxv7i3J6IZE0VZEXgU/edit”]

※ 注. 課題の進行で注意したいこと

4月の法改正で今後のWebサイトには「ウェブアクセシビリティ」の導入が必須となり、障害者の方が不自由なく操作できるWebサイトが求められるようになりました。事例として、

• 「詳細はこちら」❌　→　「〇〇に関する詳細はこちら」⭕️
• 「日　時」❌　→　「日時」⭕️
• スライドショーまたはサイト内アニメーションの「停止ボタン」

デザインの見た目にこだわりすぎずユーザー観点での施策や操作性も意識して課題に取り組むようにしましょう！

[blogcard url=”https://www.digital.go.jp/resources/introduction-to-web-accessibility-guidebook”]

まとめ

• 継続のための時間管理を意識
• お題に関する業種をランダムに選択することで幅広く浅くデザインを学習
• 見た目にこだわりすぎず、ユーザービリティやアクセシビリティに考慮したデザインを作る

明日からデザインを始めていきますが、初めての挑戦でどのくらい時間がかかるのかまだわからないため次回からの「Daily UI」の制作まとめ記事をぜひご覧いただければと思います！！

最後までご覧いただきありがとうございました。
スプレッドシートぜひご活用してください！