フラットデザイン： 起源、問題、フラット2.0のほうが望ましい理由
フラットデザインとは2012年ごろに広まったWebデザインのスタイルである。それは広く今も利用されているが、過度な利用は深刻なユーザビリティ上の問題を引き起こしかねない。フラットデザインによって発生するユーザビリティ上の最大の課題の1つに、クリック可能な要素のシグニファイア不足がある。フラットデザイン2.0は、それに対する優れた解決策を提供してくれる可能性がある。 Flat Design: Its Origins, Its Problems, and Why Flat 2.0 Is Better for Users by Kate Meyer on September 27, 2015 日本語版2015年11月2日公開 フラットデザインは人気のあるデザインスタイルで、Webページのグラフィック要素に、光沢感や立体感という視覚効果を利用しないもののことである。それは多くのデザイナーからWeb
カルーセルのUIは売り上げにつながるのか!? カルーセルデザインを考えるときに知っておきたい7つのこと
HOME Contentsquare カルーセルのUIは売り上げにつながるのか!? カルーセルデザインを考えるときに知っておきたい7つのこと 皆さんこんにちは。ギャプライズ鎌田（@kamatec）です。 大きくきれいな画像を横並びに使い、視覚に訴えるサイトデザインを実現できる「カルーセル」。見るからにカッコいいデザインなので、サイトのクオリティを上げるため「カルーセルパネル」を導入したサイトも数多くあるでしょう。 とは言え、この「カルーセルパネル」を使用するか否かという議論がカルーセルが普及していくにつれて盛り上がってきました。ということで、今回はこの「カルーセル」の是非について、Clicktale社のアナリストが調査した結果を報告したいと思います。 (※2020/8/21更新) カルーセルパネルとは？ そもそもカルーセルパネルって何？ ここ数年多くのサイトに導入されているカルーセルパネル
Android Design in Action: Common UX Issues (Japanese)
今回は Android アプリでよく見かけるさまざまなデザイン上の問題を、デザイン・ガイドラインに則ってご紹介します。 デザイン・ガイドラインは絶対的な基準ではありませんが、高品質なアプリを目指す上で役に立つヒントが詰まっており、Android アプリの UI/UX デザインにあたってまず参考にしていただきたい資料です。詳しくは http://d.android.com/design をご参照ください。 日本の Android 開発者のための公式 Google+ コミュニティ Android Development - Japan もよろしくお願いします。 https://plus.google.com/communities/115564198961961475282 #adia #common
First Time User Experiences
First Time User Experiences I'm Krystal Higgins and this is my collection of new user experiences, good and bad, from a variety of products. Learn more about designing good onboarding experiences. Update your links! First Time UX has moved to first-run-ux.comThanks for being a passionate patron to this catalog! To give me more presentation options, I’ve migrated this catalog of first run user expe
Usable Programming Group - MIT CSAIL
The Usable Programming group designs and studies systems that improve the learnability, efficiency, and safety of software development. It replaces the User Interface Design Group (2002-2017). RESEARCH PROJECTS Programming Education Constellation (2013-now) supports collaborative programming in the Eclipse IDE, particularly designed for active learning in the classroom -- like Google Docs for Ecli
クックパッドの元山和之氏「デザイン力向上のカギは観察すること」【連載:UI・UXキホンのキ】 - エンジニアtype | 転職type
「デザインが分からない」 時折、エンジニアからこうしたセリフを聞くことがある。 たいてい、このセリフが意味するのは「自分には絵心やセンスがないから」という単純な理由なのだが、本当に絵心やセンスがないとデザインは理解できないものなのだろうか？ この連載では、デザインの本質的なロジックやデザイナーの思考法を、毎回著名サービスにかかわるデザイナーに語ってもらう。 連載第一回目となる今回は、日本最大の料理レシピサイト『クックパッド』のデザイナー、元山和之氏の登場だ。 クックパッド株式会社 デザイン部 デザイナー 元山和之氏 1985年生まれ。 名古屋市立大学芸術工学部を卒業後、広告代理店を経てはてなに入社。『はてなブックマーク』のメインデザイナーを務めた後、2013年3月にクックパッドへ移り、サイト全般のデザイン業務にかかわる。ほか、社内で利用されるデザインフレームワークづくりにも携わっており、プ
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
ソシオメディア | iPhone の当たり判定を検証した
スマートフォンやタブレットなどのモバイルデバイス向けにUIをデザインする際には、タッチ操作に適したコントロール表現を追求しなければいけません。 タッチ操作に適したコントロール表現とは、前回書いたジェスチャもありますが、それ以前に、ボタンやリンクなどのUI要素を指で押しやすい大きさにすることが大切です。 パソコン画面のマウスポインターと違って、タッチスクリーンにおいて指でボタンをタップする場合、指がそのボタンを覆い隠してしまうので、意図した場所に正しく触れているのか分かりにくく、またボタン自体の視覚的なフィードバックも確認しづらいという課題があります。 またマウスポインターではピクセルレベルで画面上の座標を指し示すことができますが、指先ではそのような細かい操作はできません。 ですからタッチデバイスでは、ボタンやリンクが細かく密集しているようなデザインは大きなストレスになります。 最低限の大き
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブレないアプリデザインのすすめかた
iOS7でAppleが目指したのは「UIデザインの常識」の再発明である
"aoColumns" - Cannot hide last column in table
Paging Server Side Data On Client
jquery Datatables - how to achieve Server side fetching and Client side sorting
Custom Controls for iOS, iPadOS, macOS, tvOS, and watchOS - Cocoa Controls