UX改善手法としてのポップアップ活用法とは？ | Sprocket（スプロケット）｜CX改善プラットフォーム
ブラウザ上のポップアップというと、不要な広告が表示される枠というイメージがあり、どうしてもUX上の邪魔者扱いされることが多いのではないでしょうか。しかしうまく活用すれば、邪魔者どころか、気の利いた体験設計やUX改善上とても有効な役割を持たせることもできるのがポップアップです。 ポップアップとは、Webブラウザ上で表示される、ページの上に重なるようにして表示されるウィンドウのことを指します。もちろん「ポップアップストア」（一時的に小さいスペースで開かれるお店のこと）のように違う意味のポップアップだったり、あるいはブラウザに限らずコンピュータの画面の最前面に表示されるウィンドウのことをポップアップと呼ぶこともありますが、この記事ではブラウザ上のウィンドウのお話をしたいと思います。 「UX（ユーザーエクスペリエンス）」についての詳しい記事はこちらをご覧ください。 1：はじめに ブラウザ上のポップ
1000ページ超の大規模サイトのサイトマップを1分で作成する方法 - DESIGN JOURNAL - 株式会社モンスターラボ
こんにちは、情報アーキテクトの曽です。主に情報設計の部分を担当しています。 A.C.O.ではWebサイトのリニューアル案件を多く取り扱っているため、現状調査の一環として既存サイトのサイトマップ（サイト構造図）を作成するタスクが定期的に発生します。案件によってはサイトの規模が数百〜数千ページにのぼることも多く、手動で一つ一つのリンクを辿りながら作成する方法ではとても間に合いません。そのため、必然的に複数のアプリやツールを使って効率よくサイトマップを作ることになります。 情報設計業務の経験を重ねていく中で、もともと社内で確立されていたサイトマップ作成方法をさらに一歩進化させることに成功したので、今回はその方法をご紹介します。この方法のおかげで、数千ページ級のサイトであっても実作業時間1分足らずでサイトマップを作成できるようになりました。サイトマップ作成に手間取っている方がいたら、ぜひ参考にして
Apple storeの「まもなくです」は、実は「503」エラーである - CLAYPIER
2020年11月06日 22:59 情報が古くなっている場合があります。 Apple storeの「まもなくです」は、実は「503」エラーである 今日の午後10時から iPhone Pro Max と Mini がようやく予約注文可能となり、まだかまだかと10時になった瞬間、更新ボタンを押すと「まもなくです」と黒い画面が表示されて、10分経ってもまったく変わらなという経験をされた方も多いのではないだろうか。 今までは「まぁ、色々準備してるのかな～」ぐらいに思っていたのだが、実はこれ、外見からはまったく分からないが「503」エラーなのである。 503エラーとは、サーバーにアクセスが集中しすぎて処理しきれなくなったときに表示されるものだ。 Google Chrome のコンソールを見ると、たしかに503と表示されている。 Apple はエラー画面もオシャレ。 ストアに繋がるかは運次第！！ Go
ゲーム開発者ら、ロード画面の“進捗バー”を「わざとガクガクさせている」と明かす。進捗バーは、プレイヤーのために嘘をつく - AUTOMATON
ゲームのロード画面においては、ロードの進行を表す“進捗バー”が用意されていることもある。この進捗バーは、わざと不規則な速さで進むように設計されていることが多いという。開発者たちがSNS上で明かしている。 開発者の口からロード進捗バーについての意外な“真実”が明かされる発端となったのは、コメディアンのAlasdair Beckett-King氏のツイートだ。同氏はゲームのロード画面の進捗バーは均等な速度で動くべきであり、ロードにかかる時間を適切に反映する必要があると問題提起。そうした仕組みを用意してからほかの部分の開発を進めるべきである、との願望を伝えている。ゲームにおいてロード進捗バーが止まったり急に進んだりしがちという、いわば「あるあるネタ」を述べているのだろう。 Game developers need to invent a loading bar that moves at an
45の仕事力チェックリスト ～「会議の進め方」から「タスク管理の方法」まで～ | 採用ブログ | 才流
「仕事で成果を出す人」と聞いて、どのような特徴を思いうかべますか。 才流はコンサルティング会社であり、ビジョンとして「メソッドカンパニー」を掲げています。顧客へ価値を届けるにあたって、営業やマーケティング、新規事業などの専門知識はもちろん、ベースとして強固な「仕事力」が欠かせないと考えています。 本記事では、社内で実際に活用している仕事の進め方マニュアルの中身をテーマ別に厳選し、チェックリスト形式で紹介します。 ※本記事が多くの方々に読まれていることもあり、このたび内容を最新版にアップデートしました。 ビジネスパーソンの心得1. ビジネスの原理原則を理解するビジネスで価値を提供するためには原理原則が存在するビジネスの原理原則とは、相手＞自分であり、顧客＞外部パートナー＞自分であること具体的に表すと「顧客や社会、チームメンバーに価値を提供する→顧客や社会からお金がもらえる→自分たちの給与が出
ユーザーの感情に響くエモーショナルデザインとは？ デザイン会社 ビートラックス: ブログ
最近のアプリはどれも非常に使いやすいのが当たり前になった。 そのため、使いやすさ文脈でのUXデザインだけではユーザーのロイヤリティ獲得や他社との差別化が難しくなってきていると感じる。 差別化の要素としてブランディングを活用する手法もあるが、プロダクト自身の魅力を最大限発揮することで、ユーザーの心を掴み続ける方が持続性が高い。 80%のアプリは数日で使われなくなる顧客から素早くフィードバックをもらうことで、本当に求められるサービスを作ることが重要となっていることはもう説明する必要はないだろう。 アプリのマーケットはすでに飽和状態に近づいており多数のアプリで溢れている。 ちょっと使いにくかったりデザインがイケていなかったりしてもユーザーが我慢してくれる時代はとっくに終わっており、インストールされても数日で使われないアプリは80%にも達する。 数日で忘れ去られないために。モバイルアプリの高速プロ
デザイナー/PdMが今知っておきたいパスキーの基礎知識 - #FlattSecurityMagazine
はじめに こんにちは。株式会社Flatt Securityの @toyojuni です。自分はもともとWebやUIのデザインを本職としていましたが、大学の同期と共同創業したセキュリティ企業であるFlatt Securityにて経営やDevRelを担っています。 デザインとセキュリティは普段話題が交わることが少ない領域ですが、UI/UXのデザインであればソフトウェア開発と不可分であることは間違いなく、すなわちデザインもセキュリティに無自覚ではいられないでしょう。 そのような観点で、本記事では「パスキー(Passkey)」を取り上げてみようと思います。 本記事は「パスキー」「FIDO」「WebAuthn」といったキーワードに関して以下のような認識を持っている方向けの記事です。 名前も知らない / 聞いたことがない 聞いたことはあるが、ほとんど理解していない はじめに パスキーをなぜ今知るべきか
これがユーザーの信頼を失うデザインだ！ 最近のUIで見かけるダークパターンのしっかりとした知識が身につくデザイン書 -ザ・ダークパターン
ダークパターンとは、WebサイトやスマホアプリのUIをユーザーに惑わせるデザインにし、ユーザーの個人情報や時間やお金をかすめ取る手法です。 たとえば、知らない間にメール配信が登録されていたり、料金に手数料が加えられていたり、登録は簡単なのに退会が難しかったり、キャンセルがクリックしにくいようにデザインされてたり、さまざまなダークパターンが存在します。 最近のダークパターンをはじめ、さまざまなダークパターンを反面教師として学び、制作側として気をつけたいポイントが解説されたデザイン書を紹介します。 ユーザーとして騙されないように知識を増やしておくのにも有用です。 著者は「UXライティングの教科書（紹介記事）」や「ザ・マイクロコピー（紹介記事」などでお馴染みの仲野 佑希氏。これまではライティング主体の解説書を紹介してきましたが、本書はダークパターンの解説書です。デザインによるダークパターンだけで
UXデザイナーが創り出して活用する10の成果物
Miklosは、18年以上のキャリアをもつUXデザイナーのリーダーであり、プロダクトデザインのストラテジストでもあります。フルスペクトルのプロダクトデザイナーとして、ユーザーのニーズ、ビジネス目標、テクニカル面での実現可能性などを考慮しながら、ユーザーの要求を満たし、利益をもたらすプロダクトデザインを目指しています。 UXデザイナーはさまざまなシーンでその活躍が期待されています。たとえば最小限のドキュメントを用いて作業を進めるチーム、リーンスタートアップやアジャイル開発を求められる環境、外部企業とコンサルティング契約を結ぶ場合、または厳しいドキュメント要件を持つ大企業や政府機関のコンサルティング業務など、さまざまな環境が挙げられます。 関わり方や環境の性質（およびそれをすべて結び付けるもの）に関係なく、UXの専門家はデザインに関するアイデア、研究結果、プロジェクトのコンテキストを効果的にさ
登録フォームのテキストフィールドにはオフホワイトを
アプリケーションをデザインする際、ほとんどのデザイナーはコンテンツページには労力を費やしますが、登録フォームは見過ごしがちです。ユーザーが辿り着くのは、視覚的に魅力がなく、無味で事務的なフォームです。白いバックグラウンド、まっさらなテキストフィールド、煩雑な文章、不快な黒のアウトラインがあちこちに散らばった、登録のモチベーションを掻き立てないフォームです。もしあなたのフォームがそんな状態であれば、改善の余地ありです。 あなたのアプリを使いたいユーザーはフォームの見た目に関わらず登録はしてくれるでしょう。しかし、まだ決めかねているユーザーは事務的なフォームを見て辞めてしまうでしょう。第一印象で多くの見込み顧客を失っている可能性があるということです。もっと機能的で魅力的なフォームにすることで、ギリギリで決めかねているユーザーの背中を押すことができます。 ビジュアルがユーザーを後押しする ある調
グリッドシステムで強固なデザインレイアウトを作る
この記事はInteraction Design Foundationからの翻訳転載です。配信元または著者の許可を得て配信しています。 The Grid System: Building a Solid Design Layout デザイナーの仕事の構造と背景の根本的な考え方として、私たちは自分が作りたい要素のことばかり考えてしまい、グリッドの有効性を看過してしまいがちです。多くの伝統的なアーティストは今でも、まずは縦横に薄い線を引いてから作品を描いています。作業環境を最大限に活用し、より精確に制作するため、デザイナーにもこれに対応するツールがあります。それが、グリッドシステムです。 グリッドの由来 統制の取れたデザインを作るためのもっとも簡単な方法のひとつが、グリッドシステムです。元々は印刷レイアウトのために考えられたもので、実用性が証明されているテクニックです。テクノロジーに頼らずしかも
UXデザインを学ぶデザイナーが絶対に読むべきnote厳選21本｜あっくん | Maslow｜note
去年書いたこちらの記事で実は「UXデザイン」というカテゴリーもつくる予定だったのですが、それだけで3、4つだけ選ぶのが難しいぐらい神noteが存在していたので、今回はUXデザインのみで記事をまとめてみました。 これからUXデザイナーを目指す方や現役UXデザイナーの方はもちろん、全ての方に学びになることが書かれているので、ぜひ読んでみて頂ければ幸いです。 〜 神noteとは？〜 新しい視点や気づきを与えてくれて、デザイナーに限らず、全ての人の学びになるような、非常に有益なまるで神様のように有難い存在のnoteのこと。1、SNS時代のマーケティングフレームワーク「DRESS」とは？ 〜 DRESSとは？〜 ・Discovery(発見) ・Response(反応、共感) ・Experience(体験) ・Story(物語化) ・Share(共有) 2、「Amazonのプライムビデオが難しい」とい
中川政七商店が｢楽天撤退｣1年でEC売上を急回復できた理由
楽天市場での販売を止めて1年と経たずに、自社ECサイトで売り上げをすぐに取り戻せそう——。そんなSPA（製造小売り）を勇気づけるツイートが、2カ月前に話題になった。 つぶやいたのは、1716年創業の老舗企業｢中川政七商店｣（奈良県奈良市）で、取締役兼コミュニケーション本部本部長を務める緒方恵氏。同社は日本の伝統工芸を生かした生活雑貨を企画・製造・販売する。どのように実現したのか、奈良の本社で緒方氏に話を聞いた。 ブランドコントロールについて長期で考えた結果、昨年の8月に楽天市場店を閉じた。 EC全体の4割を担っていた楽天を閉じるのは肝が冷えた。 が、1年かからずに本店サイトで楽天分をカバーできるように成長させることができそう。 勝因はひとえにメンバーの成長。これに尽きる。感慨深い。 — 緒方 恵 / 中川政七商店 取締役 (@notmegumi) June 23, 2019 ブランドコント
ジャーニーマップ作成の基礎
ジャーニーマップとは、1人のユーザーが目的を達成するためにたどるプロセスを視覚化したものである。 Journey Mapping 101 by Sarah Gibbons on December 9, 2018 日本語版2019年8月6日公開 ジャーニーマップはよく使われるUXのツールだ。あらゆる形やサイズ、フォーマットがあり、コンテキストに応じてさまざまな方法で利用できる。この記事では、ジャーニーマップとはどういうものか（そして、どういうものがジャーニーマップではないのか）、関連用語、よく使われる変化型、ジャーニーマップの活用方法といった、ジャーニーマップの基本を取り上げる。 また、カスタマージャーニーマップは、いつどのように作るべきか、その5段階のプロセス、ジャーニーマップ作成の実際を論じた記事も閲覧可能である。 ジャーニーマップの定義 定義：ジャーニーマップとは、1人のユーザーが目的
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webサイト・アプリのページ構成を分析、サイトマップを自動的に作成するオンラインサービス -Visual Sitemaps