UIデザインにおけるボタン:スタイルの進化とベストプラクティス | POSTD
ボタンはごく普通の、インタラクションデザインの日常的な要素です。ボタンはとてもシンプルなUI要素に見えますが、過去数十年間でそのデザインはかなり変わってきました。しかし今でもボタンのUXデザインは認識しやすさと明確さについて言及されています。 この記事ではボタンデザインの発展を辿りながら、有効なボタンを作るために何が最も重要で最適なのかを見つけて行きたいと思います。 スタイルの発展 3Dボタン 初期からオペレーティング用のボタンは、周りのコンテキストと区別するために、浮き彫りと影に依存していました。この設計の解決策は枠、グラデーション、ドロップシャドウを使用して、要素を背景やコンテンツから目立たせ、クリック可能な要素だと簡単に認識できるようにするといった単純な原則に基づいていました。 ボタンが浮かび上がっているように見えます。 このWindows95のダイアログボックスは、濃い影とハイライ
デザイナーが3ヶ月間毎日続けている勉強法と感じている変化
みんなのウェディングのデザイナーが3ヶ月間毎日続けている勉強法の紹介です。
【UXの迷信】Amazonのデザインは、どんなECサイトにも適用できる？
ZoltánはCentralway（チューリッヒのソフトウェア企業）のUXデザイナー長。元UstreamのUXディレクター。美しく、かつ使えるプロダクトを作ることに情熱を燃やしています。 Amazonのサイトはデータに裏付けされたデザインに定評がありますが、他のECサイトでもAmazonのデザインが同じように適用できるとは限りません。 Amazonの商品レビューを模倣した事例 たとえば商品レビューを見てみましょう。Target.comは、Amazonと同じ商品レビューのソフトウェアを取り入れました。ユーザビリティの専門家であるJared Spool氏が証明したのですが、まったく同じソフトウェアとインターフェースを使用しているにもかかわらず、Target.comの方にはまったくレビューが集まらなかったのです。 レビューが集まらないという結果に 「ハリーポッターと死の秘宝」が販売されてから１ヶ
Google AMP Cache、AMP Lite、そして高速化のニーズ
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
ロード時のスピナーとプログレスバー、どう使い分ける？
お店で誰かに商品の場所を尋ねたとして、その相手がただそこに立ったままだったとしたらどう思うでしょうか。きっとイライラして、その場を立ち去りますよね。同じように、ユーザーは長い間スクリーン上のスピナー（通信やローディング時にくるくる回るアニメーション表示の）を見ていると、このような心理状況に陥ります。 スピナーは時間のかかる処理には適さない スピナーは、その処理が終わるまでどのくらいの時間を要するのかをユーザーに伝えません。長時間の処理にスピナーを使うと、最終的にユーザーはアプリに何か問題が起こったのではないかと疑問に思うでしょう。フィードバック無しでは不確実性が生じ、ユーザーは最悪の場合を想定することになります。 ユーザーは読み込みに時間がかかるだろうと考え、待つ気をなくすのです。そしてしびれを切らして、戻るボタンを押したり、またはアプリを終了したりするでしょう。 ４秒ルール ユーザーをア
インビジブルデザインとは？UberやDropboxに学ぶシームレスなUX
紙面又はオンライン出版でのデザイン、編集、ライティングを含むメディア業界で10年以上の経験があります。スポーツが大好きでフットボールやバスケットボール旅行の計画に時間を費やしたり、統計データにも夢中です。 この記事はDropboxやGmailなどの実例を参考にしつつ、自然でさりげないUXを生み出すための実践的なガイドです。 ここ数年で最も成功しているインタラクションデザインの分析をしたとき、Gmailの自動保存機能やUberのクレジットカード入力フォームのような、基本的な機能を完璧に作り込む会社に軍配が上がります。彼らは人間の自然な行動を巧みに取り入れ、私たちが今まで気づかなかった障壁をひそかに取り除いているのです。 インビジブルデザイン（インビジブル＝透明な）とは、ミニマリズムのことについて言っているわけではありません。ミニマリストのインターフェイスはインビジブルデザインを実現するための
優れたフォームをデザインする
サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。 そこで、今回は一般的にフォーム・デザインで何をやり、何をやらざるべきかについてお話したいと思います。あくまで一般的なガイドラインですので、そのようなものとしてご理解頂いた上で、皆さんの参考になれば幸いです。
UX論は間違っているんじゃなくて時代遅れなんじゃないの？という疑問 - architecture_database
9月24日（土）に日本XPユーザーグループ（XPJUG）さんが主催するXP祭りというイベントにて「XP祭り2016：巷にはびこる間違ったUX論へのヘイトをぶつける集い」という面白そうなイベントが企画されているようです。 XP祭り2016：巷にはびこる間違ったUX論へのヘイトをぶつける集い（滝川陽一さん） 今更感のある告知ですが「巷にはびこる間違ったUX論へのヘイトをぶつける集い」というセッションでお話します。言葉の一人歩き問題やらなんちゃら併記問題やら長いこと関わってる立場ならではのお話ができたらなって思います。：XP祭り2016 https://t.co/GBmDwkc1jd— イトゥ/Hideaki Itoh (@itow_ponde) 2016年8月16日 セッション内容 UX(ユーザーエクスペリエンス)には、様々な誤解・誤った認識が色々とつきまとっています(アジャイルと一緒ですね)
ユーザーをムフムフさせるための「お料理アルバム」デザインリニューアル - クックパッド開発者ブログ
こんにちは、投稿開発部のデザイナー、木村です。主に、iOS/Androidのクックパッド App、また昨年から「お料理アルバム」というAppのデザインを担当しております。 今回は、お料理アルバムのデザインリニューアルを例に、既存サービスが持ってた課題をどのように解決していったかについて、デザインの観点を交えてお話したいと思います。 リニューアルの経緯 お料理アルバムは、毎日の料理写真をプライベートに記録する iPhone/Android Appです。多くのユーザーから「こんなアプリを待っていました！」「自動で写真をキレイに並べてくれて助かっています！」といった声を頂き、投稿された写真数は400万枚を超えるサービスに成長しました。 そんなお料理アルバムもリリースから1年半ほど経過し、さらにより多くのユーザーに喜んでいただくために、デザインのリニューアルを計画しました。 ゴールはユーザーの「ム
Webデザイナーが最低限気をつけるべき８つのアクセシビリティ
Webデザイナーや開発者は往々にして、自分たちの制作物に誰がアクセスして使うのかという点に関して無関心です。 使いやすさなどよりビジュアルが優先されることも多いですが、現代のクリエイターとして私たちは、より道徳的な観点を持ち、人それぞれの能力に併せたアクセシビリティを提供するべきです。 イギリスのアクセシビリティに関する法律に対する法的義務はさておき、イギリスには1,190万人以上の障害者がおり、その数は人口の19%に該当します。これはつまり、アクセシビリティが十分でないサイトに対して不満を持っている潜在ユーザーが、それくらい存在するということです。 どうして良いWebアクセシビリティが必要なのか ユーザーはWebサイトを使用するとき、どんなことを困難と感じるのでしょうか。アクセシビリティを語るにあたって、どういったものがあるかを見てみましょう。 聴覚系の障害 これは軽度なものから重度の聴
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
中村勇吾さん「ゲームの中の質感」まとめ
TechCrunch | Startup and Technology News
ユーザー体験設計とウェブサイト構築から導く企業ブランディング
TechCrunch | Startup and Technology News
正しいカスタマージャーニーの設計と実践――理念→全体設計→実装→運用の全体像と具体的なポイント | 【レポート】カスタマーエクスペリエンスコンファレンス2016