ダークモードを巡るあれこれ：ダークモードの明るい未来 - enechain Tech Blog
この記事は enechain Advent Calendar 2023 の18日目の記事です。昨日は okp さんの「経験が裏目に？！大手IT企業出身PdMが3カ月で学んだこと」でした！ はじめに なぜ、今ダークモードか ダークモードおさらい ダークモードの歴史 ダークモードって意味あるの？ 省電力の効果について 文字が見やすい＆目への負担が少ない ダークモードの利用率 各サービスのダークモードの実際 2023版 X Gmail ミュージック & App Store Instagram iSPEED ダークモード未対応のアプリ＆ダークモードのみのアプリ ダークモード未対応のアプリ ペイ系 ショッピング系 ダークモードのみのアプリ ダークモードの行方 まとめ はじめに 私はenechainのプロダクトデザイナーで、デザインマネージャーの近藤です。今年の10月に入社しており、もうすぐ3ヶ月が経
一級建築士からUXデザイナーへ。業界・国境を超えて挑戦を続けるNondo Sikazwe氏から見た日本のデザイン市場とは？【インタビュー前編】 デザイン会社 ビートラックス: ブログ
近年パンデミックによる影響で観光客は激減したものの、2014年以降、東京では外国人の割合が増加し国際化が急速に進んだ。 デザイン業界でも、グローバルに活躍しつつ、東京を拠点としている外国籍のデザイナーの割合は増加してきている。 今回は、アフリカ大陸南部のザンビア出身のNondo Sikazwe氏へのインタビュー記事をお送りする。 Nondo氏は、南アフリカ共和国にて一級建築士として活躍した後、スタンフォード大学でデザインシンキングを学び、現在は東京のデザインコンサルティングファームでUXデザイナーとして活躍している。 2本立ての前編となるこちらの記事では、Sikazwe氏の異色の経歴やグローバルな視点から見た日本のデザイン市場について話を伺った。 続く後半では、Nondo氏にとってのデザインの定義や、各国の忘れられないプロダクト、今後のデザイナーとしての目標などについてお伝えする。 目次：
生年月日の入力UIについて考える
こんにちは、Gaji-Labo UIデザイナーの今西です。 アカウントの新規登録フォームなどにある生年月日の入力UIについて、考えてみます。 生年月日の入力UIのパターン生年月日の入力でよく見るものの日付入力パターンは下記のようなものではないでしょうか。 年月日でそれぞれ分かれたプルダウン年のみ数字の入力ボックス ＋ 月と日のプルダウン年月日でそれぞれ分かれた入力ボックスに数字を手入力1つの入力ボックスにすべて数字で入力（例：19900625）カレンダーのUIで入力生年月日のフォームで良く見るものは1の「年月日でそれぞれ分かれたプルダウン」、その次くらいで3の「年月日でそれぞれ分かれたフォームに数字を手入力」だと思います。 年の入力があるのでカレンダーUIタイプは見かけないように感じます。 カレンダーは日にちの入力についてはしやすいのですが年へのアクセスはあまりよくない場合が多く、カレンダ
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. 最も重要な
【アジャイル×デザインリサーチ】効率よくチームの目線を合わせるユーザーストーリーマッピングのススメ｜野澤紘子 Hiroko Nozawa
こんにちは。atama plusというAI×教育のスタートアップでデザインリサーチャー/UXデザイナーをしていますnozawaです。 atama plusではアジャイルのアプローチ、ユーザーファーストの考え方を大切にしています。その一環で、先日ユーザーストーリーマッピングのワークショップを社内で実践しました！ この記事では、アジャイル開発においてチームの目線を揃えるための手法としてユーザーストーリーマッピングを簡単に紹介します。 また本に書いてあることをそのまま実施すると、チーム全員を長い時間拘束してしまう、進行がうまくいかずグダグダしてしまいそうという問題がありました。 そこでユーザーストーリーマッピングフルパッケージを全員で始めるのではなく、事前整理を少人数で行い、それを元にチーム全員で共通理解を構築するパートを分けることで、ワークショップを効率よく進める試みを行いました。 この記事で
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
ソシオメディア | メタファからイディオムへ
「フラットデザインはUIを進化させるか」では、フラットデザインの特徴を述べると同時に、これからUIが進んでいくであろうモードレスデザインとの関係について触れました。 今回はその裏にある、UIデザインの本質的な要素の捉え方について、メタファとイディオムという観点から掘り下げてみます。またそこから導かれる、開発プロジェクトにおけるUIデザインの位置づけについても考えてみます。 スキュアモーフィック → フラット フラットデザインと呼ばれる平面的で抽象的なUIのビジュアル表現は、装飾的で写実的なスキュアモーフィックデザイン（現実の物の形や質感を模した表現）に対するカウンターとして注目されています。 つまり、「スキュアモーフィックからフラットへ」というトレンドの変化です。 フラットデザインは、単に見た目に新鮮であるだけでなく、UIオブジェクトから例えばドロップシャドウ、テクスチャ、境界線といった装
モバイルアプリにおけるナビゲーションUIのデザインパターン
アプリのナビゲーションは、直感的で予測ができなければいけません。新規のユーザーや再訪問したユーザーが、アプリをどのように使ったら良いか迷わないよう、理解しやすくする必要があります。 しかし小さい画面という制限の中で、コンテンツの優先順位を考慮しながら、ナビゲーションを使いやすくすることは非常に難しいです。 この問題に、様々なナビゲーションを使って異なる方法で立ち向かっていますが、多様なユーザビリティの問題に、皆悩まされています。 そこでこの記事では、モバイルアプリの基本的なナビゲーションであるハンバーガーメニュー、タブバーとジェスチャーベースのナビゲーション（タップやフリックを使用したナビゲーション）の３つについて検証し、それぞれの長所と短所を説明します。 ハンバーガーメニュー 画面のスペースは、モバイル上の貴重な商品であり、画面の節約に役立つモバイルナビゲーションのパターンのうち、ハンバ
BX(ブランド体験)向上のカギはCX。君はUXばかり見ていないか？ - Workship MAGAZINE(ワークシップマガジン)
デザイナーはペルソナやユーザーニーズを満たすことに集中してしまいがちですが、デザインしているプロダクトのブランド全体について熟考することは多くありません。 体験デザインの過程では、ユーザーニーズに圧倒されてしまうことあるでしょう。その結果、「ユーザー」と「顧客」の違いを見失いがちになるのです。 だからこそ、CX（Customer Experience：顧客体験）についても理解を深め、より強力な「BX（Brand Experience：ブランド体験）」を創出する必要があります。UXとCXの違いは何で、BXとはどのような関わりがあるのでしょうか？ UXとは、ユーザーを深く理解し、彼らのニーズや価値の見出しかた、能力と限界を理解するものです。UXは、デジタルインターフェースとユーザーのインタラクションの質を向上させることを目標とします。 一方でCXは、UXとUIを内包する、より幅広いチャネルを指
What is User Experience Design? (2019 edition)
There are many many talks about what’s UX and who’s an UX’er that sometimes even confusing for us to keep track of all different definitions. The fact that there’s still not a consensus on what an UX’er does is two-fold. Firstly, it’s an alarming signal because digital products have been evolving for the past 25 years or so. The least we can expect is to share a mutual understanding of the definit
「穴あきバケツの成長モデル」の話｜深津 貴之 (fladdict)
新入社員のこばかなさんが、「こばかなスケッチ」という自分企画を頑張っている。THE GUILDでの日々の仕事と、読書で学んだことを、一枚のスケッチにまとめるチャレンジだ。 第三回はこの絵。「穴あきバケツの成長モデル」のお話。 サービスの成長を「バケツと水」に例える様々なビジネス指標の中で、「継続率」こそが最重要だと考えている。売上よりも、PVよりも、DAUよりも、「継続率」がもっとも尊い。 そんな継続率を大事にしつつ、サービスを着実にグロースさせるモデルが、「穴あきバケツの成長モデル」だ。 このモデルは非常にシンプルだ。一言で表すと以下のようになる。 「サービスとは穴の空いたバケツであり、マーケティングという蛇口から新規ユーザーを流し込んでいる」 ・バケツ: サービス。 ・蛇口: マーケティグ等の流入経路 ・蛇口からの水: 新規流入ユーザー ・溜まった水: アクティブユーザー ・バケツの穴
アジャイル世界でのUXの実践： ケーススタディでの発見
アジャイルチームはアジャイル開発プロセスの実行という点では非常に優れている。しかし、時間に追われるために、ユーザー調査をあきらめたり、結果としてユーザーエクスペリエンスの質を下げてしまうこともある。 Doing UX in an Agile World: Case Study Findings by Hoa Loranger on May 26, 2014 日本語版2014年8月5日公開 アジャイル開発プロセスがプログラマーの間で人気だ。そこで、迅速なプログラミングを追求しつつ、ユーザビリティもあきらめない素晴らしいプロダクトを作るには、どのようにアジャイルメソッドとユーザーエクスペリエンスの手法を融合させると一番良いかをここ数年、調べてきた。以前の調査では幅広い視点について考察した。そこで、今回は少数のプロジェクトを掘り下げ、より深い知見を新コースの「リーンUXとアジャイル」のために集め
アジャイル開発にUXアプローチを取り入れるための6つのポイント - ポップインサイト
この記事は、米国Nielsen Norman Groupの許可のもと翻訳したものです。 元記事：The State of UX Agile Development by Hoa Loranger and Page Laubheimer on February 5, 2017 近年の研究結果から、アジャイル開発プロセスにユーザー中心設計を取り入れることでUXが飛躍的に向上していることが明らかになりました。 アジャイル開発は、従来のウォーターフォール開発の様々な問題点を克服できる手法です。しかし、様々なチームでこのアジャイル開発とユーザー中心設計を両立させるためには、新たに発生する問題を解消する必要があります。 近年、アジャイル開発とユーザー中心設計を両立する方法を知るための調査を実施しました。この調査では、アジャイル開発とユーザー中心設計をうまく両立できたチームがどのようなテクニックを使って
【アジャイル開発＋UXデザイン】Lean UXをやってみて学んだ話｜野澤紘子 Hiroko Nozawa
こんにちは。atama plusというAI×教育のスタートアップでUXリサーチャー/UXデザイナーをしています野澤です。 atama plusではプロダクトをアジャイルに開発しています。開発フレームワークとしてスクラムを採用していて、UXデザイナーもエンジニアやQAと１チームとなって開発を行っています（更に最近ではビジネスのメンバーもチームにジョインしてます）。 本記事では、atama plusのUXデザイナーがアジャイルにプロダクト開発を行うために大事にしている「Lean UX」という考え方と、私がそれを１年半実際にやってみて学んだこと、チームにLean UXやアジャイルの考え方を広げる方法を紹介します。 以下の人に向けて書きます! ・アジャイル開発に興味があるUXデザイナー・エンジニア・QA ・デザイナーとエンジニアとQAの壁に悩んでる人 ・組織にアジャイル・Lean UXを広めたいが
Teenager’s UX: Designing for Teens
Topics: Young Users,Web Usability,school websites,usability research,games,mobile web,age effects Young Users Young Users, Web Usability Teens are wired. Technology is so integrated with teenagers’ lives that creating useful and usable websites and apps for them is more critical than ever. To succeed in a world where the next best thing is a click away and text message interruptions are the rule,
変化を遂げる寄付のユーザー体験（UX） - Kazumichi Mario Sakata
寄付の手法の多様化 近年、寄付をするという体験に変化が訪れつつあります。それは、従来の「社会のために役立ててください」という抽象的な寄付ではなく、寄付先、つまり対象を決めた具体的なものへと変わっていっている気がします。クラウドファンディングをはじめとする、寄付先が明確なプラットフォームに人が集まってきているのも、その現れかもしれません。SNS との親和性も高いことから、その勢いは更に加速しているようにも思えます。 もう一つの変化は、寄付者と事業者または個人が直接結びつくような動きが生まれていることです。これまでの寄付活動は、一方通行であったのに対し、近年は寄付をどう活かしたのかを会話するやりとりの場が増えてきているような気がします。 これらの変化を感じるようになったのは、自身の寄付活動による体験からでした。 なぜ、寄付をしようと思ったのか？ 緊急事態宣言以降、家にいてリモートワークが増える
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
45分間で「ユーザー中心のものづくり」ができるまで詰め込む
STARRYWORKS inc.
So, your product’s got a leaky bucket problem…
Product Design: The Traction Treadmill