タグ

web制作とUXに関するfield_combatのブックマーク (17)

  • これだけは押さえよう!住所フォームの作り方 - ケンオールブログ

    まとめ 住所フォームの作り方 住所フォームを作るときには以下の4つを押さえましょう。 オートコンプリート機能に最適化する 郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応する モバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置 住所フィールドは「都道府県」「市区町村」「町名以下」の3フィールドが基。「建物」フィールドはオプション 文 地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。 住所入力をシンプルかつ正確に行えるような入力インタフェース(住所フォーム)は、離脱率を減らし、コンバージョン率を向上させる上で重要です。 郵便番号を入力すると対応する住所を自動入力する機能(郵便番号による住所補完)は、住所フォームの改善方法として最も効

    これだけは押さえよう!住所フォームの作り方 - ケンオールブログ
  • 非常に不人気な「Web Push通知」、Firefox 72以降ではポップアップを表示せずURLバーのアイコンで通知するのみに | スラド IT

    WebサイトからWebブラウザに対しプッシュ通知を送信する仕組みである「Web Push」では、サイトの閲覧時に通知を受け取るかどうかを選択する表示が行われる。これに対し、「煩わしい」などの声が出ていることから、Firefoxでは今後デフォルトでこの許可を求める表示を出さず、代わりにURLバーにアイコンを表示するように変更する予定だという(マイナビニュース、MozillaのFuture Releaseブログ)。 Mozillaによると、こうしたPushの許可を求める表示に対し「許可」が選択されるのは1%程度で、48%は明示的に「拒否」が選択されるという。たとえばとある1ヶ月間Firefox 63でこの表示が行われた回数は約14億5000万回だったのに対し、許可が選択されたのは約2366万回だったという。

    field_combat
    field_combat 2019/11/11
    Push通知自体いらない子な印象だけど、強制的に見せるってのに魅力を感じてる人がいるのがなぁ
  • ユーザーにない知識を補わないと、UXを損なう

    調査型のタスクに適した情報の提供ができていないWebサイトは多い。そうしたサイトでは、ユーザーはさまざまな情報ソースを手作業でつなぎ合わせるという不必要な手間をかけなくてはならないのだ。 Unbridged Knowledge Gaps Hurt UX by Kim Flaherty and Kate Moran on March 3, 2019 日語版2019年10月17日公開 デジタル製品のデザインチームは、ユーザーの技術レベルや情報探索スキルを過大評価していることが多い。2016年にOECDは、中程度の複雑度のタスクを正常に完了できる成人は全体の3分の1しかいないことを明らかにした。このレベルのタスクを完了するには、ユーザーはページやアプリケーション間の移動をする必要がある。また、ステップを複数こなさなければならない上に、ツールやソフトウェアの機能(たとえば、ソート機能など)も利用

    ユーザーにない知識を補わないと、UXを損なう
    field_combat
    field_combat 2019/10/17
    初めての人向けの基本情報の提供、グレードの違いを明確にする比較表。すごく大事
  • モバイルアプリに最適なボタンサイズと間隔とは

    UX Movementの創立者、ライター。ユーザーに優しいユーザーエクスペリエンスデザインのスキルを読者の方が上達できるよう、UX Movementのブログを作りました。 あなたのユーザーはスマホアプリやモバイルサイトのボタンをちゃんと狙った通りに押せているでしょうか? きちんと押せているかをユーザーのせいにする前に、ボタンのサイズや間隔が最適化されているかどうか確認しましょう。 ボタンが最適なサイズと間隔になっていないと、ユーザーが狙いを外したり、間違ったボタンを押してしまいます。この記事ではどの程度が最適かを見ていきます。以下の数値は、96DPIでのCSSピクセルを基準にしています。 ボタンサイズの基準 まずは基準となるサイズがわからなければ、ボタンのサイズが最適かどうかを判断できません。幸いなことに、ボタンのサイズと間隔に関するリサーチによって、高齢者を含むほとんどのユーザーに有効な

    モバイルアプリに最適なボタンサイズと間隔とは
    field_combat
    field_combat 2019/07/04
    大きいボタンはボタン間のマージンは小さくてもいいが、小さいボタンはマージンを大きく取った方が誤タッチを防ぎやすい
  • 見出しを最後まで読まないユーザーのためのアイブロウヘッドライン

    UX Movementの創立者、ライター。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始める。 ユーザーがオンラインで読むことを想定して、文言を書いていますか? アイトラッキング調査によると、多くのユーザーはオンライン記事の見出しを数単語だけ読み、最後までは読まないそうです。 さらなる調査で、ほとんどのユーザーが見出しの最初の2単語だけに目を通していることがわかりました。ユーザーはCTAをクリックする前に、見出しを見て内容を予測しているのです。 ユーザーは早くキーワードを知りたがる 見出しの最初の2単語でユーザーに文のヒントを与えないと、ユーザーは見出しをスキップするだけではなく文自体も読まないでしょう。 ユーザーが情報を手に入れるまでの忍耐力と行動力は長く続きません。そのため、彼らの興味を引くために見出しの最初の数単語に強いキーワー

    見出しを最後まで読まないユーザーのためのアイブロウヘッドライン
    field_combat
    field_combat 2018/10/22
    見出しの上に配置する小見出し的なやつ。時々やるけど、そっちが注目されちゃうのか、も少し考えて使うようにしよう
  • モバイルではメニューを画面下に表示すべき理由

    スマートフォンの使い方が、脳に影響を与えることがあります。ある調査によると、毎日スマートフォンを使う人は、脳の体性感覚皮質が大きいことがわかりました。体性感覚皮質は、親指のコントロールをつかさどる部位です。 また、ほかの調査では、ほとんどのユーザーがスマートフォンを片手で操作していることが明らかになりました。スマートフォンを握っているとき、ユーザーは左右どちらかの親指で画面を操作しているのです。親指はユーザーにとってマウスのようなものですが、その動きには限界もあります。 親指はマウスの代わり デスクトップデバイスでは、ユーザーは画面の操作にマウスを使用します。ナビゲーションメニューまでマウスを動かすことは簡単です。なぜなら、マウスは手首の動きを制限しないからです。 しかし、ユーザーがスマートフォンを握っているとき、親指は限られた範囲でしか動けません。画面に親指が届かない領域があるのです。こ

    モバイルではメニューを画面下に表示すべき理由
  • 本当に実践的なデザインドキュメントの書き方 第1回:なぜ渡されたワイヤーフレームは分かりにくいのか? | アドビUX道場 #UXDojo - Adobe Blog

    The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

    本当に実践的なデザインドキュメントの書き方 第1回:なぜ渡されたワイヤーフレームは分かりにくいのか? | アドビUX道場 #UXDojo - Adobe Blog
  • ジャーニーマップ作成の実際: UX実践者への調査

    UX実践者はジャーニーマップの作成方法の標準化に苦労しているが、ジャーニーマップを作るという活動自体が共有ビジョンを作り出すのに不可欠であると考えている。しかし、発見した内容を伝えるのに、知見が極めて重要であるにもかかわらず、それがジャーニーマップに入っていることはまれである。 Journey Mapping in Real Life: A Survey of UX Practitioners by Kate Kaplan on October 16, 2016 日語版2017年2月9日公開 カスタマージャーニーマップとは、ユーザーが企業とインタラクションする際のニーズや問題点を理解するためのビジュアルのことである。通常、そこには、カスタマージャーニーをマップ化する際の焦点を当てる対象やコンテキストを提供する「レンズ」と呼ばれる部分、ユーザーのエクスペリエンスを描写するエリア、そして、そ

    ジャーニーマップ作成の実際: UX実践者への調査
  • スマホのメニュー表示に使う「ハンバーガーアイコン(三)」で大失敗!(ヤフーCMO村上)【K16-6A #6】

    スマホのメニュー表示に使う「ハンバーガーアイコン(三)」で大失敗!(ヤフーCMO村上)【K16-6A #6】 2017 2/06 ▶平日 毎朝7時に公式LINE@で新着記事を配信しています。友達申請はこちらから! ▶ICCの動画コンテンツも充実! Youtubeチャネルの登録はこちらから! 「ユーザー・エクスペリエンスのベストプラクティス」【K16-6A】セッションの書き起し記事をいよいよ公開!7回シリーズ(その6)は、スマートフォンサービスにおけるユーザー体験の高め方や留意点等について議論しました。ぜひ御覧ください。 ビジネス最適化プラットフォームを提供するドーモ株式会社(Domo)はICCカンファレンス KYOTO 2016のゴールド・スポンサーとしてセッションをサポート頂きました。ビジネスデータの集約とリアルタイムの意思決定が可能なDomoの詳細はこちらからご覧ください。 ICCカ

    スマホのメニュー表示に使う「ハンバーガーアイコン(三)」で大失敗!(ヤフーCMO村上)【K16-6A #6】
    field_combat
    field_combat 2017/02/09
    詰めの話、目から鱗
  • UXレビューを実践するための9つのステップ

    Ryan O Connor氏は 、Goby Savvyの共同設立者です。ワクワクするようなUXを作成することで、企業のビジネスに関する課題へ対処するサポートを行い、ゴールを達成することを自身の指名としています。 この記事は、UXレビューなどを得意とするUXデザイン企業「GobySavvy」の創業者Ryan O'Connorによる記事です。 UXのレビューを行う場合は、実用的なインサイトを得ることに集中しなければなりません。 UXレビューとは、ただユーザビリティに関する問題をまとめるだけのものではありません。ステークホルダーやクライアントにこれからすべきことを示す役割も果たします。また、問題を解決するだけではなく、さらなるコンバージョンやエンゲージメントにつながる新しいビジネスチャンスを提示するためのものでもあります。 明確なプランを提示できなければ、そのレビューは単にTo Doリストに鎮座

    UXレビューを実践するための9つのステップ
    field_combat
    field_combat 2016/11/04
    UXレビューの具体例
  • 7stepでつくる、ユーザーエクスペリエンスジャーニーマップ | ajike switch

    こんにちは。 最近ガムを1日1くらい消費していて 健康被害が気になっている山口です。 今日はカスタマージャーニーマップの書き方をご紹介します。 テンプレートを気にしないで、手書きでざざっと作れるようになると便利です。 カスタマージャーニーマップとは? サービス全体のデザインを考えるツール カスタマージャーニーマップの説明も色々ありますが、『サービス全体のデザインを考えるツール』という説明が1番わかりやすい気がします。 誰かの何かを解決するのがデザインの質、と言います。 カスタマージャーニーマップはまさにUXをデザインするツールの一つ。UXを向上させるために、ユーザーの視点から課題を見つけ、解決策を考えることができます。 目指すUXデザインを可視化して共有できるツール また、プロジェクトのストーリー全体を可視化することができるので、色々な人とプロジェクトが目指す「UXデザイン」を共有する

    7stepでつくる、ユーザーエクスペリエンスジャーニーマップ | ajike switch
  • 「ヒューリスティックマークアップ」から始めるUXデザイン

    はじめに 自己紹介 はじめまして。Lobiチーム意匠部のばっこです。 カヤックで「Lobi」というスマホゲーマー向けSNSのデザイナーをしています。 去年の8月頃に社内の受託チームからLobiチームに異動をして、 半年ほどLobiの周辺サービス(Lobi REC SDK、Lobi Play)を担当したり、 少しだけ新規サービス(RANKERS)のお手伝いをしたりしていましたが、 最近、Lobi体のアプリに携わるようになりました。 世間のUXブームに遅ればせながらも、業務でUXについて考える機会が増えてきたので、 今回は、そんなLobiでのUXデザインの取り組みを紹介したいと思います。 Lobi(ゲームコミュニティ事業) | 面白法人カヤック Lobiは、スマホゲームに特化した国内最大級のスマホゲーマーSNSです。 同じゲームをプレイしている友達を探したり、攻略情報を交換したり、レアアイテ

    「ヒューリスティックマークアップ」から始めるUXデザイン
    field_combat
    field_combat 2016/08/31
    効果ありそうだけど、手間が大きいな。ある程度、出来上がった段階で1回だけでも第三者にお願いしたいな
  • UXを損ねる最悪なグロースハック

    この記事は以下に移転しました。 http://lambda-structure-design.jp/lab/growth-hack-is-bad/

  • おかんでもわかるわかるUXデザイン Version 0.2 CSS Nite Edition - ネコメシCEOブログ

    2014年4月26日開催のCSS Nite LP33の再演版で登壇して参りました。僕はLP33に出てませんので、再演版なのに再演ではないという按配。それと、再演でもないのになんで出てんのっていうと、ネットイヤー坂くんが急きょ登壇中止となったので代わりに出てくれないかという打診がありまして、準備期間が短いけれども、ブログでもすでに公開済みの「おかんでもわかるUXデザイン」であればいけるだろうと快諾した次第でありました。 先日公開しました「おかんでもわかるUXデザイン Ver.0.1」は、スライドシェアにて15,000viewsを超える参照数を頂いておりまして、正直、CSS Nite来る人とかもう全員見てんだろう、と思っておりました。なのでただでさえ再演じゃないのに、内容もみんな知ってるみたいな前提を思っていて、当に心折れそうな按配だったのですが……、アンケート的には「ま、いんじゃねえの

    おかんでもわかるわかるUXデザイン Version 0.2 CSS Nite Edition - ネコメシCEOブログ
  • 認めたくないものだな。自分の作ったUIの限界というものを。

    webディレクターとして自分の作ったものに、あらためて限界を感じるようになった@azumi0812です。 きっかけは、棚橋弘季さんのブログ「巨大な豚に口紅を塗ることがUXをデザインすることではない。」という記事。 「巨大な豚に口紅を塗るデザインプロジェクトを疑おう」と。まさにそのとおりで、UXをデザインすることは単に既存のシステムの表面に口紅を塗るこ とではありません。フィーチャーフォンという枠組みのなかに留まり、AからBへの山を登るためにUIを改良することではないのです。 UXのデザイナーは、既存のシステムそのままにUIやタッチポイントを改善することがUXデザインではないことを理解しなくてはいけません。そうで はなく、真にユーザーの観点に立ち、まったく新しい体験価値を生み出すような新しいシステムそのものを生み出す発想を行なうことが真のUXデザインだと理 解し、自身のデザインワークを行なう

  • 「根拠のないリニューアルは悪」- 株式会社ネコメシ 山本郁也氏が語る、UXを考える上で大切なこと|U-NOTE【ユーノート】-イベントまとめプラットフォーム

    U-NOTE サイト閉鎖のお知らせ 長らくのご利用、誠にありがとうございました。 当サイトは2024年12月31日をもちまして閉鎖いたしました。 これまでのご支援に心より感謝申し上げます。

  • デオシークの口コミや効果を検証!ワキガの私が使い込んでみました! | 愛と小町

    デオシークの特徴 加齢臭も撃退 強烈な足のニオイも撃退 ワキ、足など全身のニオイをシャットアウト デオシークは厚生労働省が認可した医薬部外品で、殺菌効果や消臭効果がきちんと認められた有効成分が配合されている商品です。 市販されているデオドラントクリームと比べると、医薬部外品は入っている成分が違いますので、消臭効果が高いです。 デオシークは、デオドラントクリーム単品でも消臭効果が期待できますが、ボディソープとのセットを使用することでさらなる消臭効果が期待できます。 ワキガや加齢臭などのような頑固な臭いによる悩みは深いですが、デオシークによって悩みから解放される人が増えています。 博士有効成分は消臭効果や殺菌効果が認められている成分なんだ 頑固な臭いはデオシークで一発なんだ もう怖くないんだ 価格 3,380円(定期コース) 6,980円(単品購入) 有効成分 パラフェノールスルホン酸亜鉛、イ

  • 1