全てのデザイナーが知っておくべき10の法則 デザイン会社 ビートラックス: ブログ
デザインを行う際には、感覚ではなく複数のロジックを活用することで、より精度の高いプロダクトを創り出すことができる。 そのプロダクトを人間が利用する場合、ユーザーの視覚や行動心理学などをしっかりと理解し、活用すればデザイナーとしての能力が一段と高まるはず。 今回紹介するのは、複数あるデザインにおける法則のうち、ビートラックスのデザインチームでも頻繁に利用される代表的な10の法則。プロのデザイナーなら、これは押さえておきたい。 デザイナーなら知っておきたいデザインに関する基本の10法則ヤコブの法則ヒックの法則80/20の法則パーキンソンの法則フィッツの法則ミラーの法則テスラーの法則FBMモデルドハティのしきい値3対1の法則ヤコブの法則ユーザービリティーの父であるヤコブ・ニールセンが提唱する法則。一般的なユーザーは、アプリやプロダクト、Webサイトなどに、既存のものと同じような動作体験を望む。
【悪いUI・良いUI】発想の転換から打開したアイデアまで【デザイン思考】｜Angry Breakfa$t
※某まとめサイトにてまとめていた記事の転用です 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
Disney Plus: Writing a Better Sign-Up Experience for iPhone
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,
成功法則が詰まったBtoBサイトの標準ワイヤーフレームを無料配布します | knowledge / baigie
約1年前、BtoB企業における顧客獲得型サイトの勝ちパターンをまとめた『BtoBサイト・チェックリスト』を、ベイジ、才流さん、WACULさんの3社連名で発表し、大きな反響をいただきました。 このチェックリストはブログで公開しただけではなく、私たちのウェブ制作の現場でもフル活用されています。この1年間に手掛けた多くのBtoBサイトが、このチェックリストを満たすように設計され、多くのBtoBサイトでコンバージョン数/率やフォーム誘導数/率の向上など、ポジティブな変化が生まれました。 このような活動の中から、『BtoBサイト・チェックリスト』の内容を満たした『BtoBサイト・ワイヤーフレーム』なるものが誕生しました。これを今回、皆さんにご提供します。リード情報なども一切取らず、そのまま丸ごとお渡しします。 BtoBサイト標準ワイヤーフレームXD版（770KB） BtoBサイト標準ワイヤーフレーム
UI/UXデザイナーが知っておくべき心理学の原則 | STUDIO Blog
心理学がデザインに大きく関わってる理由がここにあります。
課金 UI まとめてみた｜あき - 良いもの作って正しく届ける
売上を伸ばしたい。 課金率を伸ばしたい。 でも、難しい！ コンバージョンするサブスク UI を勉強したかったので、いくつかのアプリをスクショ。あたまの整理にまとめたのでアップ。 Web の LPO はかなりノウハウ系記事がありますが、アプリのサブスク UI は、まだまだ少ない気がします。誰かの参考になれば嬉しいです。 まとめ内のコメントは個人的感想です。まだまだ勉強中なので、お気軽にご意見いただけるとうれしいです。 ※ スクショは少し前に撮影したものなので、一部古くなってるかもしれません。 UI パターン 1. ミニマム型 2. プラン比較型 3. 横スクロール型 4. リスト型 5. ロング LP 型 規約表示パターン 1. 固定表示型 2. 隠しスクロール型 3. フッター型 4. 遷移型 サービスパターン 1. 探索財 2. 経験財 3. 信頼材 UI パターン1. ミニマム型最低限
2018年のカイゼン施策とnote成長の振り返り｜note公式
2019年が始まりました。 本年もクリエイターの創作活動をサポートするプラットフォームとして、サービス改善をどんどん行っていきます！ まずは年初めとして、2018年のカイゼンとサービス成長の振り返りを発表させていただきます。 サービス数値が成長しましたたくさんのカイゼン施策と、クリエイターを巻き込んだ取り組みが実を結び、サービス数値が大きく成長しました。 PV、UUともに1年間で約2倍となりました。 noteはあらゆる作品を生み出すこと、作品を世に広めることを存在意義としています。 多様なクリエイター、さらに作品を求める読者が集まる場としてさらにパワーアップしました。 特にSEOは大きくのびています。 noteの検索流入はこの1年間で約4倍に成長しました。 生まれた作品を、より多くの人に発見してもらうことにつなげることができました。 カイゼン施策の振り返り2018年は、告知していないものを
本当に価値のあるホームページ制作のための課題図書 | ドコドア
現在のホームページ制作には、クライアントが期待する結果をきちんと出すことはもちろん、効率的なホームページ運用を積極的に支援していくことが強く求められています。そうした要望に応えるためにホームページ制作者が学ぶべきことのポイントを、課題図書とあわせて紹介していきます。本当に価値のあるホームページ制作を効率的に進めていくために、ともに学び、成長しましょう。 クライアント企業がホームページ制作会社を乗り換える理由、それは2種類しかありません。作ってもらったホームページが役に立たなかったから、または、公開後のホームページを改善するための提案がなかったから、このいずれかまたは両方の理由で、企業はホームページ制作会社を乗り換えます。 クライアント企業が抱く不満は明らかなのですから、ホームページ制作会社が取り組むべきこともまた明確です。それらの不満を解消するのです。 まずは、ホームページのリニューアルま
UI勉強会 ~サービス比較してみた 音楽系アプリ編~｜ふうと / おぷと｜note
中島健人が映画「ニセコイ」に主演します。僕はハーレムな高校生活に人一倍憧れがあります。 さて。 前回の動画系アプリ比較に引き続き、部外を巻き込んで勉強会を行いました。今回は音楽系アプリ（Apple Music/ Spotify/ AWA）を対象にUXUIについて議論していきます。 非デザイナーの方にも、UXデザインプロセスを体験してもらえればと考え、今回はこのようなフォーマットを用意しました。 このフォーマットをベースに、ペルソナやカスタマージャーニーマップを逆算します。 具体的なタイムスケジュールはこんな感じ（1時間ギリギリ）。 0.チーム分け-5min 1.機能の洗い出し-5min 2.付箋のマッピング・ジャーニー作成-20min 3.ペルソナ作成-20min 4.発表-10minでは、各チームごとに導き出したペルソナ・ジャーニーマップを見てみましょう。 Apple Music ①「A
サルワカという個人メディアを250万PV/月にまで育てた方法｜CatNose
注1）その後300万PV/月に達しました 注2）すでにサルワカの運営から身を退いています サルワカというWebメディアを運営してきた。僕を中心に、数人のライターが記事を書いている。それぞれが別の本業を持っている。あくまでも気ままに更新するメディアだ。 サルワカを始めたのは2016年の12月。 その1年後には200万ページビュー/月を超え、1年半後の今では、250万ページビュー/月を超えた。 ページビュー（PV）はサイトの価値を示す１つの指標にしか過ぎないが、個人運営のメディアでここまで到達できたのは嬉しい。 最近は本業の方が充実してきて、僕はほとんど記事を書けていない。記事執筆に時間をかけたい思いはあるが、それがいつになるかは分からない。 ただ、せっかくある程度メディアを成長させることができたのだから、この経験を共有しないのも勿体無い気がする。 そこで、サルワカというメディアをどのような考
任天堂のUI/UXデザイナーに5つの質問！UI Crunch #13 娯楽のUI【書き起こし後編】｜Goodpatch Blog グッドパッチブログ
後編は、イベントにお申込みいただいた皆さんから寄せられた質問と、その回答をご紹介します。モデレーターにDeNA 増田 真也さん、Goodpatch 土屋を迎え、娯楽のUIをデザインするために大切なことを聞きました！ ハッシュタグ「#uicrunch」のつぶやきのまとめは、こちらからご覧いただけます。 登壇者プロフィール 正木 義文 (MASAKI yoshifumi) ｜UI/UX デザイン チーフ 多摩美術大学でグラフィックデザインを学んだ後、2005年に任天堂入社。 UI/UXデザイナーとして多数のゲームソフトを開発しつつ、現在はUIデザイン開発チーフとしてゲームソフトのUIクオリティを統括している。 UIデザインのなかに、機能や実用性だけでなく楽しさやユーモアを盛り込むことを得意とする。 担当プロダクト：Nintendo Labo (Nintendo Switch, 2018）、どう
【給与差1.4倍】グラフィックデザイナーがUXデザイナーになる方法 | freshtrax | デザイン会社 btrax ブログ
ビジネスにおけるデザインの重要性が高まるにつれて、デザイナーに求められるスキルに変化が生まれている。これまで”デザイナー”と言うと、見た目の綺麗にしたり、開発がある程度完了したプロダクトの見た目を綺麗にしたり、広告のクリエイティブを作成する、いわゆる”絵を描く”作業を行う職業と思われきた。 しかし、デザイン思考やサービスデザインなどの新たなプロセスを通じ、企画の段階からデザイナーが関わるケースや、デザイナー出身の経営者のいる企業の活躍などでデザインがよりプロダクトやビジネスの根本に影響を与え始めている。 これにより、時代の変化とともに”デザイン”の領域がどんどん広がってきている。簡潔に言うと、美しさの提供、コミュニケーションの効率化から始まり、プロダクトの魅力の最大化、そして問題解決に対するプロセス構築までの全てを担う役割全てである。 英語のdesign, Design, DESIGN そ
名古屋でのUXデザインセミナーの紹介（#01 HCD-Net東海 連続セミナー開催経緯と学びのコツ）｜加藤公一
はじめまして。HCD-Net教育事業部の東海地区担当の加藤公一です。 HCD-Netで東海地区のセミナーの企画・運営をしています。 Facebookで繋がっている人にはたい焼き好きで有名な加藤ですw ε°)#))３ さて、今まで名古屋では何回かUXデザインのセミナーを実施してきましたが、今年度はUXデザインの連続セミナー（全5回）を企画しています。 このマガジンではその連続セミナーを開催しようとした経緯や自身が実感している学びのコツなどを紹介しようと思います。 名古屋でのUXデザインセミナーの紹介まず今回は今まで名古屋でどんなUXデザインのセミナーをしてきたかを紹介します。 ここ数年UXデザインという言葉がよく聞くようになりました。Web業界からその概念が広まり、今や製造業にも波及しているのを実感しています。 それに合わせ東京を中心にUXデザインに関するセミナーやイベントが数多く開催される
THE GUILD勉強会 -ユーザーインタビュー設計-レポート｜とってぃ
THE GUILDさま主催の勉強会にお邪魔してきました。今回のテーマは「ユーザーインタビュー設計」です。 ・UI、UX、サービスデザインに興味がある。 ・ユーザーインタビューの具体的なやり方や社内での導入方法がわからない。 ・他社のユーザーインタビューの実践事例を知りたい。こんな人におすすめだそうです。モデレーターはこばかなさんでした。 早速レポートしていきたいと思います。 金子 剛さん - ユーザー中心組織論 ●そもそもユーザーインタビューはなぜ必要？ ・他者視点で判断できるようになるから →同じプロダクトでも企画者、開発者、ユーザー、それぞれの視点から全く違う見え方をしている。相手を知り、共感することで初めて「ユーザーの目線」でプロダクトを評価することができるようになる。 ●「組織単位」でユーザーインタビューを考えた方がいい ・組織が同じ価値観を持ってプロダクトに向き合えるようになるか
画面遷移がすごいサイトのまとめ | バシャログ。
TVKで再放送されているあぶデカにハマっているgamiです。あの時代の関内・馬車道あたり物騒すぎるでしょ…。 さて、以前にも紹介しました、気になるデザインを共有するDesignClipという社内のチャットグループより、画面遷移がシームレスでこいつぁすげえや！となったものを幾つか紹介できればと思います。チェケラ！ 佐久間徹設計事務所 デザインはすごくシンプルで動きもいいと印象によく残ります。 仕事一覧から仕事詳細へ 一覧の写真をクリックするとコンテンツの後ろでニュッと大きくなる感じが好き。 下位ページへ グローバルメニューに注目してるといつの間にかコンテンツが変わってる。 Orenda Security セキュリティ会社のサイト。シャッターのような動きからのロゴアニメーションはまさに鍵をかけてるように感じました。 スタジオスプーン株式会社 四方のボタンをクリックすると、その方向から背景がスラ
プロトタイプを使って要件をまとめるときに気をつけるべきこと
JoeはUX/CXコンサルタントとして長年のキャリアがあり、現在はUXに関する書籍、講演などを多数手がけるUXの伝道師です。 「要件を決めた時に想像していた仕様と違う」 開発チームのほとんどが、プロジェクトの中でも最悪のタイミングで、このような発言を聞くはめになります。大抵、このようなことが起きると、開発者は自分を正当化しようと怒り出します。正確に要件を定義していなかったとステークホルダーを叱責するのです。 これはもっともな怒りではあります。しかし、同時にこの状況の責任は私たち開発側にもあることも事実です。 私たちは認識のズレを埋めるため、要件に必要なことをステークホルダーに伝えてきれていません。この記事では、開発の現場で起きがちなことについて話していきます。 要件をまとめることの背景にある厳しい事実 要件が決められるのは、大抵ステークホルダーとのミーティングのときです。ステークホルダーは
Sketchテンプレート付き！UXデザイナーがビジネスモデル図解に挑戦してみた｜Goodpatch Blog グッドパッチブログ
UXデザイナーのKatsukiです。 以前、ストーリーテリングの重要性、及びストーリーボードとしてストーリーを可視化する利点を記事にしました。 なぜビジネスモデルの図解に挑戦したか UXデザイナーである私が第一に期待されているのは、もちろんユーザーにとっての良い体験をデザインすることです。 そしてそのデザインがビジネスにインパクトを与えることもUXデザイナーの重要な役割です。 もはやその時点でUXデザイナーではなく、デザインストラテジストや、ビジネスデザイナーと呼べるのではないか？とも捉えられますが、それらの役割の呼称の議論は今回は割愛します。 更に具体的に言うと、新規事業を立ち上げるプロジェクトに携わるすべてのビジネスパーソンは、そのビジネスを伸ばすキモがどこであるのかを明確に定義し、説明できる必要があります。ビジネスとして注力すべきポイントを明らかにすることは、チームの士気を上げること
ユーザー体験に関連するUXデザイントレンドまとめ デザイン会社 ビートラックス: ブログ
ユーザー体験が商品やサービスの成功を左右すると言われはじめてから数年がたった。世界中の大部分の人たちがスマホを使い、ミレニアル世代を中心にモノを所有することへの興味が下がり、体験をデザインすることが一つのデザイナーの仕事として成立している。 こんな時代にあって、UXデザインはどのような変化を見せてきているのであろうか。2017年を振り返り、UXデザインを取り巻くトレンドをまとめてみた。 1.「使いやすさ」は基本中の基本にユーザー体験を設計する上でもっとも基本となるのが「使いやすさ」。心地よい体験を提供するには、まずは基本的な使いやすさの品質がカバーされている必要がある。専門的に言う所のユーザビリティ。UXの品質評価をする際に使われるUXピラミッド理論においても、下記の通り根底から3つの部分は使いやすさをカバーする要素になる。 Task – 目的達成可能 (レベル1-3)Task – 目的達
大規模デザインシステムを作る：いかにしてアメリカ連邦政府のデザインシステムを作り上げたか - カタパルトスープレックス
原文："Building a large-scale design system: How we created a design system for the U.S. government" by Maya Benari, October 3, 2017 現在、ほぼ30,000の米国連邦政府のウェブサイトがありますが、それらウェブサイトの間に一貫性はほとんどありません。テクノロジーの分野で働く数十万人の政府機関の職員がいますが、彼らの携わるウェブサイトの構築や管理方法に共通点はありません。 その結果、政府はユーザーが十分に満足できないサービスに多くのリソースを費やしています。連邦政府のウェブサイトは行政が提供するサービスの正面玄関です。アメリカ政府と何らかの接触をはかるときユーザーが最初に出会う場所です。米連邦政府一般調達局のFederal Front Doorイニシアチブの調査からウ
Webデザインのスタイルガイドの作り方
Webサイトの制作はどんどん複雑化しており、１人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Webサイトを分割してチームでデザインをするときにチームメンバーが共通認識を持つには、デザインドキュメントまたはWebデザインのスタイルガイドを作成することが有効です。これは、エンジニアがデザインを変更してしまうことを防ぐのにも役立ちます。 異なるページの間に一貫した体験を作り出すために、スタイルガイドを用意するのはとても有効です。また、今後の開発やサードパーティ製品が生まれた際も、ブランドのガイドラインに沿い、ブランドの一部として知覚されるようにやすくなるでしょう。 Luke Clum氏は、Webデザインの第一歩としてスタイルガイドを利用することについて、昨年簡単に紹介をしました。この記事で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
