SND: Crafted UI sound assets for UX developers
様々なインタラクションに対応したシンプルなサウンドキットです。すべての音を、音の最小要素である正弦波をベースにデザインしました。比較的再生能力の低いスピーカーでも再生可能な周波数帯域を中心に、できるだけシンプルに、小さなファイル容量でデザインされているので、ウェブ、アプリ、サイネージなど様々なシーンでご利用いただけます。 土屋泰洋 サウンドデザイナー/リサーチャー The simple sound kit for designing a variety of interactions. All sounds are designed based on sine waves; the smallest pure element of sound. It is designed to be as simple as possible with a small file size, focusi
京セラグループが開発工数“大幅減”、秘訣は「UX/UIデザイン」とデザインシステムの導入
これまでUX/UIデザインというと、日本ではB2C（企業対消費者）領域で重視されてきた。2000年代後半にiPhoneが普及し始め、それをお手本に、見た目のカッコ良さや使いやすさを追求するようになったからである。一方、B2B（企業間）領域では業務システムにおけるデザインがどちらかというと軽視されてきた背景がある。 しかし見た目のカッコ良さが問題なのではなく、デザイン次第でシステムのインターフェースが業務の効率に大きな影響を及ぼすことが問題なのだ。たとえば、1日に多くの問い合わせを受けるコールセンター業務の例がわかりやすいだろう。顧客に応対する担当者は、通話と同時並行で、相手の情報や質問に対する情報をシステム上で調べて迅速に回答する必要がある。 問い合わせ内容が多岐にわたると、その情報が別のシステムに入っていることもあり、それに合わせて担当者は複数あるシステムを行き来しながら画面メニューを何
2022年、もっとも注目されたUIデザインのテクニックのまとめ
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 2022年に公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2022 by Marc Andrew 興味がある方は、過去分もどうぞ。 2021年、最も注目されたUIデザインのテクニックのまとめ 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ダークにデザインする時はホワイトも和らげる 2. フォームのエラーは色だけに頼らない 3. ユーザーが選択したアイテムを目立たせる 4. 細いフォントは暗いカラーにする 5. 次のステップの情報を提供する 6. 最も重要な
都合の良いUIデザイン〜わがままで怠惰で理不尽なユーザーのニーズに応える10のポイント〜｜SOMPO Digital Lab デザインチーム
こんにちは、SOMPO Digital Labデザインチームのデザイナーの金（https://twitter.com/seikei_kin）です。普段はUIデザイナー・ウェブデザイナーとしてサービスやプロダクトの開発・設計に携わっています。 突然ですが、みなさんは真面目で、協力的で、積極性があって、物覚えがよい方でしょうか？あるいは最新のアプリの動向に詳しく、それらを使いこなせるリテラシーを十分にお持ちでしょうか？ 果たして自分はどうかと振り返ってみると、少なくとも自信をもってそうであるとは言えないのが正直なところです。なまけものかつわがままで、物覚えや察しも良くなく、実際、馴染みのないウェブのサービスやアプリを利用する場合には、些細なことでつまづいたり悩んだりした結果、途中で嫌になり諦めてしまうこともしょっちゅうです。 そして、実は私のようなユーザーは決して少なくないのではないでしょうか
高齢者向けサービスにおけるUIデザイン｜『高齢者のためのユーザインタフェースデザイン』の書評
現在、本業・副業ともにWEBデザイナーとしてデザイン・コーディングをしているゆるけーです。 本業で携わっているWEBサービスが割と高齢者向けのサービスで、ITリテラシーやUIが今の自分と考え方が異なるよなーと思っているなか、『高齢者のためのユーザインタフェースデザイン』という書籍に出会いました。 高齢者関係なく普通にアクセシビリティの観点でも重要な視点がたくさんあり、とてもいい書籍だったので、ざっくり大事だと思った箇所を抜粋しつつ自分で探した事例等をざっと記事にまとめていきますー。 視覚 高齢者になると視力が低下する傾向があります。ただ、視力の低下＝フォントを大きくするだけではありません。 視力の低下は老眼や光覚の減少などより複雑です。 主な視力の低下の具体例は以下のような点。 老眼：近く・遠くのものの焦点が合わない 周辺視野のぼやけ：画面の端に気づきにくい 中心視野の損失：画面の中央が暗
手戻りがゼロに！？ 情報整理を変えた独自UIフロー｜Chatwork Design
こんにちは！UIデザイナーの大竹（@satocalog）です。最近では、UXリサーチ周りやワークショップ設計をゴニョゴニョしています。 今年Chatworkでは、新しいUIデザインフローが作成されました。そのきっかけについては、以下の記事で紹介しています。 今回は、独自UIフロー【MONDRIAN】の前半（要件〜構造）について紹介していきます。 この前半フローのおかげで私は作業の手戻りが無くなったので、かなりの推し部分です。 MONDRIANの１〜３ステップ、要件と構造 デザイン設計に入る前の徹底的なウォームアップステップ１【要件立て前情報整理】では、PRD（どのような製品を作るかを定義した文書）の内容を読み解き、既存機能と既存要件をドキュメントにまとめます。 まとめ方を考える必要は無く、MONDRIANのテンプレートに沿って情報を埋めるだけです。 より具体的な記載内容は、以下の通りです。
応答性を示す新しい指標「INP」 | フロントエンドBlog | ミツエーリンクス
ユーザーの直帰率や離脱率とパフォーマンスの関係から、コンテンツを表示する速度や応答性（ページがユーザー入力に応答する速度）がいかに重要であるかは、既によく知られるようになってきています。 ではコンテンツを表示する速度や応答性を上げるにはどうしたらいいでしょう。 結論から述べるとパフォーマンスを客観的な指標に基づいて正確かつ定量的に測定し、そこから課題を見つけて解決することが必要になります。 GoogleはChrome User Experience Reportに新しく応答性指標INPを導入しました。 INPとは INP（Interaction to Next Paint）は、ページの読み込みを開始してからユーザーがページを離れるまでの間に発生するユーザー入力の応答性（インタラクション）を評価する測定基準で、遅延時間を計測します。 計測対象のインタラクションは、以下となります。 ユーザー入
山崎和彦 - Wikipedia
この記事には複数の問題があります。改善やノートページでの議論にご協力ください。 一次資料や記事主題の関係者による情報源に頼って書かれています。（2022年12月） 人物の特筆性の基準を満たしていないおそれがあります。（2022年12月） 出典検索?: "山崎和彦" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL この記事は検証可能な参考文献や出典が全く示されていないか、不十分です。出典を追加して記事の信頼性向上にご協力ください。（このテンプレートの使い方） 出典検索?: "山崎和彦" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL（2022年5月） 山﨑 和彦（やまざきかずひこ、1955年 - ）は、日本の研究者
黒須正明 - Wikipedia
この記事には複数の問題があります。改善やノートページでの議論にご協力ください。 出典が不足しています。存命人物の記事は特に、検証可能性を満たしている必要があります。（2022年11月） ほとんどまたは完全に一つの出典に頼っています。（2022年11月） 出典検索?: "黒須正明" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL 黒須 正明（くろす まさあき、1948年 - ）は、日本の研究者。ユーザインタフェース、特にユーザ工学やUXを研究している。ユーザビリティ分野やユーザ中心設計分野での第一人者である[1]。JISやISOでのユーザビリティ関連規格の策定に関わり、DTM (Dual Time Model), sHEM (structured Heuristic Evaluation Method)
業務システムUI/UXデザイン | ウェブ制作会社ベイジ
業務システムでよくある課題、お任せくださいベイジは業務システムのデザインに強い制作会社です。 業務への理解を深めたうえで、効率化やLTV向上に繋がる「使いやすいシステム」を制作します。 こんなお悩みはありませんか？ システムリニューアルを検討しているが、どこに依頼すべきか分からない現行システムの使い勝手が悪く、業務に支障が出ている改善に向けて調査したいが、社内に専門家がおらず進め方で迷っている操作に関する問い合わせが多すぎて、それ以外の仕事が回らない自分たちの複雑な業務を理解できる支援会社がいない（と、思い込んでいる）ベイジが業務システムを改善できる4つの理由 01 無駄のないオーダーメイド型支援、 制約の乗り越え方も一緒に考えます お客様の課題・予算・体制に合わせて、支援内容をご提案します。HCD（人間中心設計専門家）認定をうけたスタッフのコンサルティングから、UIデザインの制作やフロン
プロのUIデザイナーに学ぶ！UIとUXの印象がよくなるデザインの知識とテクニックのまとめ vol.10
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 第10弾は、デザインの原則とフォントやシャドウに関するデザインのテクニックです。 UI & UX Micro-Tips: Volume Ten. by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. 近接: 重要なデザインの原則です、上手く使いましょう 2. UIに含まれる要素は常に区別できるようにデザインする 3. 見出しと本文の両方に最適なサンセリフフォント 4. 見出しと本文の両方に最適なセリフフォント 5. フォントの組み合わせを探す時はSuperfamilies 6. シャドウは繊細に はじめに 次の
【2022年】注目すべきUI/UXデザイントレンド - Qiita
本記事は、ShakuroのRita Kind-Envy氏による「UI/UX Design Trends Of 2022 You Need To Catch Up To」（2021年11月15日公開）の和訳を、著者の許可を得て掲載しているものです。 はじめに 2021年は2020年よりも良い年でしたか？UI/UXデザインに限って言えば、そうです。新しい素晴らしいウェブサイトやアプリが生まれ、グラフィックデザイナー向けの新しいソフトウェアがリリースされ、創造性が泉のように湧き出ているようでした。 デザイナーが在宅を余儀なくされると、より多くのものを生み出し、すでに存在するものについて考える時間ができます。退屈はアーティストの最大の敵で、その解消のために努力します。 世界の他の分野では、2021年は非常に困難な年でした。世界最年長の猫は34歳の誕生日を迎えました。うーん、そう、良かったのはそれだ
ミルクボーイがUIとUXの違いを説明したら｜広野 萌
挨拶内海「どうもお願いします。ありがとうございます。今、NFTアートをいただきましたけどもね。ありがとうございます。こんなんなんぼあってもいいですからね」 駒場「いきなりなんですけどね、うちのおかんがね、好きなIT用語があるらしいんやけど」 内海「そうなんや」 駒場「その名前を忘れたらしいねん」 内海「IT用語の名前忘れてまうってどうなってんねん。あれやろ、IT用語ゆうたらどうせ、デザイン思考か、アジャイル開発か、リーンスタートアップやろ！」 駒場「俺もそう思ったんやけどちゃうらしくてな、いろいろ聞くんやけど、全然わからへんねん」 内海「そうなん？」 駒場「うん」 内海「ほんだら俺がね、おかんの好きなIT用語、一緒に考えてあげるから、どんな特徴言うてたかとか教えてみてよ」 定義駒場「おかんが言うには、製品やサービスとの関わりを通じて利用者が得る体験及びその印象の総体やって言うてた」 内海「
デザインに活かせるフレームワーク20｜金 成奎
久しぶりのnote投稿です。今回は自分の勉強がてら、UX・情報設計・アジャイル開発など、デザインに関わる様々な局面で知っておくと役立つフレームワークを集めてみました。 有名なものからデザイン以外にも使えそうなものまで幅広く選んでいますので、気になるものがあれば改めて実作業に生かすなり、掘り下げて研究するなり、資料に生かすなりしてもらえると良いのではないかと思います。 （ちなみにここでいう「フレームワーク」とは共通して用いることのできる考え方や思考の型や枠のようなもので、いわゆるCSSフレームワークの類ではありませんので、その点ご了承ください） 1.UXの5段階モデル まずは有名なUXの5段階モデル。アメリカのUXデザイナーであるJesse James Garrett 氏が著書『Elements of User Experience（ウェブ戦略としての「ユーザーエクスペリエンス」）』にて提唱
デザイン研修 2021 / Design training 2021
Shinjuku.rb #91 好きなもの紹介LT大会 "便利"や"役に立つ"とは別方面のRubyをつかったプログラミングがたのしい話
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://twitter.com/kataokadesign/status/1701381672523182578
https://spctrm.design/jp/columns/tech-and-experience-05-failure-of-design/
Adele – Design Systems and Pattern Libraries Repository
UX-mov | アプリのUIが動画で見れるギャラリーサイト
「脳汁ビシャビシャに出た」「無限ループって怖くね？」ポーラの特設サイトがスクロール芸極めてると話題に
