タグ

UIに関するdesingのブックマーク (13)

  • Sloppy Swiping

    desing
    desing 2016/02/05
  • Almost Flat UI

    Provides extra visual weight and identifies the primary action in a set of buttons

  • Modern UI のようなフラットデザインを目指して使いづらくなっている件について | DevelopersIO

    Windows 8 がリリースされてだいぶ日が経ちました。最大の特徴と言ってもよい Modern UI *1。モバイル端末をはじめとしたタッチデバイスに特化した大きめのタイル(ボタン)とタイポグラフィが一際目を引くデザインで、OS X や iOS のそれとは一線を画しています。 一方の Android。2011年2月にバージョン3.0である Honeycomb がリリースされ、それまでの 2.x から刷新したデザインになりました *2。2013年4月現在の最新バージョンである4.2(Jelly Beans)もこの流れを踏んでいます。 両者ともそれまでの Web2.0 と呼ばれていた頃に流行ったグラデーションやドロップシャドウをふんだんに使ったデコラティブなデザインに対し、平面的で装飾要素の極めて少ないミニマルなデザインが特徴です。これらは主に Flat UI と呼ばれ、2012年頃から現在

    desing
    desing 2013/04/15
    Flut UI についての考察
  • 新着記事

    『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。

    新着記事
    desing
    desing 2013/02/14
  • HCD重要用語のカタカナ表記 ガイドライン | HCDコラム | HCD-Net

    「ユーザー」や「ユーザビリティ」―HCD-Net理事会で決定した用語について カタカナ用語のゆれ(注;ユーザとユーザーなど音引きの問題)が指摘されて久しい。2005年にテクニカルコミュニケーター協会が用語用法の調査を行いかなり整理されましたが(注;報告書が公開されている)、HCD-Netの理事会内では「ユーザ」と「ユーザー」などHCDにとって重要な用語が不統一に使用されていました。2009年に広報媒体としてパンフレットを作成するに当たり、「ユーザー」と「ユーザ」、「ユーザインタフェース」と「ユーザーインターフェイス」などHCDとして重要な用語についてはゆれを正そうということで、理事会内で議論を重ねました。 2010年1月の理事会において最終審議した結果、以下のガイドラインに示す4語が承認されました。当時の議論の記録と共に報告します。ここに掲載したカタカナ用語がHCD-Net内で広く活用され

    HCD重要用語のカタカナ表記 ガイドライン | HCDコラム | HCD-Net
    desing
    desing 2012/05/01
    ユーザインタフェースの表記のゆれについてのまとめ
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • The Secret to Designing an Intuitive UX

    Psychological concepts underlying good user experience and usability. Imagine that you’ve never seen an iPad, but I’ve just handed one to you and told you that you can read books on it. Before you turn on the iPad, before you use it, you have a model in your head of what reading a book on the iPad will be like. You have assumptions about what the book will look like on the screen, what things you

    The Secret to Designing an Intuitive UX
  • Human–computer interaction - Wikipedia

    This article has multiple issues. Please help improve it or discuss these issues on the talk page. (Learn how and when to remove these template messages) This article needs additional citations for verification. Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed. Find sources: "Human–computer interaction" – news · newspapers ·

    Human–computer interaction - Wikipedia
    desing
    desing 2011/08/08
    HCIについていろいろ。Mental model など
  • Don’t Mimic Real-World Interfaces

    There have always been those few apps that insist on looking like their physical, real world, equivalent. Calculator apps, date books, calendars, note taking apps, “stickies” — you know what I am talking about. Despite there being better options out there, better ways of displaying the data, designers stick with the known representation of the… There have always been those few apps that insist on

    Don’t Mimic Real-World Interfaces
    desing
    desing 2011/04/15
    UIに現実の世界を持ってくるな
  • 使いやすさ研究所 用語解説

    アフォーダンス 我々はドアの扱いについて明示的に教わった事はない(と思う)にも関らず、無意識にドアを扱うこと... 対応付け 自然な対応付けとは、右のスイッチを押せば右の照明が点き、スライダーを上にあげれば音量が上がる... フィードバック キーボードをタイプすると画面に文字が出るのも、電話機のプッシュボタンを押すとピポパと音が鳴る... メンタルモデル メンタルモデルとは、実際の機器の振る舞いとの整合性に関らず、ユーザが心的に持っている機器の動... 時間圧 ユーザにとって厳しい時間制限があるなど精神的にかかるプレッシャー... 常識 我々は決して目に映るものを視て、耳から聞こえるものを聴いているわけではない... 先人の計算 代数幾何学で言えば、一定の証明過程は定理として分離して再利用ができること... 道具眼 使いやすい道具や使いにくい道具を見分ける眼力

    desing
    desing 2011/04/14
    アフォーダンス、フィードバック、対応付けなど
  • $B%R%e!<%^%s!&%$%s%?!<%U%'%$%9MQ8l2r@b (B

    $B!!2f!9$O%I%"$N07$$$K$D$$$FL@ $B0l4S@- (B(Consistency) $B!!A`:n$HF0:n$H$N (B $BBP1~IU$1 (B $B$K0l4S@-$N$"$k%$%s%?!$^$7$$!#%f!$^$7$$$,!"$H$j$"$($:F1$8@=IJ$NF1$8A`:n$G$b>l9g$K$h$C$FF0:n$,0[$J$k$h$&$J%$%s%?!l9g$O!"$=$N;~!9$G%7%A%e%(! $B!ZNc#1![ (B $B!! $B!!$3$l$,$^$?!">e$2$k$H?e$,=P$k$b$N$H27$$$F$$$k!#%$%s%?! $BK?65 $B$N$*Bp$G$O!"Bf=j$H@vLL=j$G$3$N:nK!$,0[$J$k$i$7$$!#%/%l%$%8! $B!!$3$N$h$&$K!

    desing
    desing 2011/02/23
  • We'll be back shortly

    Google Maps & Label Readability Why are Google Maps’s city labels more readable than those of other maps? 2010 “Clutter is not an attribute of information, clutter is a failure of design... fix the design rather than stripping all the detail out of the map.” — EDWARD TUFTE I’ve been trying to figure out why Google Maps’s city labels seem much more readable than those of other mapping sites. For in

    desing
    desing 2010/12/04
  • TechCrunch | Startup and Technology News

    Welcome back to TechCrunch Mobility — your central hub for news and insights on the future of transportation. Sign up here for free — just click TechCrunch Mobility! Your usual…

    TechCrunch | Startup and Technology News
    desing
    desing 2010/12/04
  • 1