何についての話か すでに散々書かれた内容だが、アプリケーションの UI を組む上で、ボタンの文言は「名詞(体言止め)」を使うか、「動詞(〇〇する)」を用いるかの話。 (例) 「保存」or「保存する」 「投稿を削除」or「投稿を削除する」 なんとなく手癖で「名詞(体言止め)」を使っていたが、しっかりルールを決めたいと思ったので調べつつ考えをまとめた。 前提 この記事でいう動詞とは、「〇〇する」で表せるもののことを指す 「戻る」「進む」など「〇〇する」の形でないものの扱いについては、また別の機会にまとめる 結論 基本的には名詞 動詞が良い場合もある そのアクションがプロダクトにとって大きな意味がある場合 そのアクションを自分ごととして捉えてほしい場合 名詞の特徴 ユーザーの認知負荷を軽減できる 当たり前だが、文字数を減らせるため、ユーザーの認知負荷を軽減できる。 ボタンを小さくできる これはデ
『スマブラDX』が出る頃などに｡ 新コントローラーのアイデアを求められ､とあるデバイスの提案をしていました｡ 当たり前のことを見直すのは､いつでも大事なのですよ…
Material Design Google I/O 2014 で新しいデザインガイドラインが発表されました。 Google Design その中で注目されるキーワードが「Material Design」です。これは直訳すると「素材のデザイン」という感じになりますが、これは現実世界の素材をメタファーとすることでユーザーにとってわかりやすくなるように考えられたデザインのようです。 ということで、Material Design について簡単にまとめつつ、どうやってデザインを始めていけばいいか考えていきたいと思います。 Google Design のガイドラインを個人的に解釈した内容を掲載しています。誤解などありましたらコメント欄にて連絡ください。喜んで修正します。 イントロダクション まずはじめに Material Design の概要です。本文をそのまま引用します。 We challenge
お久しぶりです、イケダです。UIデザインをする上で、これらを意識するだけでビジュアルの質が劇的に向上するというチェックリストを作ってみました。UIデザインの参考にしてください。 左右の余白は揃っているか 左右の余白をしっかり揃えることは最も初歩的で、カンタンに実践できるTipsです。あまりに初歩的すぎて悪い例を探すのに苦労しましたが、MoneyF●rwardさんが題材として非常に優秀でした。左右の余白は14~20ptの間で揃えるのが定石です(迷ったら16ptにしておこう)。どうしても左右の余白を持て余してしまうという場合は右の改善例のように中央揃えに逃げるのも手です。 フォントの大きさは正しいか fontサイズはまず、「読ませるテキストの大きさ」を決めてから、それを基準に組み立てていきます。読ませる文字、webでいう<p>タグは14~16ptに設定し、その文字とのバランスを見て<head>
かみなり 💬 @kaminari TGSフォーラム 「海外ゲーマーに聞いた、日本製ゲームの良くないところ」圧倒的にダントツにUI。ほんとそれ、それだから！ 司会の方の「意外だった」という言葉の方が愕然ですよ。 #TGS2018 pic.twitter.com/EcY1ygnznx リンク Wikipedia ユーザインタフェース ユーザインタフェース（英: User Interface, UI）または使用者インタフェースは、機械、特にコンピュータとその機械の利用者（通常は人間）の間での情報をやりとりするためのインタフェースである。ユーザインターフェース/ユーザインタ(ー)フェイス/ユーザーインターフェ(イ/ー)スなどの表記ゆれが見られるが、本記事では「ユーザインタフェース」で統一する。ユーザインタフェースは以下の手段を提供する。 システムを使う場合、ユーザーはそのシステムを制御でき、シス
ダークパターンについては2010年、概念が提唱された際にこのブログでも紹介しました。 ユーザー体験を向上させるのではなく、ウェブサイト運営側の都合でものを買わせたり、ユーザー登録させたりするウェブサイト構築上のトリックを分類して名前をつけよう、というのがダークパターンです。 先週、そのようなダークパターンを解説する動画が公開され、注目を集めています。 とにかく退会したいんだ! 動画の最初はアマゾン。「アマゾンを退会しようとした人はどうなる?」で、一回入ったらそこから出ることは難しい Roach Motel (ゴキブリホイホイ)ダークパターンの実例を見せています。(00:15) アマゾンを止めようと思ったことがないので知りませんでしたが、日本語でも止めるための手順を説明するブログ記事がいくつもあり、なかなか止め方が難しいのですね。動画と同じように日本のアマゾンでも退会ページを目指してみたので
アクセスランキング トピックス 「いつもあなたのことを思ってる！」をポケットに入れられる！ 「ポケットハグ」を衝動買い トピックス 椰子の実ヤリ投げや巨石重量挙げにダンス！タヒチの伝統スポーツが大迫力でおもしろかった トピックス クレカ積立ポイント徹底比較 SBI証券×三井住友カードで最高のキャンペーン実施中 いまがチャンス 自動車 ホンダの大人気ミニバン「FREED」に乗ってわかった5つの良くなったポイント トピックス 「青春18きっぷ」元に戻すよう求めるネット署名、1万件超え トピックス マルチカラー3Dプリンターが3万円 すごい時代になりましたね トピックス エアコン暖房、冷房より高い電気代の節約方法 厳寒時は“つけっぱなし"もアリ Apple 大朗報！ MacBook Airの価格そのまま、メモリ8GB→16GB トピックス 「青春18きっぷ」どう"改悪"？ 実は普通の乗車券でも、
Siriを筆頭に各社が開発している「音声アシスタント」により、スマートフォンやスピーカーなどに話しかけるだけで操作できるようになっています。音声認識による機器の操作は今後さらに主流になっていくことが予想されますが、Siri・Cortana・Google Assistant・Alexaという主流な音声アシスタントにはいずれも女性の声が採用されているのはなぜなのか？ということがウォール・ストリート・ジャーナルにまとめられています。 Alexa, Siri, Cortana: The Problem With All-Female Digital Assistants - WSJ https://www.wsj.com/articles/alexa-siri-cortana-the-problem-with-all-female-digital-assistants-1487709068 Sir
アニメーションの調味料「イージング」の使い分けレシピ (透明度、UI、音量)date2016.12.1(Thu.)tagsflashactionscript この記事は FLASHer Advent Calendar 2016 1日目の記事です。 FLASHer とはAdobe Flash (現 Adobe Animate) を使用している / 使用していたデザイナー、エンジニアの総称です。Flasher はそのまま訳すと「露出狂」という意味があります。 2016 年現在、前者 GEEK 民族の浄化が行われたので、インターネットで検索をかけると本来の意味での露出狂の画像が見ることができます。会社で検索をかけるのは気をつけて下さい。(なお、本当に露出していた伝説の FLASHer がいます。気になる方は Flasher 露出 で検索) なぜ FLASHer である GEEK 民族浄化が起きた
Lyftのデザイン原則 Lyftはデザイン原則をピラミッド型で定義するために、マズローの欲求５段階説を用いています。私は、Lyftがデザイン原則それぞれの重要度を示すために、このような心理学と融和させているところにとても興味がありました。 デザイナーである私は、デザイン決定において皆のアイデアが一致しない場面によく遭遇します。基本となるデザイン原則を抜きにして判断を下すことは非常に難しいことです。そこで、私は同僚のKlara Pelcl氏からの後押しもあり、経営層を説得しデザインチームの中で核となるようなデザイン原則をJules Cheung氏と協力しながら定めました。 私たちはブレインストーミングを行い、６つの原理を作り出しました。それは、ユーザーを知ること、明確さ、一貫性、効率、協調、そして、美しさです。Lyftのデザイン原則の図が、 実際にそれを適用するために何ができるのかを考えるき
店舗で商品を販売するために欠かせない「陳列」とは、お客様が求めている商品を魅力的に、見やすく、売れるように並べることを指します。重要なことは、商品を単純に並べることが陳列ではないということを意識しなければならない。 陳列の目的は、顧客が求めている商品を、見やすい場所に、効率的・効果的に並べ、関心のない顧客にも興味を持たせ、購買行動を起こさせることです。 つまり見やすく、触れやすく、選びやすい。そして豊富感があり、魅力的であり、効率的であること。 陳列が上手にできると、以下のような効果が期待できます。 ・来店動機を促進 ・衝動買いを促進 ・ついで買いを促進 ・ストック買いを促進 ・来店客数の向上 ・客単価の向上 ・固定客の増加 ・適正利潤の確保 商品を陳列する際の原則は、次の5つ。 ①売場のどこに ②どの商品を ③いくつ ④どの什器に ⑤どのように（フェース数・陳列手法など） ①～③について
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
