情報設計

dscout.com ユーザーがどのように情報を処理し、分類しているかを理解したい場合、カードソーティングはその手法の一つです。ここでは、その入門編を紹介します。 カードソーティングは、メンタルモデルや人々が情報をどのように分類しているかを理解するのに優れています。また、ウェブサイトやアプリの骨格を視覚化する方法としても役立ちます。 しかし、多くの定性的なユーザー調査手法と同様に、作成する際には多くの疑問が生じます。カードの分類は、極めて主観的なプロセスになりえます。 カードソーティングの問題にどのようにアプローチするか、具体的な例を挙げながら、ベストプラクティスとヒントを紹介したいと思います…

www.uxtweak.com 目次 はじめに カードソーティングはいつ使うのが良いのか？ 事例 正しいテクニックを選ぶ カードとカテゴリの作成 アンケートの準備 回答者の管理 結果の解釈 はじめに Webサイトでは、ユーザーの期待に沿った形でコンテンツを構成することが重要です。ユーザーがどのように考えているかを理解するために、カードソーティングを利用することが可能です。カードソーティングは、人々があなたのWebサイトにある情報をどのように概念化し、分類しているかを判断するための概念的な活動です。 収集したインサイトは、コンテンツのラベル付けやグループ分けに役立ち、ユーザーが最大限の効率で探し…

uxdesign.cc 直感的で使いやすいウェブサイトを作ろうとしていますか？それなら、カードソートがお役に立ちますよ！ カードソートは定量的なユーザーリサーチの手法で、主にUXデザイナーや情報アーキテクトが使用します。この記事では、カードソートとは何か、なぜそんなに便利なのか、どうやって使うのかをご紹介します。このガイドは、以下のセクションに分けて説明しています。 カードソートとは？ なぜカードソーティングを使うのか？ カードソーティングの種類 カードソートを行うために必要なツールは？ カードソートのステップバイステップの実施方法 カードソートのヒントとベストプラクティス 次のステップは？ …

uxdesign.cc はじめに カードソートは、情報アーキテクチャの設計や評価に用いられる手法の一つです。典型的なカードソートのセッションでは、参加者はトピックを自分にとって意味のあるカテゴリーに整理し、それに応じてグループ化します。カードソートを行うには、実際のカード、紙、またはオンラインのカードソートソフトウェアツールのいずれかを使用することができます。 カードソートのメリット 簡単で安価：カードソート調査は、関係者全員にとって簡単で安価に設定することができます。 短時間で実行可能：複数のソートを短時間で実行でき、大量の貴重なデータを得ることができます。 確立された技術：この技術は10年…

こんにちは。そして初めまして！ 株式会社ROBOT PAYMENT（以下、ロボペイ）でUXデザイナーをしている三木です。 タイトルにもある通り、ロボペイで専任のUXデザイナーとしては1人目になります。 今回は、社内のUXデザイナー1人目である私が入社を決めた理由や、半年経った現在までの取り組みなどをちょっとだけ紹介できればと思います。 “1人目のUXデザイナー”を選んだワケ UXデザイナーとしての取り組み 参加した時のプロジェクト状況 実施したこと： ユーザーインタビュー 意識したこと、心がけたこと 今後の展望 “1人目のUXデザイナー”を選んだワケ 社内にロールモデルや前例がない状態でジョイ…

freeeでは毎年、新卒エンジニア・プロダクトデザイナー向けの開発研修を実施しており、今年は初めて記事化することになりました。 以下、2022年度の新卒開発研修の具体的な内容と担当者の声、参加メンバーの感想などをお届けします。 【新卒研修の目的】 エンジニア・プロダクトデザイナーのみなさんは入社後、ビジネス職と一緒に2週間程度研修を行なったあと、開発研修に参加します。 研修のコンテンツは大きく分けて座学・基盤開発・製品開発の3つ。エンジニアとプロダクトデザイナーは一部のコンテンツをそれぞれ分かれて設計しつつ、最終的には合流してチームで開発するような流れです。その後、研修の成果やプロセスを見たう…

こんにちは。株式会社アドグローブ プロダクトデザイン部のIです。 社内ではWebサイトやアプリのUIデザイン作成を担当業務としています。アドグローブでは、さまざまなクライアントワークに取り組んでおり、これまで Eコマース（EC）、医療、通信、教育、エンタメなど、数多くの業種、サービスに対してUI/UXのご提案、アプリ・Webの開発を行って来ました。 今回は、その中でもご依頼いただくことの多い《デザインリニューアルの案件》に関して、アドグローブではどのようにUIデザインの制作を進めているかご紹介したいと思います。 目次 【1】リデザインの準備 【2】クライアントの課題 【3】デザインレビュー さ…

顧問の齋藤です。 Web／ITディレクション歴20年で、普段は会長や社長の経営上のお悩み整理と伴走、メンバーの業務相談など、社内全体において総合的に相談に乗り、課題の解決に向けてサポートをしています。それ以外では、リーダークラスのマネジメント研修や、NOVILOGのマネジメントなどにも携わっています。 コロナ禍以降、リモートワークという働き方が以前より浸透し、場合によりリモートワークが前提となる企業が増えてきており、「社内コミュニケーションのあるべき」にも大きな変化が訪れましたよね。 ノヴィータでは、2017年からリモートワークを導入しており、そのきっかけはメンバーの地方転居でした。育児・傷病…

はじめに 2020年の1月から執行役員CTOに就任し、そこから数年間「CTOの役割は何か」を自問自答してきました。 就任当初から「CTOの役割とは、経営とソフトウェアエンジニアリングを接続することである」という考えはありましたが、上手く言語化できずにいました。 最近になってようやく他者へ説明できるレベルまで言語化できるようになったので、現時点での考えを残しておきたいと思い、4年ぶり（！）にブログを更新する1ことにしました。 本ブログポストの要旨 筆者の考えるCTOの役割は、「ソフトウェアエンジニアリング組織の日々の活動が企業価値の向上に繋がっている状態を作ること」です。 企業価値の向上のために…

コンポーネントの基本 — Vue.js より これはなにか Webアプリケーション開発において、コンポーネント指向で開発を行うことがあります。 「コンポーネント指向で開発」とは、例えばこのインターフェース上のパーツ要素（=コンポーネント）は汎用的に使用するため どういう名称で どういう粒度で どういうバリエーションを用意して 他のページでも使いまわせるようにしましょう、といった具合で設計する工程を指します。 DocBaseのButtonコンポーネントの例。Figma + Atomic Design でUIコンポーネント集を作りました – KRAY Inc. より これまで何度かコンポーネント設…

「Web制作のスキルを習得しフリーランスになったものの、事業がうまく軌道に乗らない」「Web制作のスキル面以外で不安がある」というように、フリーランスとしての活動にお悩みの方も多いのではないでしょうか。 とは言え、フリーランスを対象としたスクールは未経験者向けのサービスが一般的で、スキルアップやビジネス力を習得するのは難しいと言えます。 そこで本記事では、フリーランスWebクリエイター育成スクール「SLash」についてご紹介します。 「SLash」は、アマチュア人材を対象にスキルアップを目的とするスクールで、営業等のビジネススキルに加えWeb制作に関するスキルを網羅的に学ぶことができます。 本…

こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「アイドリッシュセブン（アイナナ）」の階層を間取りツールで俯瞰的に見てみる、といったことをやってみました。画面の階層や導線を可視化してゲーム全体の構成を俯瞰的に見て、何かつかめないかな、と考えています。 全体図としてはこんな感じです。色分けされているのが主な機能です。７年目を迎えたゲームにしてはそこまで複雑にはなっていない印象です。 全体の所感としては以下です。 ストーリー関連の画面の導線はスッキリ メンバー画面は機…

@hiragramです。nanaのプロダクトマネージャーとiOSアプリ開発を担当しています。 nanaは現在フルリニューアルに向けた作り直しに取り組んでいます。2022年9月現在、デザインや仕様を練ることと、手触りを確かめるためのプロトタイプ実装とを、グルグル繰り返しているところです。そのグルグルをより速くするために作った仕組みを紹介します。 UI確認用のプロトタイプアプリ nanaのiOSアプリ開発において、私たちはコードを書かずとも簡単にモックを作れるようなよくあるプロトタイピングツールを使わず、ネイティブアプリとしてプロトタイプを実装しています。nanaのプロトタイプには単なるデザインの…

漫画を読む奴は頭が弱い 活字が読めないバカしか漫画読まない 子供の娯楽を大人になって読むな アホ 次にくるマンガ大賞 2022 「次にくるマンガ大賞 2022」のうち、自分が読んだ作品のコメントを二、三行程度で並べていく。 一行目には 「タイトル」-「(客観的なつもりの)点数(100点満点)」-「おすすめ度(☆5つ)」 を記載する。 「☆☆☆☆★」とかは4.5の評価 コミックス部門で11冊 WEB漫画部門で29冊 合計40冊 コミックス部門 紙の本はあまり読んでいない。お金が無いから。 ・①「メダリスト」-「93」-「☆☆☆☆☆」 フィギュアスケートの師弟モノ。 2021~2022らへんで連載…

記事一覧 [Basicinc Enjoy Hacking!] 今時の CSRF 対策ってなにをすればいいの？ (2022-08-27) [RareJob Tech Blog] Firebaseでプッシュ通知・アプリ内メッセージでの訴求時の絞り込みtips (2022-08-26) [コドモン Product Team Blog] コドモンの機能リプレイスの開発プロセス (2022-08-26) [TECH BLOG | 株式会社AI Shift] NLP若手の会（YANS）第17回シンポジウム (2022) で発表します (2022-08-26) [CROOZ TECH BLOG] Jenki…

こんにちは。弁護士ドットコム本部デザイン部の細貝です。 少し前になりますが「DESIGNING CONNECTED CONTENT デジタルプロダクトの長期的な成長を支える構造化コンテンツ」の社内勉強会を有志で行いました。 とても良い本だったので、社内外への布教がてら勉強会の様子を紹介したいと思います。 勉強会のきっかけ 情報設計についてもっと知りたかった チームで実践する前提の内容なので、みんなで勉強するのに向いていそうだった やったこと 冒頭に要約パートを用意する 書籍内で紹介された手順をグループワークで試す 監訳者の石橋さんへの質問会と、関連するツールや情報の紹介 勉強会に参加したメンバ…