2019年の7月頃。 東京工業大学の学生さんから、こんなメールをいただきました。 「うちの学生は機能と価格のみに価値を置きがちです。でも、御社が作り出す製品の価値は、それだけじゃない気がするんです。それは何なのか。それはどうすれば作り出せるのか。その点を東京工業大学でお話いただけませんか？」せっかくの機会なので、僕たちアイドントノウと、僕たちがいつもお世話になっているお店アシストオンさんとで 価値についてお話させて頂くことにしました。 題して デザインなんて知らない。 〜僕らの考えるモノの価値〜 今回は、3部構成だったこのトークイベントのうちの第１部でお話した内容を、当日使用した資料を使ってお伝えします。 ３部全てを見たい方は、こちらのライブ配信の録画ムービーをご覧ください。 こんにちは。アイドントノウです。 まずは、今回のトークイベントの趣旨について確認しますね。 そもそもは、このイベン
【悪いUI・良いUI】発想の転換から打開したアイデアまで【デザイン思考】｜Angry Breakfa$t
※某まとめサイトにてまとめていた記事の転用です BASENAME: 2150782012031271001 STATUS: Publish ALLOW COMMENTS: 1 ALLOW PINGS: 1 CONVERT BREAKS: richtext DATE: 12/06/2018 00:54:50 良い・悪いと思ったデザイン例からデザイン思考、デザインに関した事例などを多数サイトやSNSでの投稿を参考・引用してまとめました。 ■はじめにデザインに関する疑問や、ここでの前提をまずまとめていきます。 ―――デザインとは？ （design）の語源は、デ（de：削る）・ザイン（sign：形作る）である。これはラテン語で「私欲を削り落とし、本質を磨き上げること」を意味する。 出典 なぜゴッホは貧乏で、ピカソは金持ちだったのか? | 山口 揚平 |本 | 通販 | Amazon デザイン（de
『あつまれ どうぶつの森』の世界観をつくるUXライティング｜nao | UXライター / コピーライター | 著書『#秒で伝わる文章術』発売中
2020年5月現在、世界で最も洗練されたUXを実現してるプロダクトのひとつが、Nintendo Switchのソフト『あつまれ どうぶつの森』ではないでしょうか。 子供から大人まで世代を問わず楽しめて、日本のみならず世界中の人々を虜にし、入手が困難になるほど爆発的に売れている。 何より外出自粛になったこのタイミングで、外で遊ぶことを疑似体験できるソフトがドンピシャで発売されるという運命の巡りあわせに、任天堂の持つ神懸かり的な力を感じずにはいられません。 それだけ多くの人に愛されるプロダクトなので、プレイしていても学ぶことが本当に多く、いま自分が遊んでいるのか、仕事をしているのか、わからなくなるほどです。 いや、さすがにそれは言い過ぎました。プレイしている時は完全に遊んでいます。完全に遊んでいるのですが、それでもゲームをしていて、自分の仕事に活かせるような「これは…！」というようなアイデアや
はじめに こんにちは。株式会社Flatt Securityの @toyojuni です。自分はもともとWebやUIのデザインを本職としていましたが、大学の同期と共同創業したセキュリティ企業であるFlatt Securityにて経営やDevRelを担っています。 デザインとセキュリティは普段話題が交わることが少ない領域ですが、UI/UXのデザインであればソフトウェア開発と不可分であることは間違いなく、すなわちデザインもセキュリティに無自覚ではいられないでしょう。 そのような観点で、本記事では「パスキー(Passkey)」を取り上げてみようと思います。 本記事は「パスキー」「FIDO」「WebAuthn」といったキーワードに関して以下のような認識を持っている方向けの記事です。 名前も知らない / 聞いたことがない 聞いたことはあるが、ほとんど理解していない はじめに パスキーをなぜ今知るべきか
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo! JAPAN研究所 坪内と申します。今日は通知の話です。 プッシュ通知に気づかなかったり、タイミングが悪くてイラっとしてしまうことはないでしょうか？ 最適なタイミングで通知する研究結果をご紹介します。 みなさんが目にする、ヤフーの広告の表示や、オススメの情報は、パーソナライズされています。つまり、過去のユーザーの行動履歴から「この人は釣りが趣味の人だ」と推測し、釣りに関するニュースや、釣竿のレコメンデーションをしています。これはプッシュ通知もしかりです。プッシュ通知は表示できる文字数や送信できる通知数に制限があります。ユーザーの興味などから、この人にはこの通知だ！ というのを送ります。ここまでは、広告やレコメンデーショ
アプリケーションをデザインする際、ほとんどのデザイナーはコンテンツページには労力を費やしますが、登録フォームは見過ごしがちです。ユーザーが辿り着くのは、視覚的に魅力がなく、無味で事務的なフォームです。白いバックグラウンド、まっさらなテキストフィールド、煩雑な文章、不快な黒のアウトラインがあちこちに散らばった、登録のモチベーションを掻き立てないフォームです。もしあなたのフォームがそんな状態であれば、改善の余地ありです。 あなたのアプリを使いたいユーザーはフォームの見た目に関わらず登録はしてくれるでしょう。しかし、まだ決めかねているユーザーは事務的なフォームを見て辞めてしまうでしょう。第一印象で多くの見込み顧客を失っている可能性があるということです。もっと機能的で魅力的なフォームにすることで、ギリギリで決めかねているユーザーの背中を押すことができます。 ビジュアルがユーザーを後押しする ある調
オウンドメディア戦略に役立つ「カスタマージャーニー」と「ペルソナ」の基礎知識 - はてなビジネスブログ
顧客接点と顧客体験を整理する際にはカスタマージャーニーマップとペルソナが役立ちます。 今回は、企業のオウンドメディアを例にあげて、戦略策定のためのカスタマージャーニーとペルソナの概念、活用目的について解説します。 どんな顧客とどんな接点でコミュニケーションをして、どんな体験を提供できているかを整理できると、いま自分が関わっているプロジェクトがマーケティング施策全体のなかでどんな役割を持つのかもしっかり理解できるはずです。 カスタマージャーニーとは 自社と顧客の接点はどれくらいあるでしょうか。それぞれの接点では、どんな情報を発信し、顧客にどんな体験を提供できているでしょうか。BtoCであれば、実店舗、チラシ、ダイレクトメールなどオフラインでの接点に加え、Webサイト、ECサイト、アプリ、SNS、Eメール、コミュニティサイト、そしてオウンドメディアなど、オンラインでもいくつもの接点を持つことが
世界が多様になるほど、なぜかお金や数字のパワーが強くパラドックスについて、仕組みと対策のお話。 社会が多様になるほど、年商やフォロワー数、RT数のアピールが増えていきます。 多様な社会は価値観が多様多様な社会には多くの価値観があり、人によって大事なものが異なります。 まさに十人十色、理念の上では素敵なユートピア。 …ですが、価値観の多様化は、無条件の善ではありません。よいことと合わせて、課題やデメリットも生まれます。 たとえば、コミュニケーションのコストの増大。これは多様性社会がかかえる、大きな課題の1つです。 多様な社会は意思疎通のコストが高い価値観が多様になるほど、社会のコミュニケーションは、どんどん高まります。 多くの友人と、飲食店にいくシーンを想像してください。 中華マニアと、ラーメンマニアと、フレンチマニアと、ファーストフードマニアと、バーマニアと、居酒屋マニアと、宅飲みマニアで
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
Scrum Fest Fukuoka 2024の登壇資料です。 プロポーザル：https://confengine.com/conferences/scrum-fest-fukuoka-2024/proposal/19575
▼この記事では、前回の記事で紹介した自作アプリを題材にしています。 前回の記事を先に読んでもらえると、この記事の内容がより理解しやすくなると思います！ 【初アプリ】未経験がFlutterで肉牛繁殖農家のためのアプリを作ってみた こんにちは、Takuです。 先日、Flutterで肉牛生育記録管理アプリ「Memow」をリリースしました。 このアプリのユーザーである自分のオカンオトンは、特にこちらからレクチャーせずとも問題なく使いこなしています。 基本的にオカンがデータを入力し、オトンは共有データを閲覧するという使い方をしているようです。 それまでアナログ管理をしていたオカンオトンがすんなりこのアプリを使用できていることについて、前回の記事を読んでいただいた方から「驚いた」という反応を多くいただきました。 ユーザー（オカンオトン）がこのアプリを使えている理由を自分なりに分析する
Googleは、「Bring the best of Google to your iPhone 13」と題した新しいブログ記事の中で、新たに「iPhone 13」を購入したユーザーに対して、デバイスのホーム画面をAndroidのように変更するよう提案しています。 GoogleのiOS担当ディレクターが執筆した記事には、Googleのアプリやウィジェットで埋め尽くされたiPhone 13のホーム画面のスクリーンショットが複数掲載されています。 記事では、Appleがデフォルトで提供している写真、Safari、カレンダー、リマインダー、電話などのiOSアプリを、Googleが提供している「Google フォト」、「Google Chrome」、「Google カレンダー」、「Google ToDo リスト」、「Google Voice」などのアプリに置き換えることを検討すべきと示唆しています
概要 こんにちは。 KDDIアジャイル開発センターの小板橋です。 この記事は、KDDI Engineer&Designer Advent Calendar 2021の11日目の記事です。 先日(2021/12/3)、re:Invent2021でAWS Amplify Studioが発表されました。 今回は、そのAWS Amplify Studioについてまとめ、検証していこうと思います。 AWS Amplify Studio AWS Amplify Studioの機能を要約すると、フロントエンド開発者に最小限のコーディングでフロントの開発ができる Amplifyのバックエンド構成およびそれらを管理する機能を統合した開発環境 ちなみに、amplify admin uiとの違いは？？ 昨年のアップデートでamplify admin uiというものが出ています。 実は今回のAWS Amplify
羽山 祥樹＠日本ウェブデザイン @storywriter 日本ウェブデザイン株式会社 代表取締役CEO。HCD-Net認定 人間中心設計専門家。使いやすいプロダクトを作る専門家。担当したサイトが、雑誌のユーザビリティランキングで国内トップクラスの評価を受ける。ユーザーエクスペリエンス、情報アーキテクチャ、アクセシビリティ。ライター。 #IBMChampion storywriter.jp
North Star Metric（ノーススターメトリック）とは？成功している企業はどのように指標を設定しているのか｜グロースマーケティング公式｜Growth Marketing
トップ ナレッジ North Star Metric（ノーススターメトリック）とは？成功している企業はどのように指標を設定しているのか North Star Metric/ノースターメトリック North Star Metricは企業がビジネスグロースを目指すために設定をする重要指標のことです。 North Star Metricは企業がビジネスグロースを目指すために設定をする重要指標のことです。NETFLIX、Facebook、Amazonなどの世界を代表する大手企業ではこのNorth Star Metricを設定することで、企業、製品を大きく成長させることに成功しました。 日本ではまだあまり認知されていない指標です。 この記事ではNorth Star Metricとは何か、必要性について解説しますのでぜひ参考にして、ライバルよりも一歩先を進んでください。 North Star Metr
October 26, 2019 created( August 1, 2022 updated ) input[type]によるキーボードの表示制御Googleの記事、web foundamentals 最適なフォームの作成では、type属性による入力しやすいキーボードの表示コントロールが説明されていました。 例えば、type="email"を指定すると、 <input type="email"> emailが入力しやすいキーボードが表示されます。 しかし、この指定方法には副作用もありました。 例えば、type="number" を指定した場合、 <input type="number"> このように、入力フィールド内に余計な入力補助要素 が表示したり、フィールドにhoverした状態でmouse wheelを動かすと 入力済みの値が勝手に増減 したりします。 前者はCSSで後者はJava
ユーザビリティというのは普遍的に重要なデザインテーマの一つですが、一方でユーザビリティへの関心は、UXが普及して以降、徐々に失われている印象があります。例えば、ユーザビリティがテーマにした書籍のほとんどは2000年代の刊行で、少なくとも日本国内において、2010年代以降に発刊された書籍は僅かです。 実際、Googleトレンドで2004年からの「ユーザビリティ」と「UXデザイン」の検索動向を比較しても、「UXデザイン」が2010年以降に増加傾向であるのに対して、「ユーザビリティ」は2000年代前半をピークに下降しています。 「UX」だと別の意図の検索を含むため、あえて「UXデザイン」で比較していますが、ここにデザイン文脈で使われる「UX」を加えると、「UX」は「ユーザビリティ」を確実に上回っているはずです。 だからといって、2010年代以降にユーザビリティが重要でなくなったわけではありません
同じUIコンポーネントをCSSで静的に、Vue.jsやプレーンのJavaScriptで動的に実装する -Tailwind Starter Kit
最近のWebページやスマホアプリのUIでよく使用されるさまざまなコンポーネントをCSSで静的に、Vue.jsやReact.jsやプレーンのJavaScriptで動的に実装するためのコードをまとめたTailwind Starter Kitを紹介します。 CSSは分かるけど、Vue.jsやReact.jsは苦手という人にもよいと思います。 Tailwind Starter Kit Tailwind Starter Kit -GitHub Tailwind Starter Kitの特徴 Tailwind Starter Kitのデモ Tailwind Starter Kitの使い方 Tailwind Starter Kitの特徴 Tailwind Starter Kitは、WebページやスマホアプリのUIに使用するさまざまな静的・動的コンポーネントをTailwindCSSを使って簡単に実装できま
突如現れたバーチャルビデオチャット「spatial.chat（スペチャ）」のすごさとは？｜小宮大輔｜illo / NCN
巷で話題になりつつあるビデオツールがあることをご存知ですか？ Zoomでも、Skypeでも、Wherebyでも、Google Meetでもない、新進気鋭のツール。 それが「spatial.chat」です！ 今まで使ってきたビデオツールとは一線を画したUX/UIで、まるでバーチャル空間にいるような感覚！サマーウォーズ感！ 概要「Try Me」では、本サービスをサクっとお試し利用できます。 「Create Space」では、専用のスペース（ルーム）を作成します。作成時にメールアドレスを登録するだけ。登録したメールアドレス宛にスペースのURLが載ったメールが届くので、そのURLにアクセスしてスペースに入りましょう。他の人は同様のURLにアクセスするだけでスペースに入ることができます。 リリースしてそんなに経ってないからか、すべて無料で使えます。有料プランは今のところありません。スペースに入れる人
高齢者でも使えるプロダクトUIの挑戦 / Designing User Interfaces for the Elderly
FRONTEND CONFERENCE 2019 での発表資料です。 https://2019.kfug.jp/session/jimboyoshihide 当日の質疑応答の内容はブログにまとめています。 https://jmblog.jp/posts/2019-11-03/frontend-conrefence-2019/
こんにちは、マンガサービスの「アル」というものを運営しているけんすうといいます。マンガしか趣味がないので、マンガを世界一のエンタメにして、世界中の人がマンガを楽しめるようにする世界を作ろうと真剣に思ってやっています。 さて、この記事では 「マンガが他のエンタメの中で、勝ち続けるためにはどうしたらいいか？」 を考えてみたいと思います。 前提競合はどこですか？と聞かれる事が多いんですが、明確に「YouTubeやTikTok」だと思っていまして・・・。他のマンガサービスや出版社さんは、協調する仲間ではあるんですが、敵ではないと思っています。 前にこんな記事を書きました。 マンガはいまや高級商材になってしまっている、というものです。 たとえば、キングダムを全巻(58巻)買おうとすると、34,452円かかるらしいんです。Nintendo Switchよもり高くなってしまうわけですね。 その割に、1巻
ゲームのUIデザインまとめサイト「Game UI Database」公開。ゲーム開発者向けのUI事例集/データベースを目指す - AUTOMATON
英国のゲームスタジオDouble Elevenに所属するシニアUIデザイナーEdd Coates氏は12月5日、ゲームのUIデザインをまとめるサイト「Game UI Database」を公開した。現時点で325作品・1万1569枚のスクリーンショットがデータベース化されており、画面用途・ジャンル・アートスタイル・操作デバイス・レイアウトなど、豊富なフィルター機能によって、ゲーム/スクリーンショットを検索できる。扱っているタイトルは『Apex Legends』『エースコンバット7 スカイズ・アンノウン』『ブラッドボーン』『Call of Duty: Warzone』『DOOM』『ゴースト・オブ・ツシマ』など幅広い。 Proud to present the Game UI Database! A whopping 11569 screenshots, 325 games, and filte
ゲームディレクターとして動いていると、企画やできたもののフィードバックをよくする。そうすると必要なのは、UX（ユーザー体験）を言語化して説明をして納得をしてもらうことだ。一緒にやっているプランナーから、UXの分解・言語化をどうやっているのか？という質問が来たので、書いてみる。 ゲームディレクターは、なぜUXの分解・言語化が必要なのだろうか？ これは簡単で、自分が感じていることを言語化できないとチームメンバーに伝えることができず、納得感を持って作ってもらうことができないためだ。「なんとなくダメ」とか、「理由は説明できないけどこうして」という指示は、繰り返せば繰り返すほどやらされる方はしんどくなっていく。当たろうが外れようが、何をやっているのかよくわからなくなってくる。主観ではなく、客観で伝えることができないと、チームは納得がしにくい。なので、ゲームディレクターにはUXの言語化能力がとても必要
Webサイト・アプリのページ構成を分析、サイトマップを自動的に作成するオンラインサービス -Visual Sitemaps
指定したWebサイトやWebアプリのページ構成を分析し、サイトマップを高解像度スクリーンショット付きで自動的に生成するオンラインサービスを紹介します。 UI、UX、SEO、およびマーケティングなどの調査もこれなら簡単です。トップのURLを指定し、あとは少し待つだけで、自動的に生成されます。
元Googleエンジニアのメンターによる講義を公開 ──トヨタ自動車が実践する「Flutter」研修の内容とは？ - TECH PLAY Magazine
Googleが開発したモバイルアプリ用のフレームワークであり、SDK（Software Development Kit）であるFlutter。トヨタ自動車では、自動車のコックピットのUX/UI設計・開発フローの一部で、同ツールを採用している。今回の「TOYOTA Developers Night」では、GoogleやYouTubeで活躍した講師を招いて実施しているFlutterの研修プログラムや成果を紹介した。 ■登壇者プロフィール 関沢 省吾 氏 トヨタ自動車株式会社 コネクティッドカンパニー コネクティッド先行開発部 デジタルコクピットソフト開発室 グループ長 名古屋大学大学院を修了後、2007年にトヨタへ入社。Lexus LFAをはじめ、各種車両の電子プラットフォーム開発や、TOYOTA LQのAIエージェント開発へ従事。2020年より現職。 Tim Mansfield氏 itali
英国内務省がウェブアクセシビリティを高めるための啓蒙ポスターを発表し、日本語訳も登場した。障害者にも健常者にもやさしいウェブのために、まずは「知ること」から始めたい。 この夏の参議院選挙で、重度障害者の国会議員が誕生した。快挙に喜ぶのも束の間、「国会議員が国会に登庁する」ために、参議院のバリアフリー化が進められた。 大型の車椅子で利用できるスロープや車いす用トイレの設置、パソコンの持ち込みや、本人の代わりに挙手や投票を行う介助者の付き添い。一連の合理的配慮の実施を報じるニュースを通して、健常者が日頃は気づかない「不自由さ」の数々に気づかされた。 オンラインにおける健常者と障害者の壁 こうした「不自由さ」は、私たちが毎日のように利用しているインターネット上にも無数に存在する。障害のある人のうち、半数以上がインターネットを利用しているが、彼らが私たちと同じ体験を得られているわけではない。 例え
Google UX Design
Get on the fast track to a career in UX design. In this certificate program, you'll learn in-demand skills at your own pace, no degree or experience required.
社内メンバー全員が、ユーザーエクスペリエンスをざっくり理解するための資料。（注: 以下は、ざっくり最速で基礎知識を説明するものです。厳密な定義は、ちゃんとした資料をご覧ください）。 5秒でわかる雑なUXモデルまず「だいたいあってる、ざっくりした概念図」を出します。 美味しいすき焼きを、お箸で食べて、ニッコリ「すき焼き（コンテンツ）を、お箸（インターフェース）で、食べたら美味しかった（エクスペリエンス）！」 シンプルに示せば、UXとはこれだけです。（注）ここのコンテンツはモノ、サービス、概念なども含みます。 そして「よいエクスペリエンス（雑）」とは、「ユーザーの精神活動をポジティヴにしていくこと」の積み重ねです。 ユーザーの精神が、左から右にシフトしたら、だいたいよいエクスペリエンスもうちょっと広げると、生活や人生をいい感じにすることも含みます。肉体的な変化とか、スキルアップとか…専門家に細
最終更新日：2019年12月20日 どうも、ホットリンクCMOの飯髙です。 2019年12月16日に、弊社（ホットリンク）のコーポレートサイトをリニューアルしました。 このリニューアルは、BtoBに強いWeb制作会社である株式会社ベイジさんにお願いしました。目に見える変化はもちろん色々あると思いますが、ここでは見た目だけでは分からない、サイトリニューアルの検討プロセスや背景にある意図などを、ベイジさんが作ったサイト戦略資料を元に、詳しく解説していきたいと思います。 ※全スライドはページの最後に掲載しています。 ※当記事はベイジの枌谷さんとの共同制作です。 ※提案資料は提案当時のものをあまり変えず公開しています。古い情報や誤字脱字などが含まれているかもしれませんが、ご了承ください。 旧サイトの課題とベイジさんを選んだ理由 リニューアル前の私たちのコーポレートサイトには、主に以下のような問題が
前書き🤔これは何RIZさんという一見AIイラストレーターを装った風来のシレン廃人にそそのかされて作ったちちぷいチャレンジが多数の愉快犯たちにおもちゃにされた結果書かないといけなくなった記事です。 Stable DiffusionやMidjourney、Nijijourney、NovelAIの使い方を詳しく解説した文書は数あれど、ふだんパソコンを使わない一般の人向けまで踏み込んで網羅している解説記事って案外ないかもな？と思ったのもきっかけではある！ 書く前からわかってたんだけどボリュームがヤバいので稚拙な表現や抜け漏れ多数だ。公開後もちょくちょく手を加える可能性大だから、もし更新が気になるようであれば筆者のX, Blueskyアカウントをフォローするなり、気が向いた時にこのnoteに戻ってきてくれよな！！ しばらく前提条件を書いておくので、とっとと中身を読みたい人は飛ばしちゃってください。
同僚である@akira_motomuraにオススメされて、上野学(@manabuueno)さんのオブジェクト指向やOOUIに関する記事を読んでみたのですが、 個人的にサービスをつくる際の視点がガラリと変わったのでまとめてみたいと思います。 オブジェクトベースなUIとは？オブジェクトベースなUIとは、オブジェクト（ユーザの関心の対象物）を手がかりに操作設計されたユーザーインターフェースのことを言います。 （OOUIとも呼ばれている） 代表的な例としてApple製品が取り上げられることが多いのですが、例えばiPhoneの写真アプリだと、ある写真に対して何らかの処理を行いたい場合、ユーザーはまず対象のオブジェクト（写真）を選び、その後にアクション（編集、送信、お気に入り、削除）を選ぶ、という流れになります。 ソフトウェア（アプリ）は実態がないのでわかりにくいのですが、基本的には自分を拡張する道具
UXライターが解説する超実践的UXライティング入門｜nao | UXライター / コピーライター | 著書『#秒で伝わる文章術』発売中
はじめに 私は事業会社（楽天→スタートアップ）でUXライティングを専門としてプロダクトの開発に携わっています。しかし、事業会社で私のような専任のUXライターやコピーライターを雇用している企業は決して多くありません。 多くの場合、UXデザイナーやUIデザイナー、エンジニア、プロダクトマネージャー、マーケターなど、UXライティングに比較的近い立場の方が、自分自身でUIテキストを書かなければならない、というのが実情だと思います。 そうした状況で試行錯誤されている方に向けて、自分に何かできることがあるのではないかと思い、このnoteを書くことに決めましたら。私がUXライティングの知見をしっかりと整理して伝えれば、役に立つのかもしれないと。 このnoteでは、私なりの実践的なUXライティングの方法論を言語化します。あくまで私が実践しているものなので、考え方もやり方も違うし、こんなのUXライティングじ
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
変化に耐え得る esa のカテゴリ設計を徹底的に考えてみた - Feedforce Developer Blog
こんにちは id:masutaka26 です。夜の散歩（意味深）に勤しむ毎日です。 フィードフォースではドキュメント共有ツールには esa と Google ドキュメント1を、コミュニケーションツールには Slack を採用しています。 情報共有はかなり活発で、2021/2/1 現在の esa 記事数は 81,324 です2。 現在のカテゴリ構成と課題 チームのスピードを上げるための大原則 チームのスピードを上げるための情報整理 1. Flow 型と Stock 型の記事を理解する 2. 基本は Flow 型の記事にする 3. 議事録カテゴリは出来るだけ作らない 4. Slack に流れていく情報も Flow 型の記事にする 5. 使い続けられる情報を Stock 記事として引き上げる 6. 整理を頑張らないことで整理の難易度が低くなった 7. esa を全ての情報の起点にする それをチー
pmconf2019 Tably小城の発表資料。 プロダクトの骨太の方針を作るためのフレームワークの使い方についての資料です。 https://2019.pmconf.jp/sessions/2019/11/13/S2-018/ こちらも合わせてご確認ください。 はじめてのPRD Tably 及川卓也 (@takoratta) https://www.slideshare.net/takoratta/prd-192302662Read less
デザインと行動心理学｜nagaimen
情報設計やコミュニケーションに役立ちそうな、人の無意識な行動心理のキーワードをイラスト付きでまとめてみました。 視線解析 目は脳とつながっていて、視線と心理状態は結びつきやすい。記憶に関することは左に、未来に関すること右に視線が向く傾向がある。視覚に意識を集中すると上、聴覚に意識を集中すると真ん中、体全体で感じようとするときは下らしい。なので、嘘をつくときは右上をみてしまう傾向がある。ユーザーインターフェイスにおいても「戻る」ボタンが左、「進む」ボタンは右に配置されている。 アフォーダンス アフォーダンスとは、環境や形状が与える意味のこと。例えば、ドアの取っ手は前後に開けるものと認識するし、ドアにくぼみがあればスライドして開けると認識する。そういえば、線香花火はヒラヒラに火をつけたくなるので 反対かもと思い調べてみると、ひらひらを持つことで揺れを吸収し火球が落ちにくくなるらしい。線香花火の
ユーザーの言う「欲しい」はウソなのか？ UXデザイナーが教える「本当のユーザー理解」 | 【レポート】デジタルマーケターズサミット2022 Winter
「ユーザーを理解する」の本当の意味を理解するお客様の目線になって考えよう 自分がユーザーだったらどうしてほしいか考えよう どちらも、よく聞く言葉だ。しかし、ユーザーのことを考えずにプロダクトを作る人はいない。誰しも、ユーザーのことを考えているはずだ。にもかかわらず、世の中には「使ってもらえないプロダクト」「使ってもらえない機能」「ユーザーに響かない施策」があふれている。これは「ユーザーならどうしてほしいかを考えるだけでは、プロダクトづくりの解像度に足りないからだ」と、羽山氏は言う。 のどが渇いているAさんに、何を出す？たとえば、Aさんが「のどが渇いたなー」と言ったとする。あなたは「のどが渇いているのか。自分だったら冷たいお茶が飲みたいから、お茶を出そう」と思う。これは、相手のことを考え、自分だったらどうしてほしいか考えた結果の行動だ。 しかしお茶を差し出すと、Aさんは「気持ちは嬉しいけれど
UX Movementの創立者、ライター。ユーザーに優しいユーザーエクスペリエンスデザインのスキルを読者の方が上達できるよう、UX Movementのブログを作りました。 あなたのユーザーはスマホアプリやモバイルサイトのボタンをちゃんと狙った通りに押せているでしょうか？ きちんと押せているかをユーザーのせいにする前に、ボタンのサイズや間隔が最適化されているかどうか確認しましょう。 ボタンが最適なサイズと間隔になっていないと、ユーザーが狙いを外したり、間違ったボタンを押してしまいます。この記事ではどの程度が最適かを見ていきます。以下の数値は、96DPIでのCSSピクセルを基準にしています。 ボタンサイズの基準 まずは基準となるサイズがわからなければ、ボタンのサイズが最適かどうかを判断できません。幸いなことに、ボタンのサイズと間隔に関するリサーチによって、高齢者を含むほとんどのユーザーに有効な
プロダクトデザイナーのスキルマップを考えてみた
何でも屋が増えてもスケールしない「UXが付く肩書きがもつ不安感 」という記事で、UX デザイナーが『何でも屋』になっているのでは？という疑問を投げかけました。ひとりのデザイナーとして様々な分野に関わりたいと思うものの、UX の文脈で求められるスキルと知識の幅は広いので、すべてをカバーするのが極めて難しいです。また、ひとりですべてを抱え込むと、組織が求める品質とスピードに応えることができない場合があります。 初期は複数の役割を受け持つことになりますが、プロダクトと組織が成長していかなければいけないときも同じように何でも携わるというやり方が適しているとは限りません。専門性を伸ばしていくことでより高度な提案とアウトプットができますし、互いの弱みを補いながらチームとして動く意味も増していきます。 デザイナーをひとりしか雇えない環境では数多くの分野に精通している人のほうが良いですが、そういう人ばかり
Here are the 25 most viewed decks of 2023: わかりやすい説明のための 10 の鉄則 / 10 golden rules for easy-to-understand explanations by @e869120 私考える人、あなた作業する人」を越えて、プロダクトマネジメントがあたりまえになるチームを明日から実現していく方法/product management rsgt2023 by @moriyuya 解像度を上げる 🔬/ Increase resolution by @tumada セキュリティ研修【MIXI 23新卒技術研修】/ Security training [MIXI 23 new graduate technical training] by @mixi_engineers ソフトウェアの内部品質に生じる様々な問題は組織設計に
2019好きなゲームUI/UXまとめ｜尾形
↓本記事はアドベントカレンダー「Game Graphic Design Advent Calendar 2019」用に書きました。 ----------------------------------------------- 記事内容の削除についてのお詫びにつきまして 本記事は、ゲームタイトルの作例をもとに自分の目線で文章を書いておりました。 しかし、「ゲームUI演出ブログ」での記事削除などの事例もあり、 法的な部分での判断により記事を削除いたしました。 本記事にコメントを寄せていただいた方、みていただいた方々、そしてご紹介したゲームタイトルに関わっていた制作者の皆様方、本当に申し訳ございませんでした。 中には記事になったものに対して不快に思われた方もいるかもしれません。 制作者の皆様に強く敬意を表すとともに、以後改めて著作物であることを強く意識していこうと思います。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインなんて知らない〜僕らの考えるモノの価値〜｜あおき量産
デザイナー/PdMが今知っておきたいパスキーの基礎知識 - #FlattSecurityMagazine
プッシュ通知のタイミングを制御する話 〜 ユーザーの空気を読む通知
登録フォームのテキストフィールドにはオフホワイトを
多様性のある社会で、お金の価値がやけに高くなる理由｜深津 貴之 (fladdict)
【OOUI】設計を改善したらユーザー（オカン）が使ってくれるアプリになった話 - Qiita
Google、iPhoneのホーム画面をAndroid化することを提案 - こぼねみ
AWS Amplify Studioが変えるフロントエンド開発の未来とは
「顧客の声を聞かない」「ユーザーは本当に欲しいものを言葉にできない」とはどういうことか→イラストに納得の声
ブラウザのキーボードを制御する inputmode
ウェブ・ユーザビリティの簡単9原則 | knowledge / baigie
マンガが膨大なエンタメの中で勝ち続けるためのアイデアを考えてみた｜けんすう
なぜディレクターはUXを分解・言語化しなくてはいけないのか？クソゲーが生まれてしまう原因｜かえるD
やさしいウェブのためにすべきこと。英国のウェブアクセシビリティ啓蒙ポスターの日本語版が公開 | inquire.jp
超わかる！ユーザーエクスペリエンス（雑）｜深津 貴之 (fladdict)
ホットリンクのサイトリニューアル戦略資料を公開（8,000字の解説付）｜#ホットリンク
AIイラスト始め方の網羅的案内 2024年版 / だいたい未経験者向け｜かいりん
オブジェクトベースなUI設計を学んだら視点がガラリと変わった話｜Yutaro Murakami
Web Vitals の概要: サイトの健全性を示す重要指標
プロダクトの強い軸を作るプロダクトマネジメントフレームワーク
モバイルアプリに最適なボタンサイズと間隔とは
2023 - Most Viewed Decks