ユーザーが迷わない、直感的に操作できるUIの作り方 | UX TIMES
こんにちは、デザイナーの小蕎です。UX DAYS TOKYOの読書会で学んだ”心理学や脳科学”の内容を取り入れた「脳科学で習慣化を促すアプリ（以下、習慣化アプリ）」を作ってみようということになりました。 アプリの画面設計をして、オーガナイザーである大本さんからUIを指摘されることで多くのナレッジを得られました。知識として頭にいれるだけでは身につかない、実際に作ってみたことで学べた事例をご紹介します。 CTAはメインカラーと異なるものを利用する 色を決定していく時に、ヘッダーや行動を誘導するボタン（CTA）もメインカラーにあわせた色にしていました。 それが左の画像です。ヘッダーと「次へ」ボタンが同じ色になっていて一見まとまりがあるように見えますが、馴染みすぎてしまいCTAであることや強調したい部分がユーザーに伝わりません。 メインカラーとボタンを同じにしてしまうと画面に馴染みすぎてユーザーの
アート作品としてのモバイルアプリ | UI/UX Journal vol. 20｜Sakino Tomiura
今回は、「アート作品としてのモバイルアプリ」というテーマでnoteを書いてみたいと思います。 私がこのテーマについて考え始めるようになったきっかけになったのが、"(Not Boring) Apps" というアプリでした。 "(Not Boring) Apps" とは？Andy Worksが運営しているアプリのシリーズで、現在「天気予報」「計算機」「タイマー」の3つのiOSアプリを展開しています。 機能はどれもミニマルで、それぞれ"ただの"天気予報/計算機/タイマーのアプリなのですが、それぞれの作り込みがとても細かく、ビジュアル・アニメーション・サウンド...それらすべてにかなりのこだわりが感じられます。 このアプリに出会うまでは、「計算機アプリなんてiOSデフォルトのアプリで十分事足りるし...アプリはシンプルでミニマルなものだけでいい」と思っていました。 そんな私が、この「ただのユーティ
せっかちなWebディレクターの私が実は好きじゃないUI/UX 5選 - NRIネットコムBlog
本記事はNRIネットコム Advent Calendar 2021 6日目の記事です。 🤶 5日目 ▶▶ 本記事 ▶▶ 7日目 🦌 こんにちは。Webディレクターの西田です。 これは職業病なのでしょうか… 仕事中でもプライベートでも、ウェブサイトやアプリを見ると、「うわーー色使いおしゃれ♡」「フォントかわいい♡」ってときめいたり、「この誘導うまっ」「そんな見せ方があったとは…！」と尊敬してみたり、はたまた「使いにくっ」「なんでそうしたんや」とつっこんだりしています。 今日は、そんな私がこんなテーマで書こうと思います。 一般的には結構使われてるけど、実は私が好きじゃないUI/UX 5選！ あくまで個人の好き嫌いをつらつらと書こうと思いますので、おおらかで器の大きな皆様に「なるほど、せっかちな人はこう思ってるのか」という気づきを持っていただけたら嬉しいです。 逆に「こう捉えたら好きになれる
【2022年最新版】デザインマネージャーが厳選したおすすめUI/UX書籍36選！～これから始める方必見～ - RAKUS Developers Blog | ラクス エンジニアブログ
こんにちは、クリエイティブ課 木村圭です。 クリエイティブ課は、ラクスグループ内で提供しているサービスに関するWebサイトやパンフレットなどのデザイン業務を担っています。 現在、マネージャー職をしていますが、前職までUI/UXデザイナーをしておりました。 僕自身が、これまで学習した書籍や最新の関連書籍を含め、ご紹介します。 これから、UI/UXデザイナーを目指したい方やデザインにご興味のある方なども含め、ご参考になればと思います。 最初に読んでほしいUI/UX書籍はこれだ! ノンデザイナーでもわかる UX+理論で作るWebデザイン UI/UXデザインの原則 UIデザイン みんなで考え、カイゼンする。 SF映画で学ぶインタフェースデザイン アイデアと想像力を鍛え上げるための141のレッスン ほんとに使える「ユーザビリティ」 -より良いデザインへのシンプルなアプローチ UI GRAPHICS
2022年4月第1週号 1位は、UI／UXデザインのテクニックを6つ紹介、気になるネタは、TVer、リアルタイム番組の「追っかけ再生」可能に 民放の「公式テレビ配信サービス」へ | gihyo.jp
週刊Webテク通信 2022年4月第1週号1位は、UI／UXデザインのテクニックを6つ紹介、気になるネタは、TVer、リアルタイム番組の「追っかけ再生」可能に 民放の「公式テレビ配信サービス」へ ネットで見かけたWebテク（Webテクニック・Webテクノロジー）記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2022年3月28日～4月3日の間に見つけた記事のベスト5です。 1. I wrote a book on UI/UX, here are my 6 tips for a great web & mobile designhttps://www.indiehackers.com/post/i-wrote-a-book-on-ui-ux-here-are-my-6-tips-for-a-great-web-mobile-design-4ffe3f92ed
UI/UXデザインを学び始めた頃に役立った「マイ・ベスト・◯◯」を紹介！｜root Inc.
こんにちは。root 採用広報担当です。 rootは「Design Doing for More〜デザインの実践を個から組織・事業へ〜」をVisionに、デザインの根源的な力をより多くの人々、より多くのものごとへ活用することで、世界をより良く前進させていくデザインファームです。 今回のnoteでは、 UI/UXデザインを学び始めた頃のメンバーがデザイン基礎を学ぶために活用した本や記事、デザイン業務において愛用しているツールなどを「マイ・ベスト・◯◯」として紹介します。 ぜひ日頃の学習、業務にお役立ていただけましたら嬉しいです！ デザインのクオリティを支える基礎知識・情報rootでは、クライアントの事業に対して伴走しながら支援に取り組みます。クライアントにはスタートアップ企業も多く、スタートアップ企業や新規事業開発の現場においては、スキルだけではなくあらゆる知識・情報・経験が求められます。
これぞプロのデザイン！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 UI&UXデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 UI & UX Micro-Tips: Volume One. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. 装飾的な要素をたまに使うのは全く問題ありません 2. UIの要素は互いに区別できるようにする 3. シャドウはわずかな量があるだけで十分 4. 見た目的に分かりやすいフォントを選択する 5. パンくずはユーザーが理解しやすいようにする 6. 彩度の高いカラーは慎重に はじめに 次のプロジェクトのために効率的で美しいUIを作成するとき、デザインをすばやく改善するためにわずかな調整で済むことがありま
モバイルではメニューを画面下に表示すべき理由
スマートフォンの使い方が、脳に影響を与えることがあります。ある調査によると、毎日スマートフォンを使う人は、脳の体性感覚皮質が大きいことがわかりました。体性感覚皮質は、親指のコントロールをつかさどる部位です。 また、ほかの調査では、ほとんどのユーザーがスマートフォンを片手で操作していることが明らかになりました。スマートフォンを握っているとき、ユーザーは左右どちらかの親指で画面を操作しているのです。親指はユーザーにとってマウスのようなものですが、その動きには限界もあります。 親指はマウスの代わり デスクトップデバイスでは、ユーザーは画面の操作にマウスを使用します。ナビゲーションメニューまでマウスを動かすことは簡単です。なぜなら、マウスは手首の動きを制限しないからです。 しかし、ユーザーがスマートフォンを握っているとき、親指は限られた範囲でしか動けません。画面に親指が届かない領域があるのです。こ
デザイナーが注目すべき音声UIとUXのこれから
Jolinaは、アメリカやイギリス、オーストラリアの複数のスタートアップを相手にデジタルマーケティングの戦略家をしています。 消費者にとって、音声によるUXの進化は好ましいことです。これは、音声プラットフォームやデバイスが普及しつつあり、音声操作に慣れた人が増えていることからも明らかです。 一方でデザイナーにとって、音声インタラクションの普及はタッチスクリーンの幕開け以来のUXにおける最大の挑戦となるでしょう。 音声の基本 いまでは、SiriやCortana、Bixby、Alexaなど音声アシストの風変りな名称に慣れた人も多いでしょう。これは過去数年間で音声UIが伸びてきたという証です。 テクノロジーはさらに高度になり、いままで以上にデジタルエコシステムに浸透していくことになるでしょう。 音声UIとは？ 音声ユーザーインターフェイス（VUI）とは、ユーザーがデバイスに対して話しかけるとその
ナビゲーションでありがちな６つのミスと３つの好事例
LiorはAppseeのインバウンドマーケティング部長です。UXデザインの新しいトレンドを追ったり、最新のお気に入りアプリについて話したりするのを楽しんでいます。 アプリはそれ自体が小さな世界のようなものです。マイクロインタラクションが取り入れられた機能の山と膨大なデータの海、創造力を持ちアプリに貢献してくれるユーザーの街などが存在しています。これらの世界を構築するために、アプリデザイナーはその力を発揮します。 ナビゲーションを簡単にしたり、アクセスしやすいオープンな道を開いて、完璧な世界へと仕上げます。ユーザーがアプリを起動するときには必ず、ナビゲーションから始める必要があります。道が分岐している場合は、ユーザーに地図を提供して、その地図を読みやすくすることが重要です。 この記事では、UXやUIのデザイナーが犯しがちなナビゲーションの間違いを紹介します。そして、これらの間違いによってなぜ
スプラトゥーンのイカしたUIはこうして作られた─担当デザイナーが語る秘話 | 超ゲームウォーカー!
前編：マリオメーカーのUI/UXデザイナーが語る「弱点を克服する娯楽UI」の原点とは 後編：保護者の欲求には逆行している─アプリ「みまもりSwitch」のUIデザイナーが実現したかった世界とは 2015年にWiiU用ソフトとして発売されたスプラトゥーンは、その優れたゲームシステムとアートワークによって瞬く間に世界中にムーブメントを巻き起こした。そして2017年にはNintendoSwitch向けにスプラトゥーン2が発売され、その勢いはとどまるところを知らない。 そんなスプラトゥーンの開発秘話を、UIデザイン(ユーザー・インターフェース・デザイン）という切り口から語った発表が、2018年4月27日（金）、UIデザインの勉強会UI Crunchにて行われた。「SplatoonUIの狙い」と題して語られたこのセクションを担当したのは、任天堂のUI/UXデザイナーである橘磨理子氏。 彼女は2012
ノンデザイナー向けに「デザインとはなんぞや勉強会」をした話 - hitomedia Tech Blog
デザイナーのばっこ（@is178）です。 ヒトメディアでは、毎月有志が集まって勉強会を開いているのですが、先月、ノンデザイナー向けに「デザインとはなんぞや」という発表をしまして、その時の資料を公開したいと思います。 デザインとはなんぞや デザインはめっちゃ範囲が広い グラフィックデザイン、UIデザイン、UXデザイン それぞれの特徴 グラフィックデザインは「視覚（ビジュアル）のロジック」を考える UIデザインは「対話（インタラクティブ）のロジック」を考える UXデザインは「工程（プロセス）のロジック」を考える デザインがデザイナー以外にも解放された デザイン≠センス、デザイン≠ロジック 終わりに デザインとはなんぞや 「デザイン」と聞くと、最初に思い浮かぶのはきっと、華やかな感じの、センスがどうとかクリエイティブがどうとか、何か見た目が良いものを作るようなイメージが強いと思います。 しかし、
FoursquareのUX・UI改善を書いたところ、創業者に届いて、人事からもメールが来た話 - 灰色ハイジのテキスト
通っていたサンフランシスコのデザイナー養成所Tradecraftの一番最初の課題で、アプリをピックアップして、見知らぬ人に声をかけてユーザビリティテストをして改善のプロトタイプを作って検証するーというものがあったのですが、そのプロセスをこの度記事にまとめてMediumに投稿しました。 するとGoogleのデザイナーが、なんとFoursquareの創業者のDennisにメンションしているではないですか。 Awesome, just shared with the team!— Dennis Crowley (@dens) 2018年3月9日 チームの人にシェアしてくれたみたいで、Foursquareのエンジニアの人からメッセージが届いたり、その日のうちに人事の人から「今ちょうどシニアプロダクトデザイナーのポジションを募集しているんだけど、興味があったら連絡待ってるよ」みたいなメールが届きまし
UXとUXデザインの概念｜Toshiya Sasaki
はじめまして。デザイナーのSasaki（@toshiyassk）です。 Fintech企業ではたらきながら、UXデザインやサービスデザインを軸とした研究をしたりしています。 先日会社でUXについての勉強会（初心者向け）をさせていただく機会があったので、UXとUXデザインの概念についての資料の一部を記録しておきます。（参考文献に基づいた内容ですが、表現を変えている部分もあります。） UXとは？UXの定義にはさまざまなものがあるが、決定的な一つの定義はない 2010年に世界のUX研究者30名によってUXの定義について議論され、UXを一つに定義する代わりにUXをとらえる視点が明確にされた。 27件のUXの定義が All About UX に掲載されている。 UXをとらえる3つの視点① 主観的評価 ユーザーが製品やサービスを使った体験を通して、結果としてどのような認識をし、どのような感情や評価を抱
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
結局のところ、UI/UXって何ですか？vol.3 ROLLCAKE社のCXO、伊野亘輝さんに聞いてみた | TD
The Blog | Welcome to Adobe Blog