タグ

uxとUIに関するmasakaz77のブックマーク (11)

  • 時代遅れのデザインでもAmazonから学びたい、UX設計4つの手法

    Amazonのすごさは圧倒的な品揃えとスピードだけではありません。ECサイトのUXデザインを考える上で参考にしたい、基的な手法を紹介します。 Amazonのビジュアルデザインが劣悪で時代遅れだと、多くのデザイナーやUXエキスパートが同意するでしょう。それなのにAmazonからUXを学ぶ記事に違和感を抱く人もいるかもしれませんが、まずは読んでください。 Amazonのビジュアルデザインに改善の余地はたくさんありますが(特にユーザーの目が肥えてきたので)、UXに関してはAmazonから学べることがあります。実際AmazonUXシステムは効果的で、2016年のアメリカにおけるオンラインショッピング成長の53%をAmazonが占めているとの研究もあります。 アメリカほど巨大で多様な国において、1社でショッピング売上成長の53%をも占めるAmazonの手法を紹介します。 1. 高精度なおすすめ紹

    時代遅れのデザインでもAmazonから学びたい、UX設計4つの手法
  • UX最優先がベストなマーケティングとは限らない/SEO土居氏×UX枌谷氏(前編) | Web担当者Forum

    SEOでもUXの重要性が高まっている。しかしUX最優先で、ユーザーにとって使いやすく、優れているWebサイトだからといって、それがビジネスに貢献するマーケティングとは限らない。 業務提携を行った、株式会社ベイジのUXスペシャリスト枌谷(そぎたに)氏とナイル株式会社のSEOスペシャリスト土居氏に、「SEOUX」をテーマに縦横無尽に語りつくしてもらった。(前編) SEOの「検索体験」もUXのひとつ枌谷: 最近、「SEOでもUXの重要性が高まってきている」ということを耳にします。具体的にはどういうことを指しているのでしょうか。 土居: 「検索エンジンで検索してサイトに訪れたユーザーが、そのページをどのように利用したかを、Googleが評価するようになって来ているようだ」ということです。 たとえば、検索結果をクリックしたページで、ユーザーがその情報をちゃんと読んで消化したのであれば、その結果が「

    UX最優先がベストなマーケティングとは限らない/SEO土居氏×UX枌谷氏(前編) | Web担当者Forum
  • 「ペルソナ」UIとUXをこれから学ぼうとしているデザイナーへ vol.2 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    おつかれさまです。デザイナーのみやっちです。 今回は、今からUIUXを学びたいと考えているデザイナーさん向けの記事、第2弾です。vol.1では、UIUXの違いについてでした。 <vol.1はこちら> 「UIUXの基UIUXをこれから学ぼうとしているデザイナーへ vol.1 https://liginc.co.jp/360504 前回も書きましたが、僕自身UIUXについては初心者ですので一緒にひとつずつ学んでいきましょう。 今回のテーマは、ペルソナ。ペルソナとはなんぞやという方、単語だけ知っているという方、PSのゲームでしょ? という方、結構ウェブサイトを考える上で必須の項目ですので、じっくり学んでいきましょう。 ペルソナとは、サイトを使う(サイトに掲載されている製品を使う)ターゲットユーザーと、使って欲しいターゲットユーザーを明確にするための架空の人物像を指します。架空といっ

    「ペルソナ」UIとUXをこれから学ぼうとしているデザイナーへ vol.2 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • プロダクトリリース前に確認したい23のUXチェックリスト

    Fabio Muniz氏はTestLodge社のプロダクトデザイナーであり、製品開発の立ち上げ段階における設計で活躍しています。Fabio Muniz氏の仕事はfabio.designでご覧ください。 ソフトウェアの設計プロセスではプロダクトの欠陥が見つからず、ユーザーが使う段階になって欠陥が明らかになりユーザー体験を損ねてしまうことがあります。 この記事では、そういった事態に陥らないようにチェックしておくべき事項をリストアップしました。ここで挙げるチェックポイントは一般的なものであり多くのプロダクトに適用可能ですが、例外もあることをご理解ください。 インタラクションデザイン 01 - 頻繁に発生する操作が簡単にできるか チェックをする理由:同じ情報を繰り返し入力することは面倒であり、ユーザーの生産性向上に寄与しません。面倒な操作が多ければ、ユーザーはより生産性の高い競合プロダクトへの乗り

    プロダクトリリース前に確認したい23のUXチェックリスト
  • UXデザインにマズローの欲求階層説は有効なのか

    ユーザーは、自分のウォンツよりもニーズを満たす製品を選ぶ傾向にあることが立証されています。Abraham Maslow氏は人間の欲求についての理解を深め、それがどのように満たされるのか研究しました。デザインの文脈においても、マズローの欲求階層説を活用することで、ユーザーのウォンツよりもニーズを満たす、より効果的なUXを提供することができます。 ユーザーにあなたの製品を受け入れてもらいたければ、受け入れてくれるように動機づける必要があります。アメリカの心理学者、Abraham Maslow氏は、人間のモチベーションに関する研究で知られています。1943年、Maslow氏は論文『人間のモチベーションに関する理論』を発表しました。論文の中で、彼は人間の欲求について自身の解釈を明らかにし、欲求がもっとも基的なものからもっとも複雑なものへと、階層を形成していることを提唱しました。 彼は、人間が満足

    UXデザインにマズローの欲求階層説は有効なのか
  • しぶとく残るWebデザインの間違い・トップ10

    大規模なユーザビリティ調査によって、現在、最も一般的かつ有害なWebデザインの間違いが明らかになったが、そうした間違いは意外なものでも新しいものでもなかった。つまり、それらは課題としてずっと続いており、Webサイトのユーザビリティを損ない続けているのである。 Top 10 Enduring Web-Design Mistakes by Amy Schade, Yunnuo Cheng, and Samyukta Sherugar on October 30, 2016 日語版2017年2月23日公開 1996年以来、我々はWebデザインの間違い・トップ10のリストを作成してきているが、現在のWebデザインの間違いを調べるために、今年もアメリカとイギリスで215人の参加者からなる大規模なユーザビリティ調査を実施した。小さな地場企業からエンターテインメントサイト、非営利団体、グローバル企業に

    しぶとく残るWebデザインの間違い・トップ10
  • ハンバーガーメニューはもう古い!代わりに使えるモバイル用ナビメニュー5つまとめ

    ウェブサイトを制作しているひとなら、モバイル端末におけるハンバーガー型ナビゲーションメニューの見つけにくさと効率の悪さ、またどれだけUXデザインの邪魔になっているのか、いくつもの記事を読んだことがあるでしょう。(この問題の参考にしたい記事はこちらやこちら、こちら、こちらからどうぞ。) 幸いにも多くのサイトやアプリで、より効率的な解決法となる代替アイデアが試されています。今回紹介しているアイデアは、他のものより優れているというわけでなく、コンテンツや内容によってパフォーマンスや実行できるかどうかは変わってきます。 01. タブ型ナビゲーションメニュー もしウェブサイトやアプリの項目が限られている場合、ユーザーはできるだけ素早くそカテゴリを切り替えたいところ。そんなときは、タブ型ナビゲーションが良い解決方法となるでしょう。 タブはもっともシンプルなナビゲーションパターンですが、デザインを制作す

    ハンバーガーメニューはもう古い!代わりに使えるモバイル用ナビメニュー5つまとめ
  • UI考 – ざっと見る、じっと見る | fladdict

    英文の速読術には、スキミング・スキャニングと呼ばれる技法がある。 スキミングとは「ざっと一覧して、全体を把握する」こと。各章のタイトルや、パラグラフの一文目、最終のまとめなど、要所要所だけをかいつまんでいく読み方だ。 一方、スキャニングは「特定の部分を熟読する」こと。こちらは一転して、一単語ずつ精査していく読み方である。 まず最初に全体をざっと見て(スキミング)、自分に必要な内容があるかをチェックする。その後に、必要な部分だけを選別してじっと見て(スキャニング)いく。英文速読では、この2つの読み方をペアにして扱う。つまり速読術とは全文を素早く読むことではない。細部を無視して、要点だけを拾い上げていく技法なのである。 この英文速読術の技法、スキミングとスキャニングは、画面の情報設計の大きなヒントとなる。情報を効率良く読むテクニックが確立されているのなら、それをロジック化すればよい。ロジックを

    UI考 – ざっと見る、じっと見る | fladdict
  • 【必読】これだけ読めば基本が分かる!UI/UX記事5選 | coromos

    こんにちは。 UIUX、ユーザービリティについて勉強されている方も多いと思いますが、ネット上にUIUX、ユーザビリティについての良い記事が多くあったので、5つ選んでまとめてみました。こんにちは。 UIUX、ユーザービリティについて勉強されている方も多いと思いますが、ネット上にUIUX、ユーザビリティについての良い記事が多くあったので、5つ選んでまとめてみました。 是非、全リンク見て頂ければと思います。 目次 1 UIとは 2 UXとは 3 UI/UXの違いは何 4 UXはどのように向上させるのか 5 ユーザビリティテストでUI/UXを向上させる ➀ UIとは ユーザーにとっては“ユーザーインターフェイス”こそが製品そのもの 2005年に書かれた記事。椅子やマウスを例えに出して、ユーザーインターフェースの重要性を説いています。 UIとは、サービスの質に出会う前の入り口であ

  • 【2月14日】これは読んでおくべき!UI・UXに関する必読記事5選! |

    常にUIUXに関する素晴らしい記事が公開されています。数ある中でもこれは読んでおいた方がいいだろうと思うものを最近の記事の中から厳選しました。常にUIUXに関する素晴らしい記事が公開されています。数ある中でもこれは読んでおいた方がいいだろうと思うものを最近の記事の中から厳選しました。 高まるインタラクションとUXの重要性!2014年はプロトタイプの年になる-MEMO PATCH >>記事はこちらからどうぞ! UIデザインに定評のあるGoodpatchが運営しているMEMO PATCHというブログの記事です。今回の記事はプロダクトデザイナーJames De Angelisが書いた記事の翻訳だそうです。2014年からはプロトタイプの作成がより重要になるだろうということが語られています。UIデザイナーは必読の記事だと思います! 近頃はプロトタイプツールも色々なものが出ているし要チェックだな!

    【2月14日】これは読んでおくべき!UI・UXに関する必読記事5選! |
  • Webサイトやモバイルサイトのワイヤーフレームがたくさん!でレイアウト作りの参考に役立つ「UI TITES」と「UXKITS」 | HTML5でサイトをつくろう

    Webサイトやモバイルサイトのワイヤーフレームがたくさん!でレイアウト作りの参考に役立つ「UI TITES」と「UXKITS」 最近、自分の中でWebサイトの参考としてPinterestがとても便利で毎日みてるのですが、かっこよいサイトの他にレイアウトの例としてUIUXに特化したボードなどもありチェックしています。 そんな時見つけた、Webサイトやスマホサイトを画面構成を作る際にたくさんのモジュールが用意されている「UI TITES」と「UX KITS」がシンプルだけですが組み合わせによって色々なレイアウトが作れるのでとても参考になりますので紹介します。 http://pixelbuddha.net/ui-tiles/ こちらは72個もモジュールがあり無料でダウンロードができます。 PHOTOSHOPデータやイラレデータがありますので、個々のモジュールを組み合わせてWebサイトのワイヤー

    Webサイトやモバイルサイトのワイヤーフレームがたくさん!でレイアウト作りの参考に役立つ「UI TITES」と「UXKITS」 | HTML5でサイトをつくろう
  • 1