スマホUI考１ 〜 ボタンについて スマホUI考２ 〜 フィードバックについて スマホといえばジェスチャー入力、ジェスチャーといえばスマホ。そんなジェスチャーについて、つれづれと。 でも個人的には、ジェスチャーはほとんど要らないと思う。 ジェスチャ全般 ・ジェスチャは補助操作。メイン操作ではない。 ・ボタンでできる操作をプラスアルファで、ジェスチャでもできるようにする。 ・なぜならジェスチャの有無は視覚的にわからない。 ・ユーザーがジェスチャを理解しなくても操作できるのがよい。 ・またジェスチャー時に、画面のかなりの部分が指で隠れる。 ・極論ジェスチャなしでもアプリがリリースできる状態なのがよい。 ・つまり予算や工数があまったときに入れよう。 タップ ・マウスクリックではなくタップ。 ・ボタンの精度は指のサイズに依存する。 ・細かい座標指定はできない。 ・ロールオーバーがない。 ・触ってみ

Author:エクセレントフォーム研究会 エクセレントなフォームを求めて・・・エクセレントフォーム研究会は日夜ステキなフォームを見つけては紹介し、草の根レベルでエントリーフォーム最適化（ＥＦＯ）活動を行っております。

SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ

Sign In to View Your Boards Inspirational UI UX Patterns That Work Explore Pattern Categories Made with love for designers by designers @Simform & Maitrik Kataria

Whether you are a developer or a designer, these guidelines contain everything you need to design effective applications using GTK+. They cover design principles for GNOME 3, common guidelines such as how to write text and use images and icons, as well as a library of design patterns which you can use in your application. While the HIG places an emphasis on designing for GNOME 3, it can also be us

2008-11-01（土）–2009-02-08（日） 12:00〜19:00 （土日祝のみ 10:00から） 休館日 :火曜日（祝日の場合は翌日）／年末年始（12.29-1.3) 入場無料 主催：財団法人山口市文化振興財団 後援：山口市、山口市教育委員会、在福岡米国領事館 助成：文化庁 日本オランダ年2008-2009 企画制作：山口情報芸術センター[YCAM] 技術協力：YCAM InterLab グラフィックデザイン：good design company ナビゲーションデザイン：LEADING EDGE DESIGN プロジェクトキュレータ：阿部一直（YCAM) 山口情報芸術センター 〒753-0075 山口市中園町7-7 TEL:083-901-2222 FAX:083-901-2216 e-mail:information@ycam.jp

2010 Update- 15 patterns and 80 new examples By Theresa Neil As Bill mentioned in an earlier post, we don’t want to limit this blog to just the principles and patterns found in the book. For that you can check out our Explore the Book section. In the spirit of that, I want to share an additional set of principles and patterns I have been using for RIA design. While the book takes a much more consu

Once upon a time, in a land of sputtering dial-up connections, websites took ages to load. Folks yearned for the 100% mark. But as soon as that figure arrived, the beloved (or bemoaned) preloader disappeared, never to be seen or heard from again. Until now. Pretty Loaded is an archive of preloaders that preload other preloaders…which in turn reveal yet more preloaders. Copy that? It’s a tribute to