UIから「白」が消える日｜ritar
これは designing plus nine Advent Calendar 19日目の記事です。 こんにちは。ritarと申します。 今年の10月頃、YouTubeに大きいデザイン変更がありました。 アイコンの変更、角丸やレイアウトなど全体的に一新されているのですが、中でも自分が仰天したのは「アンビエントモード」という新機能です。 アンビエントモードこのモードをオンにすると、動画の下側のUI領域が、まるで動画部分から光が漏れているかのようにじんわりと色づきます。 これを見たとき自分は度肝を抜かれました。なんたってUIの領域にコンテンツの色が侵食しているのです。 これを踏まえて、最近UIと色について考えたことを、UIデザインの歴史を振り返りながら記していきます。先に要点を言うと、UIはどんどん「無色透明」になっていくと考えます。これは「技術が生活に浸透することによってUIは存在感を減らし
コンバージョン率を改善する入力フォームにおける10のルール
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 Webやアプリ内のフォームは、ユーザーとの最も大切なやり取りの場の一つです。サービスへの登録や予約、フィードバック、決済処理など、ユーザーと企業間の取引を開始したり、ユーザーいにあらゆる情報を入力してもらうべく、様々なところで使われています。 ユーザーがいかに素早く正確に情報を入力し、求める情報を最後まで入力してくれるかはこのフォームの出来にかかっています。 この記事ではフォームのデザインにおいて、様々なテストやユーザーの声などから導き出された、実用的な施策を紹介します。 1. フォームは論理的に並べる フォームは対話そのものです。従って、普通の会話の様に、ユーザーとアプリの２者間でのコミュニケーションとして表現されるべきでしょう。 質問は直感的な順番にする。ユ
元Googleの中の人がハイテク企業がどうやって「ユーザーの心を乗っ取るのか」をタネ明かし
Googleに買収されたサービスAptureでCEOを務めていたトリスタン・ハリス氏が、ユーザーのサービス依存度を高めるためにテクノロジー企業がどのような手法を取り入れているのかを解説しています。マジックの経験があるハリス氏は、その手法を人間の心理を上手く利用している点でマジックに通じるところがあると評価しています。 How Technology Hijacks People’s Minds — from a Magician and Google’s Design Ethicist — Medium https://medium.com/@tristanharris/how-technology-hijacks-peoples-minds-from-a-magician-and-google-s-design-ethicist-56d62ef5edf3#.aec83wojz IT企業が出
uniqlo undercover
UU それは、高品質なベーシックを追求して来たユニクロと、ストリート発のハイエンドなファッションを発表して来たアンダーカバーによるコラボレーション。今を生きる家族の洋服であり、東京から世界へ向けたメッセージでもあります。
近くの喫煙所を教えてくれるタバコ
情報は必要なとき、必要な場所で提供されるのがベスト。例えばいまからタバコを吸おうとしている人に、路上での喫煙や吸い殻のポイ捨てを避けてもらいたければ、（もちろん本人に気をつけてもらうのが一番ですが）どこに喫煙場所があるのかを教えてあげれば良い……ということで、クロアチアでこんな取り組みが行われているそうです： ■ On cigarette packages, QR codes reveal a nearby place to smoke (Springwise) タイトルでほぼ解説されていますが、タバコのパッケージにQRコードが印刷されていて、それをアプリで読み取ると位置情報と組み合わせて近くの喫煙場所を教えてくれるという仕組み。 クロアチアの"Ronhill"という銘柄で実現されたものだそうで、こんな解説ビデオも用意されています： まぁQR云々抜きで、喫煙場所を教えてくれるアプリがあれば
Create front-end style guides in minutes | Patternry
This pattern demonstrates using Angular Material with your patterns. Angular Material is both a UI Component framework and a reference implementation of Google's Material Design Spec... Written by: Janne Lammi Indicating clearly required or optional fields on a form tells the user what needs to be filled in to complete the form. If most of the form fields are optional, use text or a
Main Page - Social Patterns
Principles section title: Social to the Core Fundamental Principles Design for Everyone Deliberately Leave Things Incomplete Pave the Cowpaths Strict vs. Fluid Taxonomies Palimpsest Talk Like a Person Conversation Self-Deprecating Error Messages Ask Questions Your vs. My No Joking Around Don't Break Email! Be Open Learn from Games The Ethical Dimension what other high-level principles are we missi
Pattern Tap : Interface Collection for Design Inspiration
A collection of interface design solutions from all over the web, where users can mark patterns they like, and learn from other's design solutionsPattern Tap is here to satisfy and encourage the inspiration needs of my interface design peers and peeps. We aspire to be the one stop pattern shop for your next inspiration need.
Dribbble - Show and tell for designers
Get inspired by the work of millions of top-rated designers & agencies around the world.
Interaction Design Pattern Library - Welie.com
Pattern library All patterns are listed here. It's quite a bunch of them, but I have tried to group them meaningfully. User needs Patterns that meet a direct need of the user. Navigating around· Accordion · Headerless Menu · Breadcrumbs · Directory Navigation · Doormat Navigation · Double Tab Navigation · Faceted Navigation · Fly-out Menu · Home Link · Icon Menu · Main Navigation · Map Navigator ·
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
その生々しさにドン引き。隕石の落下をシミュレートできるウェブサービスが登場【やじうまWatch】
friends.nico - Nicommenton
webサービスでのUXデザイン 発表スライド
http://www.saiyou-jinzai.com/?p=211
純利益をあげているEコマースTOP100サイトに見る、購入フローの全ステップをキャプチャでおさめたまとめ
Tumblr
Yahoo Developer Network
Tags | Dribbble
Fredric Delman
Best Book Writing Software 2024 [Writing, Editing & Focus]![Best Book Writing Software 2024 [Writing, Editing & Focus]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2acdbe4e2132e49f2b92c0ba96555ea5cb30894a/height=288;version=1;width=512/https%3A%2F%2Fkindlepreneur.com%2Fwp-content%2Fuploads%2F2020%2F12%2Fbook-writing-software-01-1-scaled.jpg)
