Introducing Sessions: the latest product from Waldo!
UXArchive - Made by Waldo
Introducing Sessions: the latest product from Waldo!
デザインとコミュニケーションで改善するデータのUX - Speaker Deck
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
見やすいサイトを作るときに最低限チェックしたい６項目
いくらコンテンツが良くても、見やすいサイトでないとユーザーはすぐに離脱してしまうでしょう。「見やすい」というのは、コンテキストやユーザーに依存する部分も多いのですが、そこには最低限守るべきルールがいくつかあります。 この記事では、見やすいサイトを作るときに最低限チェックしておきたい項目をご紹介します。 フォントサイズ フォントサイズや行間などは文章の視認性を大きく左右します。 WCAG 2.0では英語などの場合は18ptまたは14ptの太字、日本語の場合はそれと同等の文字サイズが望ましいとされています。1pxは0.75ptと同等とされているので、18ptは24pxとほぼ同等です。さらに、行の高さ（line-height）は150%〜200%、段落の間隔は行送りの1.5倍以上が推奨されています。 ＊18ptは1.5emと同等、14ptは1.2emと同等 そのほか、Googleも読みやすいフォ
AndroidアプリのUXデザインで注意すべき４つのポイント
Ning T.は、コンテンツエディター、人類学者、デザイナー、技術とUXオタクです。ブルースとWes Andersonの映画が好きです。 モバイルアプリのデザイナーがiOS用のデザインを好む傾向があることは広く知られています。しかしながらAndroid用デバイスがスマホ市場を席巻したのは、特にハイエンドのiPhoneと比べた時に価格帯が低かったからです。Androidデバイスが世界中で広まったことで、アプリデザイナーはAndroidを無視できなくなったのです。 たしかに、Androidは必ずしも素晴らしいデザインの典型ではありませんでした。 Google Playのアプリ審査は寛大すぎて、UXデザインのかけらもないようなアプリに溢れかえっていたのです。とはいえ、AndroidのIce Cream Sandwich（バージョン名）の時代は終わったことを忘れないでください。Material D
UXデザインに必要なユーザーインタビューの方法と質問設計 | UXデザイン会社Standardのブログ
以前の記事にて、なぜ新規事業にユーザーリサーチが必要なのかを主に述べました。しかし、いざ行おうと思ってもどのように行えばいいのか悩まれる方は多いのではないでしょうか。 そこで、今回はUXデザインのリサーチ手法にはどのようなものがあるのかを分類した上で、その中でも利用頻度の高いユーザーインタビューの方法、特に質問設計にフォーカスしてお話したいと思います。 今回の記事では主に下記のポイントについて見ていきます。 どのように代表的なリサーチ手法を使い分ければいいのか？ どのようにユーザーインタビューの準備を進めていけばいいのか？ どのようにインタビューの質問を設計していけばいいのか？ そのため、特に「ユーザーインタビューの設計方法が分からない」「何を尋ねたらいいのかわからない」「質問しようと思ってもつい誘導してしまいがち..」という方に役に立つかと思います。 逆に今回の記事では、下記のポイントに
UXピラミッド – UXデザインの正しい評価方法 – デザイン会社 ビートラックス: ブログ
前回の「UXハニカム – UXデザインの正しい品質評価方法 –」では、サービスやプロダクトのUXデザインを評価する際に一般的に用いられている、UXハニカムを活用した方法を紹介した。加えて、実はもう一つユーザー体験のクオリティを測る方法がある。 ユーザー体験を構成する3つのポイント消費者がサービスを受けるとき、ユーザーがプロダクトを利用するときに受け取る体験の質を高めるのがUXデザイナーの仕事になる。 そして、その体験を左右するのが、1. 見た目の品質 (Look), 2. 感覚の品質 (Feel), 3. 使いやすさ (Usability) である。大きく分けてこの3つの要素のクオリティが高いほど、ユーザーに対してより優れた体験を提供することが可能になる。 実用性と利用感覚を測るUXピラミッドUXハニカムに加えて、もう一つのUXクオリティを測る手法としてUXピラミッドがある。6つの階層で構
スマホヘッダーデザインのトレンドと気をつけるべき5つのポイント | in-Pocket インポケット
こんにちは。デザイナーの武本です。 スマホサイトのヘッダーをデザインする時に気をつけているポイントをまとめてみました。 1. ヘッダーの縦幅 - だいたい44〜50pxが標準 ヘッダーには多くの場合、リンクが配置されます。その為、タップ可能な最小領域とされる「縦幅36px」は必ず取りましょう。有名サイトを幾つか見てみると、だいたい44〜50pxくらいが標準となるようです。 私は、48px or 大きめなら60pxにする事が多いです。60pxを超えるとちょっと邪魔に感じるかもしれません。ですが、ヘッダーの色をページ背景色と同じにする・あるいは透明にするなどすれば、70~80pxのヘッダーでも邪魔に感じなくなる事もあります。 2. 情報を入れすぎない - 2、3要素に絞る モバイル端末では、ヘッダー領域はかなり限られてしまいます。多くの要素をヘッダーに詰め込む事は、見た目によくないだけでなく、
LETTERS, INC.
We love Web Design & Technology. We are a small team, but we possess a highly skilled work force. Our goal is to produce great work with positive energy. Let’s enjoy creating together. Hello everyone! We are Letters Inc. Our Team is a company that designs interesting & unique websites. To tell the truth, we are starting to receive world wide attentions and we want more! Nice to meet you. We value:
国内外のデザイナーによる美しいポートフォリオサイト11選
この記事では、デザイナーやクリエイターの美しいUIのポートフォリオサイトを10サイト紹介します。ユニークで美しいポートフォリオサイトは、UIデザインに詰まった時や自分のポートフォリオサイトを作る時の参考になります。 １. Jason Benjaminさん モーション・ビジュアルデザイナーのJason Benjaminさんのポートフォリオサイトです。EvernoteのUIデザイナーもされていたとのことですが、サイトの方も直感的に過去の作品を閲覧することができます。 ２. Adrian Zumbrunnenさん GoogleのUX/UIデザイナーであるAdrian Zumbrunnenさんの個人サイトです。今流行りのチャットボットのような対話型UIで、一言ずつ表示される吹き出しはあたかも本人に話しかけられているようなデザインになっています。システム的に導入するには敷居が高そうなものの、対話型と
世界的にまだ新しい手法「コ・クリエイション」の５つの原則
＜インダストリアル・インターネット（いわば、大きなモノのインターネット）を推し進めるGEが採用している新手法「コ・クリエイション」とは何か。その５つの原則や、形にするための実践法を、GE のシニアUXリサーチャー、カトリーヌ・ラウ氏が語った＞ 2016年１月、サービスデザインをテーマとする日本最大規模のカンファレンス「Service Design Japan Conference 2016」が開催された（主催：Service Design Network日本支部）。 登壇者の１人であるGE シニアUXリサーチャー、カトリーヌ・ラウ氏の講演内容と、その後のメールでの質疑応答に基づき、GEにおけるサービスデザインの取り組みについて紹介する。 ※インタビュー前編：GE流インダストリアル・インターネットで、デザインが重要な理由 GEにおいてインダストリアル・インターネットを進めるにあたり、コ・クリ
なぜメニュー表示用ボタンの「ハンバーガーアイコン」はダメなのか？
スマートフォンなどのモバイル端末用UIでよく用いられる「三」のマークのアイコンは、ハンバーガーのように見えることからアメリカでは「ハンバーガー」アイコンと呼ばれています。徐々に浸透してきたハンバーガーですが、UIデザインの優劣という観点から見た場合、「劣った醜い撲滅すべきものである」という意見が出されています。なぜハンバーガーがダメなのかについて、ジェームズ・アーチャー氏がデータ分析結果を基に理論的に解説しています。 The Hamburger Menu Doesn't Work - Deep Design http://deep.design/the-hamburger-menu/ 下の画像の赤丸で囲われたのが「ハンバーガー」。モバイル端末UIだけでなくデスクトップUIでも広く普及したアイコンで、クリックすることで主にメニューなど他の追加情報を表示させられます。 ◆不親切 一般的に普及し
年間300億。Webユーザビリティ３つの間違い・落とし穴
「ユーザビリティを意識することが大切！」って言われても、何となく意味は分かるけど具体的にどうすれば良いの……と悩んでいる方も多いのではないでしょうか？ ユーザビリティとは、「単なる使いやすさ」のことではありません。特にWebにおいては売上や成果などビジネスを左右する重要な概念です。しかし、多くの人がユーザビリティについて間違った認識を持っているために、みすみす売上や成果を逃しているケースをよく目にします。 ユーザビリティを正しく理解するポイントは、特定のユーザの行動、心理、目的に焦点を当てることです。 本日は、よくある「間違い・落とし穴」を例に出しながら、売上改善に直結する「正しい」ユーザビリティの考え方をご紹介します。ぜひ皆さんもユーザビリティの理解を深め、Webサイトの改良に役立ててください！ 【事例】１つのボタンを変えただけで、年間300億の売上増！売上に直結するユーザビリティとは、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://uiohmy.com/
Goodpatch グッドパッチ｜デザインの力を証明する