デザイン超初心者が「XD」使ってUIデザインしてみた件

金沢工業大学のみなさん、そうでないみなさん、こんにちは

僕です。

今回は、抱えているプロジェクトでデザインを担当しましたので初心者ながら奮闘した話でもしようかなと思います。

超急ぎ足で書いたんで少し煩雑な文章になっていますが愛嬌ということで勘弁してくださいね⭐️

XDとは

みんな大好き、Photoshopでおなじみのadobe様が出しているUI/UXデザインソフトです。

気になる人はクリスマスプレゼントで買ってもらおう！

まず、僕がデザインするにあたって最初に考えたことはこれでした。

ひとえにデザインといってもいろんな意味がありますよね。。。

非常に難しい。

今回、この記事であげているデザインが指す意味は ユーザーインターフェース や ユーザーエクスペリエンス です。

UIやUXといわれるものです。

では、このUIやUXが何を考えて作っていくものなのかを記していきます。

前章であげられたUIやUXという言葉はユーザーから見た画面やユーザーがそのアプリケーションやWEBサイトを通し体験することを指しています。

って、おもった。しかし、

ユーザーから見たアプリケーションとかWEBサイトってそれぞれに目的や見たい情報、体験したいことが違うしその辺りどうやって設計したらいいんだろ？

という疑問が出てきました。

この疑問に対しての解としては、情報設計やターゲット、ペルソナ設定など挙げればきりがなく今回の記事の趣旨からは少し深掘りしすぎかなと思うのでまたの機会にします。

この章の「ユーザーからみた良いデザイン」ってどんなの？っていう回答としてあげられるのは

なのかなと思っています。めっちゃ漠然としているし本当はもっといろいろな関連する項目があるのでデザイナーの人ってすげえ

今回のタイトルの話が早くしたいので削りに削ってます。
デザインの勉強したい人は自分で調べてみてね！

入り口の画面！

それぞれのデバイスごとに画面選べるのわかりやすくてめっちゃ良いなって思いました。

同社製品のPhotoshopやillustratorなどに比べてシンプルでわかりやすいなって初心者ながら思いました。

まぁ、まともに他の製品使えないのですが、、、

それでもずば抜けてXD自体の操作性はわかりやすいです

わかりやすいということは、考えを形にしやすいということにつながります。

そもそも、XDを使う前はkeynoteでデザインを起こしていたので操作性としてはとても向上しかつ、わかりやすくデザインすることが可能になりました。

わかりやすさの理由としてあげられるのはXD自体のシンプルさが一つに理由かなと使いながら感じました。

また、そのわかりやすさをエンジニアにそのまま伝えることができるという点もとても大きい魅力ですね。

今回のプロジェクトはこのデザイナーエンジニア間のデザインの受け渡しを僕がヘマしてしましあまりスムーズに行かなかったのは反省点であり、皆さんにも気をつけていただきたい点です。

当たり前やんかって思われる方多数だと思いますが自戒も含めこれから気をつけたいことを記させてください😭

この3つ以外にも、たくさんエンジニアには迷惑をかけていますが特にこの３つはひどかったと思います。

みなさんがいきなりデザインしなきゃいけないってなった時に少しでも役に立てばと思います。

おわり