プログラマのためのUXチートシート — ありえるえりあ
はじめに http://msdn.microsoft.com/ja-jp/library/aa511258.aspx の 「Windows ユーザー エクスペリエンス ガイドライン」 「ガイドライン」 主に「コントロール」 の抜粋です。 以下の基準で抜粋しました Web UIに応用可能 実用的かつ具体的 自明ではない プライマリUIを目立たせる プライマリ UI 要素を強調するには、以下に従います。 - プライマリ UI 要素は、視線の通り道に配置します。 - タスクを開始する UI 要素は、左上隅または中央上に配置します。 - コミット ボタンは、右下隅に配置します。 - 残りのプライマリ UI は、中央に配置します。 - コマンド ボタン、コマンド リンク、アイコンなど、注意を引き付けるコントロールを使用します。 - 大きなテキストや太字のテキストなどの目立つテキストを使用します。 ユ
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
考察：Appleはスマホサイトを作らない。
今まで気づかずにいたが、Appleはスマホ(スマートフォン)向けサイトを作っていない。それは何故か。 予算がないとか、(どこぞのメーカーと違って)ウェブデザインや自社製品についての理解度が低いとか、おそらくそういったネガティブな理由ではない。Appleのウェブサイトには、自社のプロダクトデザインに通じる主張が表現されている。 Mobile Safari のUIデザインの本質を垣間見るウェブデザイン 自社のプロダクト(ここでは特にMobile Safari)のUIデザインが、何を理想として、どう調整されてきたのか、このサイトのデザインから読み取ることができる。 Appleのウェブサイトの裏側をちょっとだけ覗いてみると、viewport に width=1024 が記述されている。これは、iPhoneの小さな画面でも1024px分の幅があるものと仮想してレンダリングされるようにする、呪文のよう
UX Zeitgest の書籍ランキングの翻訳本を集めてみた | gaspanik weblog
以前、「UXに関係する書籍や記事を集めたUX Zeitgeist」っていうネタを書いてるんですけど、たまに「開いてみたら英語だったよ…、Orz」とか言われることもあるので、一体どれぐらい翻訳されて日本で発売されているのか調べてみました。 その「UX Zeitgeist」ってのは前回も書いたように、 Important books, articles, and topics on user experience design, according to the UX community. こんな感じでして、ユーザーエクペリエンスデザインに関係する重要な本やサイトの記事、トピックなどを集めたコミュニティサイトみたいなもんです。 全部調べるのは無理なので、第1弾は1位から50位まで現在ここに登録されている本は、さまざまなジャンルで計600冊を超えてます。 さすがにこれを全部調べるのはちょっと時間
Google
世界中のあらゆる情報を検索するためのツールを提供しています。さまざまな検索機能を活用して、お探しの情報を見つけてください。
あらゆる表面を入力デバイス化：ケータイにも活用可能 | WIRED VISION
前の記事 「最初のアットマーク(＠)は1536年」：＠の歴史 ソマリア海賊襲撃の動画：「復讐」が目的 次の記事 あらゆる表面を入力デバイス化：ケータイにも活用可能 2009年5月 7日 Priya Ganapati 2本指スクロール、それともマルチタッチ？ それはもう選ばなくていい。フランスの新興企業Sensitive Object社(設立は2003年)が提供する、どこを触ってもいいというタッチスクリーン技術は、従来の技術とは違い、ディスプレイの枠組を超越しているからだ。 同社の『Anywhere MultiTouch』プラットフォームは、ユーザーが何かに触れたときに、その物体の中を伝わる音波の認識を利用している。 何かの表面に触れると音波が生じるが、そのパターンは、触れた位置に固有の音響的な「シグネチャ(署名)」を生成しうる、とSensitive Object社は説明する。同社はこのこと
Pttrns — Mobile User Interface Patterns
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
40 Detailed Examples of User Interface Design | inspirationfeed.com
You are here: Home » Inspiration » Design Elements » 40 Detailed Examples of User Interface Design 40 Detailed Examples of User Interface Design Written by Igor Ovsyannykov on Jan 27, 2011 | 0 Comments When designing an application, millions of question arise. How should it look? How easy is the interface to understand? What should the colors and borders look like? The list goes on and on. Before
「何でもタッチスクリーンにする」Intel社の新技術(動画) | WIRED VISION
前の記事 電子インクにもなるカラー液晶画面、単体で販売 IT化で給料はダウン：国勢調査結果で判明 次の記事 「何でもタッチスクリーンにする」Intel社の新技術(動画) 2010年7月 2日 IT コメント： トラックバック (0) フィードIT Priya Ganapati Photo:Priya Ganapati/Wired.com 米Intel社の研究部門は6月30日(米国時間)、毎年恒例の『Research@Intel Day 2010』で、タッチスクリーン技術をコンピューター以外の用途に拡大して、日常生活に利用できるようにするためのプロジェクトを披露した。 このプロジェクトでは、3次元物体をリアルタイムで認識する技術によって、例えば台所のカウンターに置かれたほぼあらゆる物のモデルが構築され、仮想のタッチスクリーンを用いた「メニュー」を操作できるようにしている。例えば、厚切りの肉を
MultiTouch DragAndDrop + Gesture で Microsoft Surface 的な - latest log
続き書きました http://d.hatena.ne.jp/uupaa/20100629 MultiTouch の習作として、Microsoft Surface ( youtube: http://bit.ly/1wTzk ) に似たインターフェースを js で実装してみました。 ピンチで拡大。回転。トリプルタップで元のサイズに戻ります。 demo http://bit.ly/b3BZdr ( http://uupaa-js.googlecode.com/svn/trunk/0.8/test/ui/gesture_drag.htm ) jsdo.it にも置きました http://jsdo.it/uupaa/MultiTouchDragAndGesture jsdo.it では、コンテンツがiframeの中でロードされ実行されていますが、iframeの外側(jsdo.itの実行環境)で、各
フレキシブル有機ELを使ったブレスレット型パソコンのコンセプトデザイン
ソニーが半径4mmの太さに巻ける動画再生なフレキシブル有機ELを開発できたことを発表しましたが、「将来的にはこんなパソコンも出るのではないか」とフレキシブル有機ELのタッチパネルを使ったブレスレット型パソコンのコンセプトデザインが考えられています。 詳細は以下から。 Sony Nextep Computer Concept for 2020 by Hiromi Kiriki >> Yanko Design デザイナーのHiromi Kirikiさんによって作られたブレスレット型PC。 柔軟に曲げられるフレキシブル有機ELであれば、身につけて持ち運びやすくなります。 タッチパネルを引き出してキーボードとして使用することが想定されています。 手首に着けたところ。 カラーバリエーションも考えられています。 フレキシブルディスプレイが普及すれば、パソコンだけでなく携帯電話やゲーム機などもより柔軟な
格安手袋を使用するジェスチャー制御UI(動画) | WIRED VISION
前の記事 ビルディングになったゲーム機たち 入国時にポルノ所持申告を義務づけ：豪州 次の記事 格安手袋を使用するジェスチャー制御UI(動画) 2010年5月25日 IT コメント： トラックバック (0) フィードIT Priya Ganapati Photo: Jason Dorfman/CSAIL Video: Robert Y. Wang/Jovan Popovic ジェスチャー・コンピューティング分野において、マサチューセッツ工科大学(MIT)の2人の研究者が、費用がかからず利用しやすいコンピューティングを開発するという大躍進を遂げた。多色使いの手袋とウェブカメラを用意するだけで、手振りでコンピュータとやりとりできるという技術だ。 10色から成る不揃いな20個の形をつなげた、継ぎはぎ模様のスパンデックス繊維『Lycra』製手袋をウェブカメラの前にかざすと、手を振ったり指を曲げたり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://tapfancy.com/
Facebookにログイン
Google
https://ukijs.org/
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
YouTube - eyesights technology demonstrated
Motherboard
Atomicantelope