ソシオメディアがまとめている、ヒューマンインターフェースをデザインする際の指針です。これらは、インターフェースデザインに関する様々な文献と、実際のデザインコンサルティングで得た知見をもとに、ソシオメディアが独自に編纂したものです。継続的に追加・更新していきます。 すべてモデルインタラクションプレゼンテーション

デザインを行う際には、感覚ではなく複数のロジックを活用することで、より精度の高いプロダクトを創り出すことができる。 そのプロダクトを人間が利用する場合、ユーザーの視覚や行動心理学などをしっかりと理解し、活用すればデザイナーとしての能力が一段と高まるはず。 今回紹介するのは、複数あるデザインにおける法則のうち、ビートラックスのデザインチームでも頻繁に利用される代表的な10の法則。プロのデザイナーなら、これは押さえておきたい。 デザイナーなら知っておきたいデザインに関する基本の10法則 ヤコブの法則 ヒックの法則 80/20の法則 パーキンソンの法則 フィッツの法則 ミラーの法則 テスラーの法則 FBMモデル ドハティのしきい値 3対1の法則 ヤコブの法則 ユーザービリティーの父であるヤコブ・ニールセンが提唱する法則。一般的なユーザーは、アプリやプロダクト、Webサイトなどに、既存のものと同じ

※某まとめサイトにてまとめていた記事の転用です BASENAME: 2150782012031271001 STATUS: Publish ALLOW COMMENTS: 1 ALLOW PINGS: 1 CONVERT BREAKS: richtext DATE: 12/06/2018 00:54:50 良い・悪いと思ったデザイン例からデザイン思考、デザインに関した事例などを多数サイトやSNSでの投稿を参考・引用してまとめました。 ■はじめにデザインに関する疑問や、ここでの前提をまずまとめていきます。 ―――デザインとは？ （design）の語源は、デ（de：削る）・ザイン（sign：形作る）である。これはラテン語で「私欲を削り落とし、本質を磨き上げること」を意味する。 出典 なぜゴッホは貧乏で、ピカソは金持ちだったのか? | 山口 揚平 |本 | 通販 | Amazon デザイン（de

Unsolicited redesign of Disney Plus’ sign-up process by Jeff Shibasaki Part 1: The ChallengeBackgroundDisney+ is the on-demand, subscription streaming service that's home to movies, series and originals from Disney, Pixar, Marvel, Star Wars and National Geographic. ProblemUsers need a way to sign up to Disney+ that’s more benefit-driven and helpful at each step. If the sign-up process isn’t clear,

このチェックリストはブログで公開しただけではなく、私たちのウェブ制作の現場でもフル活用されています。この1年間に手掛けた多くのBtoBサイトが、このチェックリストを満たすように設計され、多くのBtoBサイトでコンバージョン数/率やフォーム誘導数/率の向上など、ポジティブな変化が生まれました。 このような活動の中から、『BtoBサイト・チェックリスト』の内容を満たした『BtoBサイト・ワイヤーフレーム』なるものが誕生しました。これを今回、皆さんにご提供します。リード情報なども一切取らず、そのまま丸ごとお渡しします。 BtoBサイト標準ワイヤーフレームXD版（770KB） BtoBサイト標準ワイヤーフレームPNG版（8.6MB） Adobe XDでパブリッシュしたプロトタイプ 編集可能なファイルはAdobe XDのみです。それ以外のデザインツールをお使いの方は、PNG版を参考に自作してみてくだ

心理学がデザインに大きく関わってる理由がここにあります。

売上を伸ばしたい。 課金率を伸ばしたい。 でも、難しい！ コンバージョンするサブスク UI を勉強したかったので、いくつかのアプリをスクショ。あたまの整理にまとめたのでアップ。 Web の LPO はかなりノウハウ系記事がありますが、アプリのサブスク UI は、まだまだ少ない気がします。誰かの参考になれば嬉しいです。 まとめ内のコメントは個人的感想です。まだまだ勉強中なので、お気軽にご意見いただけるとうれしいです。 ※ スクショは少し前に撮影したものなので、一部古くなってるかもしれません。 UI パターン 1. ミニマム型 2. プラン比較型 3. 横スクロール型 4. リスト型 5. ロング LP 型 規約表示パターン 1. 固定表示型 2. 隠しスクロール型 3. フッター型 4. 遷移型 サービスパターン 1. 探索財 2. 経験財 3. 信頼材 UI パターン1. ミニマム型最低限

2019年が始まりました。 本年もクリエイターの創作活動をサポートするプラットフォームとして、サービス改善をどんどん行っていきます！ まずは年初めとして、2018年のカイゼンとサービス成長の振り返りを発表させていただきます。 サービス数値が成長しましたたくさんのカイゼン施策と、クリエイターを巻き込んだ取り組みが実を結び、サービス数値が大きく成長しました。 PV、UUともに1年間で約2倍となりました。 noteはあらゆる作品を生み出すこと、作品を世に広めることを存在意義としています。 多様なクリエイター、さらに作品を求める読者が集まる場としてさらにパワーアップしました。 特にSEOは大きくのびています。 noteの検索流入はこの1年間で約4倍に成長しました。 生まれた作品を、より多くの人に発見してもらうことにつなげることができました。 カイゼン施策の振り返り2018年は、告知していないものを

現在のホームページ制作には、クライアントが期待する結果をきちんと出すことはもちろん、効率的なホームページ運用を積極的に支援していくことが強く求められています。そうした要望に応えるためにホームページ制作者が学ぶべきことのポイントを、課題図書とあわせて紹介していきます。本当に価値のあるホームページ制作を効率的に進めていくために、ともに学び、成長しましょう。 クライアント企業がホームページ制作会社を乗り換える理由、それは2種類しかありません。作ってもらったホームページが役に立たなかったから、または、公開後のホームページを改善するための提案がなかったから、このいずれかまたは両方の理由で、企業はホームページ制作会社を乗り換えます。 クライアント企業が抱く不満は明らかなのですから、ホームページ制作会社が取り組むべきこともまた明確です。それらの不満を解消するのです。 まずは、ホームページのリニューアルま

チャネル・デバイスを問わず、 ユーザの行動を捉える機能を 揃えています PC・スマホなど、 デバイスをまたいだ行動を計測 顧客IDを取得できるため、PC・スマホ・タブレットなどバラバラのデバイスでアクセスしていても、顧客IDが同じであれば、同一のユーザとして特定します。 ネイティブ・アプリでの 行動も計測 スマートフォンのネイティブアプリにおける顧客行動の計測にも対応しています。さらに、顧客IDを取得していれば、ウェブ・アプリをまたいだ行動の順序・流れ（シーケンス）を時系列で分析できます。 リアルチャネルでの 行動データをインポート 店舗での購入や、コールセンターでの対応履歴、ダイレクトメールの発送履歴など、リアルチャネルでの行動データをインポートできます。 リアルでの行動も含めた分析が可能になります。 発見した行動の順序・流れを チーム内でオンライン共有 チームのメンバーが発見した行動の

中島健人が映画「ニセコイ」に主演します。僕はハーレムな高校生活に人一倍憧れがあります。 さて。 前回の動画系アプリ比較に引き続き、部外を巻き込んで勉強会を行いました。今回は音楽系アプリ（Apple Music/ Spotify/ AWA）を対象にUXUIについて議論していきます。 非デザイナーの方にも、UXデザインプロセスを体験してもらえればと考え、今回はこのようなフォーマットを用意しました。 このフォーマットをベースに、ペルソナやカスタマージャーニーマップを逆算します。 具体的なタイムスケジュールはこんな感じ（1時間ギリギリ）。 0.チーム分け-5min 1.機能の洗い出し-5min 2.付箋のマッピング・ジャーニー作成-20min 3.ペルソナ作成-20min 4.発表-10minでは、各チームごとに導き出したペルソナ・ジャーニーマップを見てみましょう。 Apple Music ①「A

注1）その後300万PV/月に達しました 注2）すでにサルワカの運営から身を退いています サルワカというWebメディアを運営してきた。僕を中心に、数人のライターが記事を書いている。それぞれが別の本業を持っている。あくまでも気ままに更新するメディアだ。 サルワカを始めたのは2016年の12月。 その1年後には200万ページビュー/月を超え、1年半後の今では、250万ページビュー/月を超えた。 ページビュー（PV）はサイトの価値を示す１つの指標にしか過ぎないが、個人運営のメディアでここまで到達できたのは嬉しい。 最近は本業の方が充実してきて、僕はほとんど記事を書けていない。記事執筆に時間をかけたい思いはあるが、それがいつになるかは分からない。 ただ、せっかくある程度メディアを成長させることができたのだから、この経験を共有しないのも勿体無い気がする。 そこで、サルワカというメディアをどのような考

後編は、イベントにお申込みいただいた皆さんから寄せられた質問と、その回答をご紹介します。モデレーターにDeNA 増田 真也さん、Goodpatch 土屋を迎え、娯楽のUIをデザインするために大切なことを聞きました！ ハッシュタグ「#uicrunch」のつぶやきのまとめは、こちらからご覧いただけます。 登壇者プロフィール 正木 義文 (MASAKI yoshifumi) ｜UI/UX デザイン チーフ 多摩美術大学でグラフィックデザインを学んだ後、2005年に任天堂入社。 UI/UXデザイナーとして多数のゲームソフトを開発しつつ、現在はUIデザイン開発チーフとしてゲームソフトのUIクオリティを統括している。 UIデザインのなかに、機能や実用性だけでなく楽しさやユーモアを盛り込むことを得意とする。 担当プロダクト：Nintendo Labo (Nintendo Switch, 2018）、どう

ビジネスにおけるデザインの重要性が高まるにつれて、デザイナーに求められるスキルに変化が生まれている。これまで”デザイナー”と言うと、見た目の綺麗にしたり、開発がある程度完了したプロダクトの見た目を綺麗にしたり、広告のクリエイティブを作成する、いわゆる”絵を描く”作業を行う職業と思われきた。 しかし、デザイン思考やサービスデザインなどの新たなプロセスを通じ、企画の段階からデザイナーが関わるケースや、デザイナー出身の経営者のいる企業の活躍などでデザインがよりプロダクトやビジネスの根本に影響を与え始めている。 これにより、時代の変化とともに”デザイン”の領域がどんどん広がってきている。簡潔に言うと、美しさの提供、コミュニケーションの効率化から始まり、プロダクトの魅力の最大化、そして問題解決に対するプロセス構築までの全てを担う役割全てである。 design, Design, DESIGN その違い

コンテンツとセリングとは 先日、CSS Nite LP29（Web制作に関わる方のためのセミナーイベントで今回のテーマはインハウスSEO）に参加して来ました。 各セッションがとても興味深いものだったのですが、その中でも特に私が考えている施策にヒントを与えてくれたのが、住太陽さんの理由と経路のマーケティングでした。 住さんのセッションの中で、「コンテンツとは、教養・娯楽を提供するもの（潜在層の目的ともなる）であり、売り込みや自社サービスの自慢をするものでない。」という話がありました。 住さんは、 ・娯楽や教養を提供するもの＝コンテンツ ・売り込みや自社サービスの自慢＝セリング というように分けており、Facebookがコンテンツをターゲット層に見て貰う手段として有効だと話されていました。 私は、このセッションを通して、 「セリング情報とコンテンツを混在して理解してはいけない！」 「セリング情

はじめまして。HCD-Net教育事業部の東海地区担当の加藤公一です。 HCD-Netで東海地区のセミナーの企画・運営をしています。 Facebookで繋がっている人にはたい焼き好きで有名な加藤ですw ε°)#))３ さて、今まで名古屋では何回かUXデザインのセミナーを実施してきましたが、今年度はUXデザインの連続セミナー（全5回）を企画しています。 このマガジンではその連続セミナーを開催しようとした経緯や自身が実感している学びのコツなどを紹介しようと思います。 名古屋でのUXデザインセミナーの紹介まず今回は今まで名古屋でどんなUXデザインのセミナーをしてきたかを紹介します。 ここ数年UXデザインという言葉がよく聞くようになりました。Web業界からその概念が広まり、今や製造業にも波及しているのを実感しています。 それに合わせ東京を中心にUXデザインに関するセミナーやイベントが数多く開催される

THE GUILDさま主催の勉強会にお邪魔してきました。今回のテーマは「ユーザーインタビュー設計」です。 ・UI、UX、サービスデザインに興味がある。 ・ユーザーインタビューの具体的なやり方や社内での導入方法がわからない。 ・他社のユーザーインタビューの実践事例を知りたい。こんな人におすすめだそうです。モデレーターはこばかなさんでした。 早速レポートしていきたいと思います。 金子 剛さん - ユーザー中心組織論 ●そもそもユーザーインタビューはなぜ必要？ ・他者視点で判断できるようになるから →同じプロダクトでも企画者、開発者、ユーザー、それぞれの視点から全く違う見え方をしている。相手を知り、共感することで初めて「ユーザーの目線」でプロダクトを評価することができるようになる。 ●「組織単位」でユーザーインタビューを考えた方がいい ・組織が同じ価値観を持ってプロダクトに向き合えるようになるか

google検索結果から飛んだりアンテナサイトから直接記事のURLに飛んできたのに、 なぜもうワンアクションで「続きを読む」を押させるの？ 初めの３～５行くらい本文が表示してあって「続きを読む」を押すと全文表示させるやつ。 しかも大して本文がながくない。（メチャクチャ本文長いとかならまだわかるけど） 例えばそのサイトの記事一覧みたいなページで記事内容一部表示させて流し読みする場合なんかにはいいよね。 でもその記事URLに直接飛んできてるんだけど！本文見たくて来てるんだからやめてほしいまじで！

こんにちは。サービスデザイナーの佐藤 史です。 サービスデザインには、さまざまな専門的メソッドが存在します。サービスデザインの普及に伴って最近ではさまざまな書籍が発行されたりセミナーが開催され、皆さんが所属されている企業や団体の中でも実際にサービスデザインの手法を試みられたり、ツールを活用される機会も多くなっているのではないでしょうか。 しかし同時に、ツールを使うこと自体が目的化してしまったり、本来の意義を踏まえずにやり方の部分だけを表層的に真似してしまったりすることで、やってみたはいいけど効果や成果を実感できなかった、というようなケースも見受けられるようになってきました。 どんなに優れた手法・ツールであっても、使う局面や目的を間違えると、期待した成果は得られません。 そこで、本稿では、コンセントが普段関わっている多くのプロジェクトの中で、よく使われていて、かつ専門性の高い手法・ツールにつ

TVKで再放送されているあぶデカにハマっているgamiです。あの時代の関内・馬車道あたり物騒すぎるでしょ…。 さて、以前にも紹介しました、気になるデザインを共有するDesignClipという社内のチャットグループより、画面遷移がシームレスでこいつぁすげえや！となったものを幾つか紹介できればと思います。チェケラ！ 佐久間徹設計事務所 デザインはすごくシンプルで動きもいいと印象によく残ります。 仕事一覧から仕事詳細へ 一覧の写真をクリックするとコンテンツの後ろでニュッと大きくなる感じが好き。 下位ページへ グローバルメニューに注目してるといつの間にかコンテンツが変わってる。 Orenda Security セキュリティ会社のサイト。シャッターのような動きからのロゴアニメーションはまさに鍵をかけてるように感じました。 スタジオスプーン株式会社 四方のボタンをクリックすると、その方向から背景がスラ