UI/UXデザイナーが教えるデザインの基本濱野将氏：それでは、僕からは「ビジネスを実現する『デザイン』の基本」をお話しさせていただきます。よろしくお願いします。 今日のアジェンダはこんな感じです。「デザインの必要性」「デザイナーだけがデザインする時代はもう古い」「UI/UXについて」。今回はAIがテーマなので「AIを使ったプロジェクトの進め方」も少し紹介させていただきたいなと思っております。 簡単に自己紹介をさせてください。株式会社IMAKE代表の濱野と申します。職業はUI/UXデザイナーで、講師もさせていただいております。「IMAGE×MAKE. 想像を創造する」をテーマに、IMAGEとMAKEを掛け合わせた「IMAKE」という造語がそのまま会社名になっております。 やっていることとしては、デザインの制作事業やデザイナーの教育事業。あとは生まれが宮城県の女川町というところなんですが、そこ

UX Designチームのasakomです。今回はデザイナーの役割定義の活動の一つとして作成した、”Design Skill Map”についてお話しします。 このSkill Mapは、メルカリUX Designチームで求めるデザイナーの専門スキルを整理したものです。以前紹介したDesign Ladderは、メルカリの行動指針に基づいて作成した、デザイナーに求める態度やマインドセット。今回は専門職としてのデザイナーに必要な技術や知識をSkill Mapとしてまとめました。 UXデザイナーの役割定義や、個人の目標設定、採用の基準作りなど、チームの運用に関わる人や、メルカリのUXデザインチームが求める人材に興味のある方に、ぜひ読んでいただきたいです なぜSkill Mapを作ったかUXデザインチームの役割定義は、チームのミッション達成のために存在します。私たちのチームのミッションは、”メルカリの

2022年7月15日 クリーク･アンド･リバー社でのUXデザイン基礎セミナー第1回 「『UXデザインとは』からはじめる『本流』のUXデザインはじめの一歩」のスライドです。 UXデザインとは何をすることか、その中心は「ユーザーに会うこと」だというお話をしています。

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第15弾は、ユーザビリティ・フォーム・ミニマルにデザインする弊害に関するデザインのテクニックです。 UI & UX Micro-Tips: Volume Fifteen. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ページ内リンクを効果的に用意する 2. ボタンのラベルは一貫性を保つ 3. 長いフォームは冗長な作業を最小限に抑える 4. 長いフォームは常にラベルを上部に配置する 5. 不要なテキストでフォームのUIを乱雑にしない 6. 特定のUI要素でミニマムな外観を避ける はじめに 次のプロジェクト

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 今回は特別編として、8ビットのドットUIに関するデザインのテクニックです。 UI & UX Micro-Tips: 8-Bit Edition by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 次のプロジェクトのために効率的で美しいUIを作成するとき、デザインをすばやく改善するためにわずかな調整で済むことがあります。 UIのデザインにちょっとした一手間を加えるだけで、クライアント、ユーザー、そしてあなた自身が本当に満足できるものを作ることができるかもしれません。 今回のテーマは、8ビットのドットUIです。前回まで

こんにちは、クリエイティブ課　木村圭です。 クリエイティブ課は、ラクスグループ内で提供しているサービスに関するWebサイトやパンフレットなどのデザイン業務を担っています。 現在、マネージャー職をしていますが、前職までUI/UXデザイナーをしておりました。 僕自身が、これまで学習した書籍や最新の関連書籍を含め、ご紹介します。 これから、UI/UXデザイナーを目指したい方やデザインにご興味のある方なども含め、ご参考になればと思います。 最初に読んでほしいUI/UX書籍はこれだ! ノンデザイナーでもわかる UX+理論で作るWebデザイン UI/UXデザインの原則 UIデザイン　みんなで考え、カイゼンする。 SF映画で学ぶインタフェースデザイン アイデアと想像力を鍛え上げるための141のレッスン ほんとに使える「ユーザビリティ」 -より良いデザインへのシンプルなアプローチ UI GRAPHICS

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第11弾は角丸やアイコンなどのUI要素、ダークテーマにおける読みやすさに関するデザインのテクニックです。 UI & UX Micro-Tips: Volume Eleven. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ダークテーマのテキストはコントラストを下げる 2. アイコンをわかりやすくするためにラベルを付ける 3. 角丸を補完的に使用する 4. ダークテーマで要素の奥行きを正しく伝える 5. Atkinson書体でコンテンツをよりアクセシブルに 6. メッセージは短く、要点を絞る はじめに 次

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 本記事は、ShakuroのRita Kind-Envy氏による「UI/UX Design Trends Of 2022 You Need To Catch Up To」（2021年11月15日公開）の和訳を、著者の許可を得て掲載しているものです。 【2022年】注目すべきUI/UXデザイントレンド はじめに 2021年は2020年よりも良い年でしたか？UI/UXデザインに限って言えば、そうです。新しい素晴らしいウェブサイトやアプリが生まれ、グラフィックデザイナー向けの新しいソフトウェアがリリースされ、創造性が泉のように湧き出ているようで

こんにちは、技術広報のyayawowoです。 突然ですが、デザイナーの皆さんはデザインの知識をどのように学ばれていますでしょうか？ スクール（大学、専門など） 会社、仕事 WEB、オンライン（Udemyなど） など、様々あるかと思います。 とはいえ、日々変わりゆくデザインのトレンドをキャッチアップしていくのは時間と労力が必要ですよね。 そんな方に必見！ 弊社にて定期的に開催している、デザイナーによるデザイナーの為のデザインLT大会・・・ 「UI/UXデザイナーLT会」にて発表されたデザインTipsをまとめましたので、ご紹介させていただきます！ 記念すべき第一回目のまとめ記事は以下をご確認ください！ ・【UI/UXデザイナーLT会】を開催しました【登壇者15名御礼】 - RAKUS Developers Blog | ラクス エンジニアブログ 目次 目次 デザイナーとなっておもったこと UI

挨拶内海「どうもお願いします。ありがとうございます。今、NFTアートをいただきましたけどもね。ありがとうございます。こんなんなんぼあってもいいですからね」 駒場「いきなりなんですけどね、うちのおかんがね、好きなIT用語があるらしいんやけど」 内海「そうなんや」 駒場「その名前を忘れたらしいねん」 内海「IT用語の名前忘れてまうってどうなってんねん。あれやろ、IT用語ゆうたらどうせ、デザイン思考か、アジャイル開発か、リーンスタートアップやろ！」 駒場「俺もそう思ったんやけどちゃうらしくてな、いろいろ聞くんやけど、全然わからへんねん」 内海「そうなん？」 駒場「うん」 内海「ほんだら俺がね、おかんの好きなIT用語、一緒に考えてあげるから、どんな特徴言うてたかとか教えてみてよ」 定義駒場「おかんが言うには、製品やサービスとの関わりを通じて利用者が得る体験及びその印象の総体やって言うてた」 内海「

Instead of hiding it in the usual Google Doc, from now on it will live here on Medium and will be updated every time I find another little gem. So make sure to subscribe! By the way, this is not about quantity but quality. This list is from my personal point of view and everyday work life and not scientific research by the way. However, feel free to add a comment if you know of a page worth adding

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第8弾は、読みやすく・理解しやすくするためのデザインのテクニックです。 UI & UX Micro-Tips: Volume Eight. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. メッセージは正しい順序で構成する 2. すべての要素のシャドウは一つの光源を元にする 3. ホワイトスペースでビジュアルヒエラルキーを構築 4. 一行の長さを適切にすることで、読みやすさが向上する 5. 空の状態を工夫することで、ユーザーの初期行動を促す 6. 最適な読みやすさのために、x-heightに基づいてline

noteでの「『あつまれ どうぶつの森』の世界観をつくるUXライティング」をはじめ、UXライティング解説記事が反響を呼ぶ「nao」こと宮崎直人さん。じつはユニコーンの仲間入りを果たしたテック企業「Paidy」で働くUXライター・コピーライターだ。彼が考える、UXライティングとは？そして、その鍛え方とは？ 【前編】noteの「あつ森」UXライティング解説が大反響！ naoさんに聞く、UXライティング力の鍛え方 【後編】「あと払い」をリードするテック企業「Paidy」が、UXライターを採用。宮崎直人が広げる言葉の可能性 コピーライティングとUXライティングの違いとは？ もともと宮崎さんはコピーライターとしてキャリアを積み、現在は、Paidy（ペイディ）にてUXライティングにも実務で関わっていると伺いました。そもそも「コピーライティング」と「UXライティング」の違いとは？ ここは私のなかでは明確

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第5弾は、ユーザーエクスペリンスやインタラクションに関するテクニックです。 UI & UX Micro-Tips: Volume Five. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. フォントサイズやグリッドは時にはルールを曲げてもよい 2. エラーメッセージは親切で分かりやすいものにする 3. ロード中は何が起きているのか分かるようにする 4. アクションを実行した際に何が起きるのか分かるようにする 5. タブバーには重要なアイテムだけを表示する 6. ドロップダウンに重要なアクションを隠さない

はじめに 2021年、Goodpatchには8人の新卒が入社しました。 今年もGoodpatchでは4月から6月までの3ヶ月間で新卒研修を行っています。昨年は新卒の職種ごとに分け研修を行っていましたが、今年は全職種を対象としてUXデザインやUIデザイン、さらには営業の研修を行っています。 今回の記事では、UXデザイン研修がどのような目的で行われていて、どのような内容を学ぶことができるのかをご紹介します。 研修の目当て Goodpatchの新卒向けUXデザイン研修では以下を目当てとしています。 GoodpatchのUXデザイナーとして必要なマインドセットを理解すること Goodpatchに所属している先輩UXデザイナーを知ってもらうこと UXデザインに活用できるたくさんの手法を理解することも重要ではあるのですが、Goodpatchの研修では手法を伝えることよりも、まずはその土台となる Goo

こんにちは、@versionfive です。 SmartHRのプロダクトデザイングループにUXデザイナーとして転職して、10ヶ月ほど経ちました。 昨年年末で入社8ヶ月くらいだったのですが（すでに2ヶ月以上経過…）、自分がどんな仕事してきたか振り返ったほうがいいかなー、とぼんやり考えるようになっていました。 UXデザイナーとして入社後に設定したテーマ（やること）は、常に自分の中にありますが、「SmartHRのUXデザイナーは具体的に何する人なのか」の発信はできていなかったからです。 “ 私のつなぐ・そろえるミッションとして、以下を目標にしたデザインの共通言語をつくっていきます。 ・プロダクトと広告/販促制作物などとの体験の整合をとること ・プロダクト内の体験をそろえ、生産性をあげること ” ということで、入社後の8ヶ月間でやったことを振り返って、 「UXデザイナーと肩書きがついているプロダク

こんにちは！のだかつきです。今日は、サービスの分析記事です。今大流行しているClubhouseを分析してみました！ Clubhouseとは、ありそうでなかったコミュニティサービスClubhouseは、公式の定義によると Clubhouse is a new type of social network based on voice—where people around the world come together to talk, listen and learn from each other in real-time. Clubhouseは、音声中心のあたらしい形のSNSです。Clubhouseでは、世界中の人が集い、リアルタイムで「話し」「聴き」「学び合う」プラットフォームです。（やや意訳）とのことです。Clubhouseは、ドロップインオーディオチャット（drop-in aud

UXライティングとは何か UXライティングとは、ユーザーがデジタルサービスを操作する際に必要となるテキストを書く技術です。例えば、登録時のスタートガイド、利用の流れコンテンツ、タイトル、ボタン、画面上の説明文、エラーメッセージ、通知などの言葉がUXライティングの手法に則って書かれます。サービスの中にある言葉に対して「意味が通じればいい」という思想で書くのではなく、「ユーザーがサービスを通じて体験する一連の経験を設計する」という思想で書くのがUXライティングです。 UXライティングに求められる技術とは UXライティングには、分かりやすく書く技術と、人間らしく書く技術が必要です。この二つの技術が同居することによって、ユーザーの体験を支援することができます。 分かりやすく書く技術 UXライティングの手法に則ってテキストを書く際に求められるのは、「ユーザーの気持ちに沿った文章を書く」という抽象的な

スケール、視覚的な階層、バランス、コントラスト、ゲシュタルトの原則を正しく適用すれば、美しいデザインを生み出せるだけでなく、ユーザビリティも向上させられる。 5 Principles of Visual Design in UX by Kelley Gordon on March 1, 2020 日本語版2020年12月17日公開 ビジュアルを見たとき、我々はそれが魅力的か不愉快かを、通常、すぐに判断できる（なぜならば、こうした判断は、Don Normanのエモーショナルデザインのモデルでいうところの、本能レベルで展開されることが多いからだ）。しかしながら、レイアウトが視覚的に魅力的である理由を言語化できる人はほとんどいない。だが、優れたビジュアルデザインの原則をグラフィックに活かすことで、エンゲージメントを促進し、ユーザビリティを向上させることは可能である。 ビジュアルデザインの原則は、

デザインに魔法の公式はありません でも、道しるべが欲しいなら──このガイドから始めてみませんか？ 『The Guide To Design』デザインガイドは、無料で読める“独学のためのUXガイド”です。 UXデザインの世界に足を踏み入れたいと思ったとき、何から始めればいいのか。迷ったあなたの背中をそっと押す、そんな一冊です。 無料で学べる。しかも、自分のペースで インターネットには、優れた学びのコンテンツがたくさんあります。 ちょっとした手間と好奇心があれば、高額な大学の授業やブートキャンプに投資しなくても、UXという仕事の基本にふれることができます。 このガイドは、その道案内です。 「UX業界には、もっと多様なタイプのデザイナーが必要だ」──そんな想いからまとめました。 （詳しくはこちら：The Guide To Designをまとめた理由） これはブートキャンプではありません このガイ