直感的なUIとは予想した通りの結果が得られるもののこと - ネコメシCEOブログ
UIデザインの参考に！斬新で美しいUIをもったiPhoneアプリまとめ という記事では、紹介しているアプリのことごとくに、「ボタンが無くてシンプル」「直感的で使いやすい」などと書いてあるが、ClearのUIみたいなのを「誰でも直感的に操作できる」などと評価する理由がさっぱり理解できない。 こういうUIは基本的にどれも玄人向けで、操作がジェスチャの塊になってしまっているものは、それが使いこなせる俺カッケー感が高くて自己顕示欲を満たしやすい。"そのように操作できるUIデザイン"が気持ちいいのではなく、"そのように操作している自分"が気持ちいいの間違いなんじゃないだろうか。 ボタンが一切なくてシンプルだと気持ちがいいUIになるだって？ そんなわけがあるはずない。現実世界はボタンが一切なくてシンプルなUIで溢れているし、そのおかげで毎日いろんな場面でいらいらさせられている。たかが1個のレバーを上げ
Quick quotes
ProductQuick quotesOn an average weekday, more than 70,000 comments are added to discussions on GitHub. Today we’re introducing a small enhancement to the way you can reply to discussion threads to… On an average weekday, more than 70,000 comments are added to discussions on GitHub. Today we’re introducing a small enhancement to the way you can reply to discussion threads to make it even easier. P
わかりやすい「エレベーターの開閉ボタン」ってどんなんだろうね？ | fladdict
Twitterで「ボタンと間違いやすいサイン」について呟いたら・・・ いつのまにか「間違いやすいエレベーターボタンのデザインの話」に巻き込まれてたでござる。 面白そうだったので、自分でも考えてみたり。コアコンセプトは以下のような感じ。 安全側にマージンを設ける 表現の為に安全を犠牲にしない 迷ったらコンサバに。チューニング芸で頑張る。 視覚的／言語的にハンディキャップがある人にリスクを負わせない。「ってか、そこは周囲の人で吸収する社会にしようぜ！」という思想を、そこはかとなく埋め込む。 ボタンの文言とか 「開く＆閉じる」や「開＆閉」は、漢字が似てて視認性が悪いのでボツ。「あける＆とじる」や「あける＆しめる」は、「る」が被るのでボツ。「Open & Close」は視認性が悪いし子供がわかんないのでボツ。 で「ひらく」と「しまる」に決定。 「とじる」や「しめる」じゃなくて「しまる」にした最大の
Android 版 Google 日本語入力から新しい入力方法のご提案
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
Introducing the Command Bar
ProductIntroducing the Command BarAt GitHub, we use the command line every day. From git commands to script/server, we love the power it offers. This got us thinking, "why can't we do that with… At GitHub, we use the command line every day. From git commands to script/server, we love the power it offers. This got us thinking, “why can’t we do that with github.com?” The Command Bar Now you can. Our
FluidUI.com - Create Web and Mobile Prototypes in Minutes
Please ensure you understand and agree with our data protection policy before using this site. FluidUI.com (Fluid UI) uses cookies and saves data on our servers in order to provide the Fluid UI service. This data is gathered in order to provide the relevant functionality for your account. The purpose of this article is to inform you what information we store, when we request it and why we need it.
O'Reilly Japan - インタフェースデザインの心理学 : ウェブやアプリに新たな視点をもたらす100の指針
デザインは相手から反応を引き出すための大事な要素です。買ってほしい、読んでほしい、行動を取ってほしいなど、相手の反応を誘い出すためにデザインをします。人間の行動原理を理解していないデザインは相手を混乱させるだけで目的の結果を得ることができません。本書ではすべてのデザイナーが知るべき100の指針を実践例とともに紹介します。すべてが科学的な研究から導き出されたものです。これらの指針を理解してデザインすれば、人間の思考や行動、遊び方にマッチした直観的で人を引きつける製品――印刷物、ウェブサイト、アプリケーション、ゲーム――を作れるようになります。 翻訳者によるサポートページ。 サンプルPDF ● 「前付〜#008まで」（53MB） 目次 1章 人はどう見るのか 001 目が受け取る情報と脳が私たちに伝える情報は微妙に違う 002 対象の「あらまし」をつかむのは中心視野より周辺視野の役目 003
イタリアンユーザーインターフェース - ポクポク
イタリアで見たUIについてご紹介します。 トイレ こちらはトイレを流すボタンです。大きい丸を押したらたくさん水が流れて、小さい丸を押したらすこし水が流れます。ホテルとか空港のトイレとか、1ボタンじゃないものは大体こんな感じでした。別々のボタンでもいい気がしますが、重なってるのがおしゃれですね。 男女の案内です。色による区別はメジャーじゃなくて、絵のディテールが細かいです。ピクトグラムとしては日本の普通っぽいやつのほうが洗練されてますね。イタリアのトイレは個室になってるやつが多くて、男女の区別が無い感じのもけっこうありましたね。 ビデです。シャワーが無いホテルでもビデはあるみたいですね。 食べ物 向こうは内袋という概念が無くて、開けたら即中身が出てきます。 ガム ウエハース ポン菓子的な棒 たまに内袋があります。 チーズやハムを掴むやつです。板とフォークがハサミみたいに連結されています。特に
matarillo.com: UIパターン
UIパターン 追記 この記事の一部を加筆・修正したものを「開発者が知っておくべき、6つのUIアーキテクチャ・パターン」として@ITに転載しています。 MVVMを追加した上で、アプリケーションモデルとMVVMをプレゼンテーションモデルのバリエーションとして位置づけました。 MVPの2つのスタイルとして、監視コントローラとパッシブ・ビューを説明しました。 まえがき Martin Fowlerの"GUI Architectures"を訳したので公開しようと思ったのだが、FAQページに「EAA developmentとかDSLなんかは商業出版するんで例外ってことで」と書いてある。面倒だったので翻訳の公開はやめて、「自分の理解を書く」というスタイルにしようと思う。 Fowler氏が説明しているのは 「フォームとコントロール」、「モデルビューコントローラー (MVC)」、「プレゼンテーションモデル」、
実践的なパターン: テストの容易性を高める設計
Contents The Problem: Monolithic Apps Composite Applications Composite Application Guidance The Bootstrapper and Containers Module Initialization Using the Bootstrapper Modules and Services Regions and RegionManager Locally Scoped Regions Views Separated Presentation Commands Events Wrapping Up Technologies such as Windows® Presentation Foundation (WPF) and Silverlight™ provide developers with a s
WPF のための MODEL-VIEW-VIEWMODEL (MVVM) デザイン パターン
このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 コードは MSDN コード ギャラリーからダウンロードできます。 オンラインでのコードの参照 目次 秩序と混乱 Model-View-ViewModel の進化 WPF 開発者に MVVM が好まれる理由 デモ アプリケーション 中継コマンド ロジック ViewModel クラス階層 ViewModelBase クラス CommandViewModel クラス MainWindowViewModel クラス ViewModel に View を適用する データ モデルとリポジトリ 新しい顧客のデータ入力フォーム All Customers ビュー まとめ 専門的なソフトウェア アプリケーションのユーザー イン
tealang.info » Blog Archive » ダイアル式階層データ用UIの試作
Dial UI on Android from quolc on Vimeo. applet for PC インタラクション2012という情報処理学会主催のカンファレンスに参加した際、"ContextDial"というGUIパーツの開発研究を目にしてダイアル式のGUIを自分も作ってみたくなったので、ちゃちゃっと試作してみました。 概要 ダイアル状のインターフェイス上に好きな色の要素を配置して直感的に操作出来るGUIです。 ダイアルには任意の個数（3から12個程度が妥当ですが）の要素を表示でき、上部にあるアイテムほど大きく表示され、またアイテム間のインターバルも大きく取られるので、見やすく強調されます。 ダイアル自体は、もちろん黒電話のようにタッチ＆ドラッグによって直感的に回す事ができ、スピードをつけると抵抗が働いて、しばらくクルクルと回ってから止まります。 各要素をタップすると、その要素が拡
kamblr - Bootstrap有害論
Bootstrapを使うと、複雑なCSSを書かなくても、綺麗な見た目のサイトを素早く作れて大変便利。なんだけど、UI的にはあまりよろしくない。はっきり言って、これは有害だ。 Bootstrapではタブやドロップダウンメニュー、モーダルダイアログといったUI要素を簡単に使えてしまうので、ついこれらに頼りすぎたUIになってしまう。これらのUI要素は、小さなウィンドウやモバイル機器のスクリーンといった狭い領域に情報を詰め込むための苦肉の策のようなもので、もし使わなくてすむなら使わない方が良い。タブとかドロップメニューがやたら多いアプリや管理画面ってだいたいゴチャゴチャしてて使いにくいですよね。 使いやすい画面を作るには、情報を取捨選択して、優先順位を考えて、適切な場所に情報を配置することが重要になる。けど、これらのUI要素を使うと好きなだけ情報を詰め込めんでしまえるので、情報の取捨選択をしなくな
k0sukey.tumblr (自分はiPhoneを片手で扱っているので、タブの一番右端がタップし難くてあまり好きではありません。ので...)
自分はiPhoneを片手で扱っているので、タブの一番右端がタップし難くてあまり好きではありません。ので、画面中央に現れるダイヤル式のタブを独自に実装します。動きは動画を見てね。 以下、簡単なソース。もちろんTitanium MobileなのでJavaScriptです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
In Browser Path Matching with Javascript by schneems · Pull Request #9001 · rails/rails
New Content Available soon!
Loading...
iPad Keyboard Prototype
境界線があやふやになったUIデザインとブランド (with tweets) · yhassy · Storify
tealang.info » Blog Archive » Android用ミュージックプレイヤー TrnTbl を制作しました。