マガジンのカバー画像

UIUX

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

#Webデザイン

あなたのデザイン力を1ランクアップさせる! ユーザビリティチェックリスト #09

あなたのデザイン力を1ランクアップさせる! ユーザビリティチェックリスト #09

こんにちは!i3DESIGN デザインチームです。

季節もすっかり冬になりましたね⛄️
個人的には暑い夏より寒い冬が好きだったりします。

前回の投稿からだいぶ期間が空いてしまいましたが最後のユーザビリティチェックリストのご紹介です。

No.01〜No.50のチェックリストをまとめた記事も今後投稿しますのでぜひチェックしてください。

-----

46.条件は先に提示する誰しも、自分のした作

もっとみる
生成AIをつかったUXデザイン分析の活用方法(ChatGPT-4)

生成AIをつかったUXデザイン分析の活用方法(ChatGPT-4)

おはようございます、株式会社アスタスタのデザイナーとしてUI・UXを担当しているSHIRAI(@shirai_astaster)といいます。

アスタスタはWEBサイト制作・システム開発・企業ブランディングの受託案件から、映像編集に3Dモデリング、自社ARアプリ コエカタの開発など、幅広い業務を行っている会社です。

どの業務でもUXデザインが関わってくるのですが、ChatGPTをはじめとする生成

もっとみる
デザイナーから経営者になるためにやってきた5つのこと

デザイナーから経営者になるためにやってきた5つのこと

「若いデザイナーが起業して失敗した話」というGoodpatch Anywhereデザインマネージャーの大堀さんが書いたnoteを読みました。

筆者も24で独立し、デザイナーから経営者になった身なのでとても共感できることが多く、刺激を受けました。

これに触発され、起業してこれまで経験してきたことを、自分なりの視点で振り返ってみようと思います。

デザイナーから経営者になるためにやってきた5つのこ

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

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

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

0. 情報設計とトン

もっとみる
デザインプロセス紹介!!

デザインプロセス紹介!!

今回は所属しているコミュニティの課題でシュークリームのアイキャッチを作成しました。そこでコミュニティの方から、デザインのプロセスを褒めていただいたので、これを機に私が普段どのような工程でデザインしているのかをざっくり説明しようと思います!よろしくお願いしまーす。(ビジュアル力はまだまだで修行中の身です!笑)

要件

色=しっかりした黄色と白

テキスト=いつもできたて、作りたて(これをちょっとだ

もっとみる
UI/UXデザインツールが提案するデザイナーの働き方【座学会】-社内勉強会-

UI/UXデザインツールが提案するデザイナーの働き方【座学会】-社内勉強会-

はじめにこんにちは。Communication Design Group マネージャーの佐藤です。
日々業務に打ち込む中で、スキルや知識のアップデートを行うのはとても大切ですよね!BASEでは、デザインチームが「BDI(BASE Design Inspiration)」という社内向けの勉強会を開催していて、デザインに関する知見を共有しています。

今回は、2022年8月9日[火]に開催されたBDI

もっとみる
【BONO】はじめてのUIデザイン - 連絡先一覧のUIデザインを作ってみた

【BONO】はじめてのUIデザイン - 連絡先一覧のUIデザインを作ってみた

こんにちは、ぼのです。
前回の投稿から時間が経ってしまいましたが、今UI/UXデザイナーとして転職するために勉強を進めています。
今回は、カイクンさんが運営している、BONOのお題「連絡先一覧のUIをデザインしよう」に挑戦しました。BONOに出会った時、自分の学生時代からのあだ名と名前が同じなので、運命かと思いました😂

こちらがその動画です。
コミュニティーに入っていない人でも一部の動画を無料

もっとみる
アイコン付きボタンについて掘り下げてみた

アイコン付きボタンについて掘り下げてみた

はじめにこんにちは!i3DESIGNデザイナーチームです。
今回は、UIデザインに不可欠なパーツ、”アイコン付きボタン”についての話です。

「次へ」「確認へ進む」「登録」「削除」など、UIには本当にたくさんのボタンが必要ですよね。
特に、アイコンを入れるとなったら、どっち側に入れる? 毎回矢印アイコンって必要? など検討すべきことも多く、結局なんとなくの感覚で作ってしまうこともしばしばではないで

もっとみる
UI/UXデザインにおける情報設計の本読んで要約してみた その②

UI/UXデザインにおける情報設計の本読んで要約してみた その②

こんにちは、UIデザイナーのゴロ丸です。
前回、いいねしていただきありがとうございます。。。
励みになりまして、続きを遅れながら投稿させていただきやす🤲
前回は、ユーザーがどのように情報を探すのかについてでした。気になる方は以下からお読みください!🌈

https://note.com/bibimuu12/n/na6859ca09e4c

今回は、ユーザーの情報探しをどのようにサポートできるか

もっとみる
あなたのデザイン力を1ランクアップさせる! ユーザビリティチェックリスト #01

あなたのデザイン力を1ランクアップさせる! ユーザビリティチェックリスト #01

こんにちは!i3DESIGN デザインチームです。

私たちが様々なクライアントのプロダクト・サービスの改善を行っていく中で得た、ユーザビリティを改善するためのヒントをシェアしていきたいと思います。

「ユーザビリティチェックリスト」ということで、所謂「BAD UX」を引き起こすUIデザインの「あるある」を取り上げ、改善案とセットでまとめています。

まずは第一弾として10個のチェックリストをご紹

もっとみる
オブジェクト指向でUIデザインしてみた #1 /社員名簿アプリケーション

オブジェクト指向でUIデザインしてみた #1 /社員名簿アプリケーション

UI/UX必読書のワークをやっていきます下記書籍の4章から始まるワークをやりながら記事にしてみようと思います。

お題:社員名簿アプリケーション・野坂さんの所属チームを確認する
・社員を新規登録する
・西村さんをファイナンスチームに追加する
などの機能を持ったアプリを設計していきます。(本当はもっと多くの条件が記載されていますが著作権などを考慮して全ては載せていません)

アウトプット 1回目まず

もっとみる
ボタン - UIデザインチェックリスト

ボタン - UIデザインチェックリスト

こんにちは。デザイン×エンジニアリング×ディレクションをベースに「新しい価値観」を創造するクリエイティブ集団、crage(くらげ)株式会社のデザインチームのナンシーです。
crage社内には、デザインを作りながら確認するためのUIデザインチェックリストが存在します。
各案件によって柔軟に対応するため、いつでもこのリストを正しいとはせず、あくまで指針として用意しています。
今回は、「ボタン」のチェッ

もっとみる
ウェブアクセシビリティを無料で学べる資料まとめ(10年分)

ウェブアクセシビリティを無料で学べる資料まとめ(10年分)

こんにちは。伊原 力也(@magi1125)と申します。業務アプリケーションのデザイナー、デザインチームのマネージャー、アクセシビリティ関連のコンサルタントなどをやっています。

ウェブアクセシビリティを普及啓発する活動を始めて10年が経ちました。おかげさまで興味を持ってくれる人はかなり増えたと感じています。しかし、人が増えると声は届きにくくなります。「アクセシビリティをどこから学び始めていいかわ

もっとみる