Interaction Design Foundationはグローバルにデザインレベルの向上を目指す、デンマーク発の非営利団体です。 「デザイラビリティ（Desirability）とユーザビリティ（Usability）の違いとは何か」という質問はUXデザインの分野でよく見受けられるため、区別できることは重要です。 なぜなら、ユーザビリティはUXの基本であり、ユーザビリティ（使いやすさ）がなければ、価値のあるUXを作り出すことが難しいからです。一方で、デザイラビリティ（望ましさ，好ましさ）がなければ、ユーザーの心にいつまでも残ることはほとんどありません。記憶に残り、誰かにオススメできるUXではなくなってしまう可能性があります。 ニールセンノーマングループが2008年アムステルダムで定義した、UXの４つのシンプルな段階があります。 ユーティリティ ユーザビリティ デザイラビリティ ブランド体験

個人開発スタジオTernoxは6月13日、『STONKS-9800』を7月17日よりSteamにて早期アクセス配信開始すると発表した。ゲーム内は日本語に対応する。2024年の正式リリース時にはPS4/PS5/Xbox One/Xbox Series X|S/Nintendo Switch向けへの展開もする予定だという。 『STONKS-9800』は、1980年代の日本を舞台とした株式生活シミュレーションゲームだ。本作ではプレイヤーは、“サラリーマン・ブローカー”だ。日々資産運用をしているという。株を買い、日夜株価をチェック。配当金を獲得しながら、日本で富を築き上げるのだ。 本作では、株の売買が鍵を握る。いくばくかの資金を元手に、株を買おう。Epix、SMK、Fushitsu、Komamiなどどこかで見たことがあるような企業の株を買い付ける。時間は自動的に過ぎていくので、株を買ったら日々変動

モバイルのナビゲーションは発見やアクセスが容易で、スペースを取らないものである必要がある。ナビゲーションを表示することと、表示せずにハンバーガーメニューの中に入れることには、それぞれ一長一短があるので、モバイルのナビゲーションでジレンマに陥ったときの好ましいソリューションはサイトのタイプによって異なってくる。 Basic Patterns for Mobile Navigation: A Primer by Raluca Budiu on November 15, 2015 日本語版2016年1月14日公開 ナビゲーションが検索の補完になるのは以下の理由からである： ユーザー自身が何を検索したらよいのかがわかってない場合もあり、検索領域の区分けがどうなっているかの見当をつける手助けが必要なことがあるから。 適切な検索キーワードを考えだし、それを入力するには、ナビゲーションリンクを再認して、

最初のiPhoneから15年が経ち、モバイルのユーザーエクスペリエンスの質は安定してきた。モバイル標準もできてきた一方、モバイルWebとネイティブアプリの区別はあいまいになりつつある。 The State of Mobile User Experience by Raluca Budiu on January 1, 2023 日本語版2023年6月9日公開 最初のiPhoneが発売されたのは2007年6月だった。2008年の終わりに、我々がモバイルレポートの初版のための調査を開始したときには、ユーザーの持つモバイルデバイスはまだ原始的なもので、ユーザーエクスペリエンスもひどいものが大半だった。当時は、ほとんどのモバイルデバイスやモバイルサイトが引き起こす悲惨な状況に比べれば、それなりにまともなエクスペリエンスというだけで好ましいものとされていたのである。 5年前、モバイルレポートの第4版を

react-share を LINE に対応させるプルリクエストを作成する際に SVG アイコンを用意する必要があり、いろいろと慣れない作業をしました。 SVG をエディタで開いて手作業で編集する機会はなかなかないと思うので、半分作業メモのような形で記録を残しておきます。 react-share のアイコンについて react-share は Facebook や Twitter などのソーシャルシェアボタンの React コンポーネントライブラリです。 LINE には対応していなかったので、対応させるプルリクエストを送りました。 react-share ではアイコンに SVG を使っています。 色付きの正方形 rect または円 circle の上に、白色の塗りつぶしパス path を描写することでアイコンを形成しています。 LINE のアイコンを用意するときに悩んだのは、path 要素

最近のウェブサイト制作では、アニメーションがますます重要になってきています。 この記事は、Lottieの使い方をまとめた基本ガイドです。Lottieの魅力はもちろん、After EffectsへのAiファイルの読み込みやアニメーション作成、プラグインを利用したJSONファイルの書き出し、Webサイトでのアニメーション表示まで一連の流れをまとめています。 Lottieを利用すれば、手軽にそして軽量に動画を貼り付けることができるので、これまでアニメーションを試したことのないひとにもオススメです。 コンテンツ目次 1. Lottie（ロッティー）って何？ 2. Lottieを利用するメリットは？ 3. Lottieアニメーション作成手順ガイド 4. After EffectsへのAiファイルの読み込み 5. After Effectsでアニメーション作成 6. Lottie JSONファイルでア

最近のウェブサイト制作では、アニメーションがますます重要になってきています。 この記事は、Lottieの使い方をまとめた基本ガイドです。Lottieの魅力はもちろん、After EffectsへのAiファイルの読み込みやアニメーション作成、プラグインを利用したJSONファイルの書き出し、Webサイトでのアニメーション表示まで一連の流れをまとめています。 Lottieを利用すれば、手軽にそして軽量に動画を貼り付けることができるので、これまでアニメーションを試したことのないひとにもオススメです。 コンテンツ目次 1. Lottie（ロッティー）って何？ 2. Lottieを利用するメリットは？ 3. Lottieアニメーション作成手順ガイド 4. After EffectsへのAiファイルの読み込み 5. After Effectsでアニメーション作成 6. Lottie JSONファイルでア

本当に実践的なデザインドキュメントの書き方 第3回：必ず書ける、簡易ペルソナ | アドビUX道場 #UXDojo 連載 本当に実践的なデザインドキュメントの書き方 この連載は、現在のWeb制作における分業体制を前提に、情報設計に関わる『デザインドキュメント』をきちんと制作することで、受託側と発注側のミゾを埋める手段を探ります。 前回は、3種類のデザインドキュメントを取り上げて、ユーザーのニーズを取りまとめる工程で、それぞれがミゾを埋めるためにどう役立つかをご紹介しました。今回は、最初につくるデザインドキュメント、簡易ペルソナの作成方法をご紹介します。 ペルソナとは？ この記事のテーマは「簡易ペルソナ」ですが、その話の前提となる「ペルソナ」の概要を、まずは理解しておきましょう。 前回書いたとおり、ペルソナは、ユーザーを集団としてではなく個人として捉え、その個人の背景・目的・行動・ゴールを明確

Goodpatch Engineer Meetup Vol.4で発表した資料です。 https://goodpatch.connpass.com/event/77080/

OOUI＝オブジェクト指向UIとは、UI設計の考え方のひとつです。 その目的とするところは「ユーザーにとっての使いやすさ」で、OOUIはプロダクト改善に有効なメソッドといえます。 そんなOOUIの基礎やメリット、設計方法を解説します。 みなさんが関わるプロダクトがOOUIで設計されているかを考えながら、読み進めてみてください。 OOUIとは？ まずは、「OOUIとは何か？」を理解するために、その意味をはじめ基本的な内容について解説します。 OOUI＝オブジェクト指向UIのこと OOUIとは、Object Oriented User Interfaceの頭文字をとって表した略語で、一般的にはオブジェクト指向UIと呼ばれます。 オブジェクトとは「対象」「目的」あるいは「目当てのもの」を指す言葉です。 例えばみなさんがコンビニでお菓子を買うとき、棚に陳列されているお菓子がオブジェクトです。 ある

Startup CemeteryLearn why +120 startups have shut down and avoid being part of the 90% of businesses that fail.

3. アカウントプランニング論：「深層心理」が、人を動かす。 消費者の心理や行動を理解し、広告開発プロセスに取り込む手法。広告の設計図であるクリエイティブブリーフを発想のジャンプ台に、コミュニケーションをつくるアプローチ。心を動かすツボであるインサイトを重視する。 アカウントプランニングの武器は「インサイト」と「クリエイティブブリーフ」。ここではクリエイティブブリーフに触れましょう。なぜなら、雑誌『宣伝会議』で連載していたとき、もっとも反響が大きかったのがクリエイティブブリーフだったので。90年代〜2000年代にマス広告の基礎を学んだ人（特に外資系）にとっては当たり前のツールですが、若い世代、とくにデジタル系の人には新鮮なのかもしれませんね。戦略を1枚のペーパーに集約し、クリエイターに伝えるもの、いわば広告の設計図がクリエイティブブリーフ。フォーマットはさまざまですが基本的には以下の8つの

「世田谷クロニクル1936-83」は、生活工房が主催するデジタルアーカイブプロジェクト「穴アーカイブ」（2015-）のもとに寄せられた、84巻の8ミリフィルムのデジタル化映像をご覧いただけるウェブサイトです。私たちはなぜ、記録を残そうとするのか。戦時中の人々、復興を遂げた街並み、高度経済成長期の暮らし。15時間の無音のホームムービーは、静かにそう問いかけます。過去を経由することで、あなたの現在地が照らし出される、そんな機会の提供をめざします。

どうもこんにちは！そやです！ ここで一句！ 「ゆっくりと、あるいていこう、師走でも。」 僕のnoteを読んでまったりした時を過ごしてくれ~~という気持ちで今これを書いています！ さて！ 今回のnoteは、事業を考えるフレームワークの話です！ 結論から言うと、「ARRRAモデル」と「マーケットインの思考」の2つができればだいたいOKなのでは？とおもったのでその話です。 だいたいOKは流石にいいすぎかも...視点がせまいかも...ともおもうんですが、いわゆるスタートアップ的なことをやっていくシチュエーションだとかなり汎用性がある気がしています。 ちょこっと免責がてら書いておくと、前提として、物事をうまく生かせる方法は無限通りあります。「顧客にとことん寄り添ったから成功した」という人もいるし、逆に、「顧客は欲しいものを知らないので自分のインサイトを信じたらヒットして成功した」という人もいるわけで

Twitter で医師を拾ってきて Google のソフトウェアエンジニアにするだけの簡単なお仕事 - 白のカピバラの逆極限 S.144-3 はじめに 「【転職エントリ】Googleに入社します｜Lillian｜note」という、医師から未経験で Google のソフトウェアエンジニアになった記事があります。 note.com 私は、この記事に出てくる「とある元 Google のソフトウェアエンジニア」で、面接の対策を立てました。 記事が出た当初から大反響で、私もそれなりの反応を見まして、いろいろと誤解されているなあ、と思う一方、アドバイザーはあくまでもアドバイザーだから、アドバイザーとして知りえた情報については、口をつぐむべきだと思っていました。 ただ、あまりにも誤解されており、悪影響が大きく、犠牲者も多くなってきたと思ったので、… 同僚からこれについてどう思うか、と聞かれた。元の文章が

はじめに 「【転職エントリ】Googleに入社します｜Lillian｜note」という、医師から未経験で Google のソフトウェアエンジニアになった記事があります。 note.com 私は、この記事に出てくる「とある元 Google のソフトウェアエンジニア」で、面接の対策を立てました。 記事が出た当初から大反響で、私もそれなりの反応を見まして、いろいろと誤解されているなあ、と思う一方、アドバイザーはあくまでもアドバイザーだから、アドバイザーとして知りえた情報については、口をつぐむべきだと思っていました。 ただ、あまりにも誤解されており、悪影響が大きく、犠牲者も多くなってきたと思ったので、許可を得て簡単に背景を書いておこうかと思います。 これはあくまでもアドバイザー側からどう見えていたかを書いておくものですが、医学部卒だけでも3,4人 Google や Amazon に入っていったおぼ