プロのデザインを解説、UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.2
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 UI&UXデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 先日の記事の続編で、プロのデザインを学べます。 UI & UX Micro-Tips: Volume Two. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ユーザーの混乱を避けるために、UIで確立されたアイコンを使用する 2. 近接を使用して、要素間の関係性を伝える 3. 4ptベースライン＋8ptグリッド＝調和のとれた縦のリズム 4. 見出しのline-heightを減らすのは良いこと 5. 配色で困ったら、類似色で探してみる 6. UIデザインから不要なノイズを取り除く はじめに 次のプロジェクト
Googleが採用するUXデザイン手法「3対1の法則」とは デザイン会社 ビートラックス: ブログ
先週アップしたエシカルデザインに関する内容に関して、具体的にどのようにして“正しいデザイン”を行えば良いのかという質問が寄せられた。 一つの方法は、UXピラミッドの原則に従ってプロダクトの体験価値を検証したり、UXハニカムを活用する方法もある。 それらに加えて今回紹介したいのは、GoogleのAndroidチームが採用しているUXデザイン手法である。とてもシンプルですぐにでも活用できる内容になっている。 進化するデジタルプロダクトに対するUXデザインアプローチサービスのデジタル化やDXが進む中で、多くのプロダクトにおける「完成」という概念がなくなり、デザインは常に進化し続ける必要性が出てきた。特にユーザー体験においては、デバイスの進化やユーザーの感覚の変化などを考慮し、常に改善を続けなければならない。 では、実際にどのようにデザインの良し悪しを判断すれば良いのだろうか？継続的にバージョンア
UIデザイナーのスキルとOOUI観点の構造設計｜Goodpatch Blog グッドパッチブログ
はじめに UI デザイナーとして、スキルを伸ばす方向性を悩んだことがありますか？ 去年、私はスキルを伸ばす方向性をすごく悩みました。世の中の流れとして、UIデザイナーはUXデザイナーを目指すのが多いのに対して、私はインターフェイスアーキテクチャやインタラクションデザイン、エンジニアリングについてすごく興味があるんです。しかし、どうやってそれらのスキルを伸ばすのかは分かりませんでした。 社内の有志のチームに参加 その時、OOUIをはじめUIデザインを研究する有志の集まりがあって、私はそのチームに参加しました。 【Today's Goodpatch✍️】有志で発足された、オブジェクトベースなUIデザインを研究するチームの様子をキャッチ👀上野学さんの記事をチームで読みながら、オブジェクトベースなUIデザインへの取り組み方などディスカッションが白熱していました！ pic.twitter.com/
ユーザーに直感的で分かりやすいボタンとは、UXの観点からくわしく解説
ボタンのクリックレートが低い、ボタンを配置したページにユーザーが長い時間を費やしている、これはボタンが直感的でなく、分かりにくいボタンが原因かもしれません。 コンテンツにおけるボタンの配置、ボタンの形状、導線に基づいた配色など、ユーザーに直感的で分かりやすいボタンをUXの観点から詳しく解説します。 5 Techniques to Make Mobile Call to Action Buttons Intuitive by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ユーザーが分かりやすいボタンとは 1. スキャンパターンに従ってボタンを配置する 2. 形を使って、ボタンをテキストから区別する 3. プログレッシブアクションにカラーを追加する 4. ラベルにあるテキストの太さを変える 5. 優先度の高
モバイルではメニューを画面下に表示すべき理由
スマートフォンの使い方が、脳に影響を与えることがあります。ある調査によると、毎日スマートフォンを使う人は、脳の体性感覚皮質が大きいことがわかりました。体性感覚皮質は、親指のコントロールをつかさどる部位です。 また、ほかの調査では、ほとんどのユーザーがスマートフォンを片手で操作していることが明らかになりました。スマートフォンを握っているとき、ユーザーは左右どちらかの親指で画面を操作しているのです。親指はユーザーにとってマウスのようなものですが、その動きには限界もあります。 親指はマウスの代わり デスクトップデバイスでは、ユーザーは画面の操作にマウスを使用します。ナビゲーションメニューまでマウスを動かすことは簡単です。なぜなら、マウスは手首の動きを制限しないからです。 しかし、ユーザーがスマートフォンを握っているとき、親指は限られた範囲でしか動けません。画面に親指が届かない領域があるのです。こ
会員登録率を15％上げた方法 ~noteの改善の現場から~｜justin / iOSエンジニア
こんにちは。ピースオブケイクでnoteの開発をしているjustinです。 10月に深津さんがCXOに就任して、早2ヶ月が経とうとしています。 週１回グロース会議を行い、そこで話し合われた内容がどんどんリリースされています。 定期的に深津さんがnoteのカイゼン施策をノートにまとめていますが、現場でどんなことが行われているのかはあまり公開したことがありませんでした。そこで、この記事では少しだけ施策の裏側をお話したいと思います。 この記事では「最近のnoteカイゼン(11月中半)」で紹介された、 課金時のユーザー離脱を下げるチューニングを施しましたにスポットをあてます カイゼンの流れざっくりですが、カイゼンの流れは以下のようになります。 1. 購入導線を洗い出す 2. データを取る 3. 数字の著しく落ちているところを探す 4. 改善案を考える 5. 実行する 6. 評価上の流れはcakesの
ボタンのラベルや配置順序のベストプラクティスとは | UX MILK
サイトやアプリにおける典型的なフォーム（もしくはダイアログボックス）には、通常いくつかのボタンがあります。ほとんどのケースで、ユーザーは２つの選択肢を目にします。１つはユーザーの主となるタスクを表し、一方は付随する副次的なタスク（フォームに入力した内容の取り消しやキャンセルなど）を表します。 この記事ではアクションボタンに関する基本的なUXについて概観し、デザイナーの間でよくある質問である「OKかキャンセル、どちらのボタンが最初にくるべきか」に答えます。 エラー防止 Jakob Nielsen氏のユーザビリティ・ヒューリスティックによると、「丁寧なデザインによって、最初の段階で問題が起こることを防止する」とあります。ユーザーが突発的に間違ったものを選択してしまうかもしれない状況を排除できるように努力する必要があります。 濃淡で視覚的な区別をつける ２つのボタンの違いを明確にするために、ボタ
DeNA南場智子氏が語った「経営会議より、UI/UXが大事」なぜ今デザインなのか？ - リクナビNEXTジャーナル
DeNAとGoodpatchが合同で運営する「UI Crunch」から、若手デザイナーのためのコミュニティの発展を目的として誕生した「UI Crunch Under25」。第一回のイベントが渋谷ヒカリエで開催された。その基調講演でDeNA会長・南場智子氏は、「これからのデザインとビジネスの関係」をテーマに講演。 何かの才能を持っている人や、ものをクリエイトできる人に対して、すごくコンプレックスを持っているという南場智子氏。なぜ今、デザインが大事なのか？その理由を、自らの失敗談とDeNAの事業戦略を交えながら語ってくれた。 ▲株式会社ディー・エヌ・エー 取締役会長 南場 智子氏 1986年、マッキンゼー・アンド・カンパニー入社。ハーバード・ビジネス・スクールでMBAを取得し、96年、マッキンゼーでパートナー（役員）に就任。99年に同社を退社して株式会社ディー・エヌ・エーを設立、代表取締役社長
UI/UXデザイナーなら一度は目を通しておきたい「デザイン原則」まとめ【随時更新】
世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01： 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28： 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/
転職は@type - あなたにおすすめの求人情報とスキルマッチ率がわかる転職サイト
ご利用の皆様にはご迷惑をお掛けして、大変申し訳ございません。 メンテナンス終了まで今しばらくお待ちください。
UXデザインをアプリ制作のワイヤーフレームとプロトタイプに取り入れるケーススタディ « ブログ｜東京のアプリデザイン制作会社｜株式会社ハラハラ｜harahara Inc.
巷で良く聞かれる「UXデザインとは？」意味が広義にわたるため明快に答えることが出来る人はなかなか少ないのではないでしょうか？ただ「ハラハラという会社で提供するUXデザインとは何？」と聞かれたらこう答えると思います。 “ルック＆フィールによって発生する体験の価値をよりよくする為の作業” UXデザインを正しく運用・開発するためにはIA（情報アーキテクチャ）とそれを実行する手法（ステートメントシート、ペルソナ、カスタマーエクスペリエンスマップ、ワイヤーフレームなど）を組み合わせる必要があります。 今回はそういったツールの中で制作過程におけるレイトステージにおいて弊社で最もハードに使われる「ワイヤーフレーム」と「プロトタイプ」を組み合わせる開発方法を少しだけご紹介いたします(あくまでもアプリの操作法では無くワークフローの一部を抜粋したものになります) 基本的な流れはワイヤーフレーム→プロトタイプの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
