Metro UIは「UXアプリ養成ギプス」 : 小野和俊のブログ
昨日、今日とWindows Developer Days(WDD)に参加してきた。二日間セッションに参加して感じたのは、「Metro UIは『UXアプリ養成ギプス』だ」ということである。 デザインの原則がある。 例えば原則のひとつに、”Content before Chrome”というものがある。これは、「コンテンツを主役にし、ツールバーやメニュー等のコンテンツへの没入を妨げるものは最小限にする」というものだ。 こうしたデザインの原則やガイドラインがきちんと決められている、ということは重要なことではあるが、それ自体はさほど驚くべきことでもない。先日ブログに書いたように、最近の主要なプラットフォームには、大抵UX/UIのデザインガイドラインが定められているからだ。 では私が何に驚いたかというと、Metro UIではこのデザインガイドラインが「半強制」されていることだ。 UX/UIに意識の高い
ニッポンの引き算恐怖症 | 無線にゃん
今日もちょっとだらだらと長いです。愚痴です。特にモバイルとか携帯電話とかってことに限定される話でもないんですけど、今の日本のモノづくり、製品開発って、「引き算恐怖症」ともいうべき恐慌状態にあると思うんです。大企業病みたいな慢性疾患というよりは、恐慌状態。パニックで正しい判断ができなくなっている状態。 これは前にも似たようなことを書いたと思うんですけど、何かものを作る、ゼロから作る、って時は、たぶん、今できること x 市場の需要で機能を決めていると思うんですよね。なので、たぶん、最低限のものができあがって、大体他社もほぼ同じようなものを出して、あとはデザインか値段か、そのあたりで勝負になるんでしょうなぁ、という感じなんですよ。 しかし、その後継機を作る、って時に、前身製品機能 + (今できること x 市場の需要)、っていう足し算でものを作っているように思います。ほとんどの場合。たぶん、製品の
Interface Origami • Tack Blog
In a previous post, I mentioned a way of thinking about interactions and interface within a framework of depth and space. The ideas were centered around the digital space, but as a designer I find it’s important to remove myself from that space and explore solutions that can originate in physical space. One of the easiest ways to do this is to break out scissors and paper. With paper you can remov
CSS で作るスマートフォン向け片手操作メニュー
ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。 久々にこの手のネタ書いた気がしますけども… ちょっとしたお遊びなんですが、普段は画面の下の隅に隠れてて、クリック （タップ） で展開、いくつかのショートカットメニューが表示される、しかもスマートフォンだと片手だけで操作しやすいみたいな UI を CSS と超簡単な JavaScript （jQuery 使用） で作ってみたので紹介。多分言葉で言っても伝わりにくいと思いますので実際のサンプルをまずは見てみてください。 CSS で作るスマートフォン向け片手操作メニュー サンプル 現在最新版の Firefox
TransIP - Blocked
Domeinnaam geblokkeerd Toegang geweigerd Deze pagina wordt getoond, omdat de domeinnaam die u zoekt is geblokkeerd. Bent u de beheerder van deze domeinnaam? Neem dan contact op met TransIP BV. Let op:informatie wordt enkel verstrekt aan de beheerder, niet aan derden. Access denied This domain has been blocked. The administrator of this domain is advised to contact TransIP BV. Note:information abou
shrapp.nl - このウェブサイトは販売用です！ - shrapp リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
iPhoneアプリのようなリッチなUIをブラウザで実現！Web 2.0 Touchが凄すぎる！ » SHINGOLOG
iPhoneアプリのようなリッチなUIをブラウザで実現！Web 2.0 Touchが凄すぎる！ 2011年8月25日 in iPhone, Web Web 2.0 Touchは、WebKitエンジン上で動作するJavaScriptライブラリです。 2011/8/22に公開されたばかりの模様。 iPhoneアプリのようなリッチなUIをブラウザでも簡単に作ることができます。 iPhone・iPad・Androidに対応しています。 どんな動きが出来るのか、これを見ると一目瞭然です。 アニメーション 上下左右のフリップ(画面が反転する動き)、ポップイン、ポップアウト、上下左右のスライドが出来ます。 テーブル表示 お馴染みのテーブル表示もこの通り。角丸タイプのテーブルも作れるようです。 ボタンやタブ表示、吹き出し タブ表示は便利な機能ですが、自分ではとても作れないところなので、需要ありそう
Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した - かちびと.net
ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに 正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合
Webユーザインターフェースの "暗黙知" を意識していますか？ : LINE Corporation ディレクターブログ
暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
iFingerScrollをtranslate3dで再実装しました - collisions.doppac.cc
■iFingerScrollを公開したあと、GmailのiPadビューのペインスクロールが自分のに比べて相当サクサクなのに気付き、どうやってんだろと思ってPCからiPadのUAを送ってソースをちょっと見てみたところ、” -webkit-transform: translate3d “をつかってdivをスクロールさせてるらしいことがわかりました。 ということでiFingerScrollもCSS Transitionでabsoluteの座標を動かすのではなく、translate3dの指定をjavaScript側の制御で動かすように再実装したところ、いい感じになりました。translate系の指定はもともとtransitionやanimation目的でGPUサポートありで実装されてるので、CSS Transition/Animationとして使わなくても速いのかもしれません（憶測）。レガシーCS
iPad風の複数ペインタッチスクロールをつくるjQuery.iFingerScroll - collisions.doppac.cc
■先週末会社でiPadで毎日使うWebサービスを想定した1Dayプロトタイピングというのをしていて（そのうちまとめられますがとりあえずYoutubeの動画で様子が見られます）、iPadWebアプリのブラウザモックをつくったのですが、そのとき困ったのが、iPadアプリで見られる左サイドのペインに一覧、右サイドのメインペインに詳細を表示するようなスクローラブルな複数ペインUIをふつうにつくる方法がmobileSafariに用意されてないことでした。そもそもmobileSafariにはスクロールバーがないんですよね。 ブラウザでiPhone風のグラブスクロールを実現するjQueryプラグイン「overscroll」というのを見つけて入れてみたんですがこれでもだめで。調べたところmobileSafariには（スクロールバーがないためか）そもそもscrollTop/Leftプロパティそのものがなかっ
Opera News
AI Aria browser AI now available in Opera without sign-in September 26th, 2024 Opera is making it possible for you to use Aria AI without sign-in requirements. Opera for iOS Opera One for iOS wins the MUSE Design Award 2024 September 6th, 2024 We're thrilled to announce that Opera One for iOS has won the MUSE Design Award for 2024! AI Image Understanding arrives in Opera for Android September 3rd,
teatimelogic - Why RoundRect-X?
Macintosh において、ラウンドレクト （角丸四角形）はプリミティブ（基本図形）になっている。 以下の文章によるとそれはジョブズという人のせいらしい。 クイックドローが生成する形状としてどういった形を「基本図形（プリミティブ）に含めるかを議論していたときのことを、アトキンソンが話してくれたことがある。円、楕円、四角形は入れることが決まっていたが、四角形の角をとって丸くした形（角丸四角形）は入れないことになっていた。ジョブズはこれに強く反対し、アトキンソンを屋外に連れ出して駐車場まで連れて行き、縁石や駐車禁止標識などに驚くほどの数の角丸四角形があることを示して翻意を促した。その後アトキンソンは、この形状を過小評価していたことを思い知ることになる。この形状はクイックドローのプリミティブとなったが、それを後悔することは一度もなかった。現在この角丸四角形はダイアログボックスやボタンに頻繁に使
第30回 スクローリングの小細工 | WIRED VISION
第30回 スクローリングの小細工 2009年4月24日 （これまでの増井俊之の「界面潮流」はこちら） スライダやスクロールバーのようなGUI部品は広く便利に使われていますが、これらの由来や発明者についてはあまり知られていないようです。スライド式の可変抵抗器は昔から使われていましたから、計算機上でもこのような部品を利用したくなる気持ちは理解できますが、スクロールバーのような動きをするものは現実世界に存在しませんから、誰がどのようにしてこのようなGUI部品を発明したのかは興味深いところです。 これらの部品は、大きなテキストの一部を表示したり数値を調整したりするのに便利ですが、巨大なテキストを扱ったり値を微調整したりすることは簡単ではありません。 たとえば縦の長さが500ドットのスクロールバーを利用する場合、ノブを1ドット移動したときは表示を1/500ほど移動させる必要がありますから、5万行のテ
UIデザインガイドラインのまとめ : could
UIUXガイドライン UIデザインガイドラインのまとめ デザインガイドラインは、実際同じようなガイドラインを作るときだけでなく、UIデザインを考える際にも役立つ貴重な資料です。今まで個別で紹介したことはありますが、今回は一挙にまとめてリストアップしてみました。 Introduction to Apple Human Interface Guidelines 個人的に UI デザインガイドラインといえばこれ。日本語訳も大変便利です Apple User Experience Guides ソフトウェア開発向けですが、イントロダクションあたりは参考になります iPhones Human Interface Guidelines 会員登録すると見れる PDF 資料ですが、上記のリンクからブラウザ上で観覧することが出来ます Windows User Experience Interaction G
画面デザインの国民性 - When it’s ready.
視聴率は分単位で各局のものが分析出来て、ある意味客観的なA/Bテスト見たいなものが分かる。 視聴者が好むもの、そうでないものを敏感に感じて日々改良を加えて行けるのがテレビの画面デザインの一片だと思っているのだが、アメリカのニュースの画面を見て、素で「これはヒドイ」と思うものが多い。短時間で分かりやすいものがニュースとして優れていると思うのだが(そうじゃ無ければ熟読系のものを見れば良い)こっちの画面は不必要な物にも大きな面積を与えてしかも、アニメーションしてたりするので何処が重要なパーツなのか、何処が飾りなのか分かりにくい。横長画面で高解像度になった弊害な気がする。 一歩通行系のメディアはもっと視聴者への負荷を考慮したもの作りをすべきだと痛感した。 って言うか、これは望まれてそうなっているのか?だとしたら、国民性みたいなものをもっと知りたくなってくる。 最近のyahooUSAのページとかも個
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
利用者部門を主体としたユーザーインターフェース設計の進め方 ： FUJITSUファミリ会 LS研究委員会
IBM Developer
http://www.source-laboratory.net/blog/2008/11/post-12.html