マガジンのカバー画像

direction

11
運営しているクリエイター

#Webデザイン

Webサイトのワイヤーフレームの作り方 ― FigmaやXDを開く前の3ステップ

Webサイトのワイヤーフレームの作り方 ― FigmaやXDを開く前の3ステップ

先日1500ページくらいのやや大きめなコーポレートサイトのワイヤーフレームをディレクター、デザイナー、テクニカル担当、アシスタントという職能や経験もバラバラのチームで共同作成しました。みなが足並みを揃えて進めていけるようにワイヤーフレームの作り方を要素分解して、共通理解を持って作業をできるようにしました。どのような手順や考え方で進めていったのかをnoteにも記しておきます。

0. 情報設計とトン

もっとみる
ヘッダにあるブランドロゴの代替テキスト、みなさんならどうする?

ヘッダにあるブランドロゴの代替テキスト、みなさんならどうする?

サイトやアプリのヘッダーに存在するブランドロゴ。それはトップページ(サイトホーム)にリンクすることが慣例になっている。その場合、ブランドロゴの代替テキストは何にしたらよいのか。A11yj Slackで有識者に質問をして、とても学びのある楽しい議論が展開できたので、自分なりの解釈を踏まえつつ今回はそれをまとめた。

きっかけと疑問@potato4dさんのこの疑問。結論から言うと、このツイートへの返信

もっとみる