モバイルファーストのウェブデザインは、デスクトップで閲覧する際に重大なユーザビリティ上の問題を引き起こす。長いスクロールページにコンテンツが過度に分散され、余白が広がり、画像やフォントが拡大されるため、ユーザーが情報を把握し、理解することが難しくなるのである。 The Negative Impact of Mobile-First Web Design on Desktop by Kim Salazar, Tim Neusesser and Nishi Chitale on October 13, 2023 日本語版2024年2月6日公開 最近のウェブサイトの多くは、モバイルファーストなアプローチでデザインされている。こうしたページをデスクトップデバイスで表示すると、コンテンツが過度に大きく引き伸ばされて見えることがある。画面を覆い尽くすような画像、肥大化したテキスト、過剰な余白のせいで、

www.smashingmagazine.com あまりに複雑で機能重視のプロダクトは、ユーザーが必要とするものを提供できないかもしれません。デザイナーがユーザーの生活におけるプロダクトの痕跡を最小限に抑えることで、デジタルプロダクトにより良い実際の使い方を提供することができます。それでは、よりシンプルなプロセスで簡単なソリューションを実際にもたらす、注目すべきプロダクトやサービスのレビューに飛び込みましょう。 毎朝、デザイナーは目を覚ますと、デジタルであれ物理的なものであれ、人々が自分たちのプロダクトを使いたいと思い、そうすることが楽しくてたまらないという内なる信念を持って、嬉々としてプロダクトに取り組んでいます。 しかし、デザイナーである私たちは、自分の手がけるプロジェクトが最高のものになるように、革新的なものになるように、そして最も重要なこととして、違いを生み出すことができるようにと

ChatGPTやStable Diffusionなどの生成AIが急速に発展し、社会全体が大きく変化しようとしている。 UXデザインのプロセスや、UX自体のあり方も当然革新されていく。 今回はそうした生成AIによってUXがどう変化していくかを、具体的なメソッドや未来洞察といった具体・抽象を行き来しなが…

これは空から降ってきたテスラと筆者の90日におよぶUX体験レポートテスラの体験はもはや自動車ではなく、スマートデバイスミニマルな構成。それでもソフトウェアによる安心感があり、これの上にハードが成り立っているただし、まだパーフェクトカーでないテスラ日本の物づくり企業も学べる部分が多くあるシリコンバレーに住んでいるとテスラを見かけない日はない。サンフランシスコ市内だと、至る所に路駐されている。数年前と比べると珍しさも薄くなった。 そんな状況を象徴するかのように、テスラ社の時価総額もどんどん上昇し、アメリカの自動車会社の中では1位、世界規模でもVWを抜きTOYOTAに次ぐ2位になっている。(*2020年7月で1位に！) そして、決算を見てみると、黒字を計上するまでに成長しているのがわかる。 そんなこともあり、以前よりテスラの何がすごいかが気になっていた。 普段はマニュアルの2人乗りスポーツカーに

モバイルはこれからの時代に欠かせないもの いま我々を取り巻く環境は、劇的に変化している。例えば商品を購入するためには店頭へと足を運び、そこから商品を選択。レジへと並んでお金で支払い、その後商品を家まで持ち帰る。これが当たり前の行動だった。 そういったことが、新しいデジタルサービスの登場で大きく変わった。スマートフォン、スマートウォッチ、AIスピーカーなどの登場で、これからの時代は生活者の周りにサービスが取り囲み、サービスのほうが生活者に寄り添っている形となっている。つまり生活者を中心に、サービスが再構築されている。 そういった環境において、「モバイルはこれからの時代に欠かせないもの」となっている。しかしこの言葉は、昔と今とでは、だいぶ意味合いが変化しているという。以前は、店舗、ウェブ、モバイルのチャンネルが各々存在しており、モバイルも見過ごすことができない、だからそれぞれ有効に使っていく必

Transcript Improving UX of Data by Design and Communication σβΠϯͱίϛϡχέʔγϣϯͰ վળ͢ΔσʔλͷUX THE STUDY BY THE GULD ࣗݾ঺հ GO ANDO THE GUILD / UXɾUI Designer 1. SIer ͰΩϟϦΞελʔτ ɾ େن໛։ൃͰσεϚʔνΛଟ਺ܦݧ ɾ ւ֎ࣄۀ։ൃͰւ֎Ͱ੡඼ൃ۷ 2. ݕࡧΤϯδϯϕϯνϟʔ ૑ۀ ɾ ถࠃελʔτΞοϓͱڞಉ։ൃ 3. ಠཱͯ͠ΞϓϦσϕϩούʔʹ ɾ App Store ೔ຊ૯߹1ҐΛؤுͬͯ֫ಘ 4. THE GUILD ૑ۀ ɾ U-NEXTٕज़ސ໰ब೚ ɾ ͍·͜͜ ɾ IBMʹങऩ͞Εͯऴྃ ���� 6�/&95ͷձһ਺ 2014 2015 2016 2017 (3085) None THE STUDY BY THE G

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

by Mike Mozart 「マクドナルド化(McDonaldization)」とは「消費者にとって最も都合のいい商品を、徹底的に機械化してマニュアル通りに大量に生産する」というマクドナルドが行った経営手法を指す言葉です。マクドナルド化は、企業のユーザーエクスペリエンス(UX)に関する部署まで及んでいると、UXデザイナーのクリス・キースさんは語っています。 The McDonaldization of UX – UX Collective https://uxdesign.cc/the-mcdonaldization-of-ux-705438fea958 「UXデザイナー」として働くキースさんによると、UXデザイナーとは、一昔前まではチームがプロジェクトについてのアプローチの手法を探索する役割で、独自の効率化を見つけ出して実行する業務を担っていたそうです。しかし現代では、ページレイアウト

これまでにモーダルウィンドウのメルマガ登録フォームを見たことがありますか？　世の多数のサイトで使われているので、おそらくあるでしょう。多くのサイトで使用されるにはそれなりの理由がありますが、同時にその使用を再考すべき理由もあります。 モーダルウィンドウによるメルマガ登録はコンバージョン率が高いため、多くのサイトで導入されています。サイトにアクセスするすべてのユーザーがまずモーダルウィンドウの対応をしなければならないためです。この操作をする人数が増えるほど、より多くのメールアドレスを入手できるようになります。 多くのサイトがメール購読者数欲しさに、あまり深く考えずにモーダルウィンドウのメルマガ登録フォームを設置します。しかし、これはすべての購読者に価値あるものではなく、運営側は幻想に惑わされているのです。 コンバージョン率の幻想 多数のメルマガ購読者に誰もが大喜びをするでしょう。しかし、その

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

初めましての方もこんにちは、さだこえ (@sadako_a_ ) と申します。 DeNAに新卒で入社後、現在は株式会社FOLIOのデジタルプロダクトデザイナーとして、オンライン証券のUIデザインに従事しながら、スタートアップのデザイン支援を副業で行っています。 今記事では、主にアプリの機能として欠かせないPush通知に焦点を当て、記事を執筆します。 Push通知とはご存知の通りPush通知とは、アプリやwebサービスで何か変更や更新があった場合にお知らせをする機能です。一般的にこの業界で言われるPush通知は、Apple Push Notificationを指していることが多いと思われます。 その理由の1つとして、AndroidはPush通知に関してユーザーの許可を取る必要が無いからです。（ダウンロードする際にオプトインされるため、許可率は100%になる。） iOSやWeb Browser

注目企業の中の人によるコラム 今回は、OisixのUX改善について、アートディレクターを務める荒金さんに成功事例を紹介いただきます。 お客様の行動心理に基づいた改善で売上が2倍になったという施策の具体的な解説です。 OisixにてサイトのUX向上やブランディングに携わっております、EC事業本部CX室のアートディレクター兼グラフィックデザイナーの荒金知乃です。 今回はUXのデザインで売り上げを伸ばした事例を、問題発見から、解決に至るまでのポイントを交えて紹介いたします。 VIP会員ページのUXデザイン改善から売上を伸ばす Oisixは「子どもに安心して食べさせられる食材」をコンセプトに、有機・特別栽培農産物、添加物を極力使わない加工食品や、プレミアム時短をコンセプトとしたミールキット「KitOisix」などを、インターネットや実店舗で提供しています。 2000年からスタートしたOisixは、

JustinはUsabilityGeekの創始者であり、使いやすい記憶に残るオンライン体験の創出において15年以上もの実績があります。 システムが完全なものになるにつれ、定性的なデータや定量的なデータもまたさまざまな頻度・複雑さでを取得できるようになります。このような状況では、情報の可視化がさらに重要になります。 端的に言うと、情報の可視化（information visualisation）とは、抽象的なデータをユーザーが理解できるように可視化し、さらにデータ間の関係性を理解できるようにすることです。 デザイナーの役割と情報の可視化 デザイナーの役割は、ユーザーにとってわかりやすい方法でデータを表現することです。これには、課題や制約、データを表現するために利用できるスクリーンサイズという制限が伴います。 もしデザイナーがユーザーが理解しやすいデータを作成できないと、ユーザーがデータを利用

UXデザインの定義やあるある、持論等は、Twitterのタイムラインに日々上がってくるのですが、「結局、UXデザインによってどんなアウトプットが出たの？事例は？」となることが多いので、日々の生活で感じた「これってもしかして、UXデザインになりませんか？」を、拙い文章と想像力で書いていきます。 「チームPerfumeによるライブ」=UXデザインのお手本？ 今回取り上げたいのは、「チームPerfumeによるライブ」です。 私は、Perfumeこそ、UXデザイナーの鑑(模範)なのではないかと考えています。 かれこれ50以上のアーティストのライブに足を運び、Perfumeのライブが突出して満足度が高く、何故かを考え、上記の結論に辿り着きました。 Perfumeの3人とスタッフを含む「チームPerfume」は、ライブ中のパフォーマンスだけではなく、ライブ前後を含めた「Perfumeのライブに行く」と

問題意識エンジニアのタイプを分けるとき、大雑把に「サービス志向」と「技術志向」みたいな分け方をすることが、僕の周りではよくあります。 個人的にはこの分け方は必ずしも良いものとは言えないと思います。少しエンジニアのことをサービスと距離のある人種として捉えてるように感じるからです。 技術志向だからってサービスのことを考えてないということではなく、「よりセキュアな技術を採用する」「効率的で安全なデプロイができるフローを構築する」などなど、技術向上を通じてユーザー体験をよくしよう、としているはずです。 ただ、デザインを良くしたり読み込みスピードを早くしたりなど、「目に見える範囲で改善する施策」を考え、実行しなければ、プロデューサー的な人からすれば「何やってんだろうな〜」と、エンジニアはブラックボックス的な人に見えてしまうこともあると思います。 じゃあ他のアプリをいじってみたりして、サービス勘みたい

UX MILK編集長。株式会社メンバーズ LXグループ所属。LX（ラーニングエスペリエンス）にまつわる新規事業立ち上げなどをしています。ゲームとパンクロックが好きです。 Facebook / Twitter。 企画がうまくまとまらない、または伝わらない、なんて経験は過去にありませんか？　「企画を考える」というタスクは数多くある仕事の中でも掴みどころのないもののように感じませんか？ 今回はオンライン学習プラットフォームUdemyの中でも人気の講座から、企画の発想・整理の手法を学んでいきたいと思います。この記事では要点をかいつまんで紹介しますので、詳しく知りたい人は講座の本編を受講してみてください。 企画を「１枚の紙」にまとめてみる 今回取り上げるのは「〜デザイナーの頭の中、大公開〜 企画を「１枚の紙」で、伝えきる」という動画講座です。 トリプレットデザインの大森 剛氏が講師に立ち、企画を考え

中長期のための大きなデザインも大事だけど、そのために日々の改修が犠牲になってはならない（その逆は言語道断）。そんなわけで、しばらくの間は、1〜2日で終わる小さな改修を、コンスタントにnoteチームに提案したいなぁと考えている。 もちろん、「リソースが許せば」だけれども。なぜならpiece of cakeにはまだデザイナーが1人しかいないことだ。そんなわけで、中長期でどういうチームを作るべきかウンウン唸っている。 並行して走るスロットが3-4つ欲しい理想を言えば、デザイン/開発リソースを3つのグループにわけたい。「大局リソース」、「開発リソース」、「カイゼンリソース」の3つだ。これらはそれぞれ独立しているのが望ましい。複数のレイヤーを1人のスタッフが兼任していると、どれかが忙しくなると、他の全てがストップしてしまうからだ。 大局リソース ガイドライン、コンポーネントなど、会社全体にストックさ

UXチームの宮村です。 2015年度はUXデザインの理解・スキル向上のための社内教育を強化し、様々な取り組みを行いました。その中で、講師として気づいた初心者が陥りやすい点などをまじえながら、教育内容についてご紹介したいと思います。 2015年度に行った教育施策は以下の通りです。 新卒向け （社会人未経験） UXチームの若手UXデザイナー向け （20代〜30代前半のディレクター経験者や他業界からの転職者など） 事業部向け （UXチーム以外の、ディレクターや営業など様々な職能のメンバー向け） などなど。 それぞれ複数回、数種類のUXデザイン教育をかなり手厚く行っています。今回は、２〜３月に実施した事業部向けのUX視点強化のための教育施策について紹介します。 トレーニング内容について 今回のUXトレーニングでは、以下の目的・目標を掲げて実施されました。 目的：「あるべき姿」（仮説）を導出し、その