スマホUI考3 ～ ジェスチャ入力について | fladdict
スマホUI考１ 〜 ボタンについて スマホUI考２ 〜 フィードバックについて スマホといえばジェスチャー入力、ジェスチャーといえばスマホ。そんなジェスチャーについて、つれづれと。 でも個人的には、ジェスチャーはほとんど要らないと思う。 ジェスチャ全般 ・ジェスチャは補助操作。メイン操作ではない。 ・ボタンでできる操作をプラスアルファで、ジェスチャでもできるようにする。 ・なぜならジェスチャの有無は視覚的にわからない。 ・ユーザーがジェスチャを理解しなくても操作できるのがよい。 ・またジェスチャー時に、画面のかなりの部分が指で隠れる。 ・極論ジェスチャなしでもアプリがリリースできる状態なのがよい。 ・つまり予算や工数があまったときに入れよう。 タップ ・マウスクリックではなくタップ。 ・ボタンの精度は指のサイズに依存する。 ・細かい座標指定はできない。 ・ロールオーバーがない。 ・触ってみ
内装はオフィスデザイン設計をすべき理由｜こだわりたい！オフィスデザイン
企業にとってオフィスデザインは重要な要素で、あらゆる部分に影響を及ぼします。適切なデザイン設計すれば、仕事効率をアップすることができます。 さらに家具を搬入するときも楽になるのでメリットは多いです。ただやみくもにデザインをしても、うまくいきません。また素材なども考慮しないといけないので、計画的にデザインを練る必要があります。 そこでどのようなデザインをすれば使いやすいオフィスになるのかを紹介しましょう。 オフィスデザインをすれば仕事効率をアップできます。例えば動線を確保することができるので、他のスタッフの通行の邪魔にならずスムーズな行き来をすることが可能です。 また家具を搬入するときも、すでに設置している家具の邪魔をせず置くことができるので便利です。オフィスデザインはやみくもにするのではなく、業態に合った設計をする必要があります。 例えば打ち合わせの多い会社なら、社員のデスクはつくらず自由
チェック必須！GUIインタフェースを作るようにWebインタフェースを作成できる·Sigma Visual Ajax GUI Builder MOONGIFT
Visual StudioやMS Accessの良い所は画面のデザインが誰でも簡単に作成できることだろう。そのため、整ったデザインにはならないこともあるが、それでも誰でも作成できてしまうというのは大きな利点だ。 ドラッグアンドドロップでWebアプリケーションの画面を設計できる Webの場合はHTMLを色々と修正する分、インタフェースの作成が面倒だった。そう、それは過去の話になるかも知れない。 今回紹介するオープンソース・ソフトウェアはSigma Visual Ajax GUI Builder、GUi並みの操作性でWebインタフェースを作成できるソフトウェアだ。 Sigma Visual Ajax GUI BuilderはWebアプリケーションを容易に開発することができるIDEライクなソフトウェアだ。多数のコンポーネントをドラッグアンドドロップで配置し、キャプションや値、アクションを指定でき
電脳メガネ「のようなもの」を作ってみた - 拡張現実ライフ
晴天の価値 2月中旬に出張で千葉へ行った。5日間の滞在中はずっと快晴で、気温は20℃に迫る春のような暖かさだった。仕事は朝から晩まで現場を走り回る過酷なもので、身体的にも精神的にも追い込まれた。毎朝、京葉線から見える美しい景色を眺めて正気を保っていた。太平洋へ燦々と…
Wiiテレビの友チャンネルが家電業界に与えたメガ・ショックとは - キャズムを超えろ！
ちょっと古い話になってしまったが、Wiiテレビの友チャンネル、ありゃぁ相当家電業界にショックを与えたよ、という話。 Wiiの新いチャンネル「テレビの友チャンネル」が先日リリースされた。日本のブログスフィアではあまり話題になっていないようだが、家電メーカーの中では蜂の巣をつついたような大騒ぎになって...いたはず。現に先日会った家電メーカーの人からも真っ先に出たのがこの話題だ。 このリリースで大きな意味を持つのは以下4点だ。 テレビの脇役だったゲーム機が"テレビ放送"そのものに絡む機能を搭載してきたこと デジタルEPGデータ＋ユーザー参加型メタデータという聖域にWiiというNot家電Butメジャーな商品で踏み込んできたこと EPGデータの新しい表示方法が発明*1されたこと UIを工夫すればリモコンボタンは1〜2個で十分だということを実証したこと 順に解説していこう。 テレビの脇役だったゲーム
Wiiリモコンでなんでもホワイトボードに変える魔法のような動画 : Gizmodo Japan（ギズモード・ジャパン）
｢Wiiリモコンで作る、安価なマルチポイントのインタラクティブなホワイトボード｣という解説ビデオです。 見るからにつまらなそうなタイトルですけど、でもでも我慢して最後まで見てくださいよ？ 絶対｢おおおおおおおおおおおおお｣の｢お｣が止まらなくなります！ こんなWiiリモコンの使い方、見たことないですねー。カーネギーメロン大のジョニー・リー（Johnny Lee）さん（動画の人）が考案しました。 Wiiリモコン内蔵の赤外線カメラを活用してます。ボールペンの芯を取り出して赤外線入力の｢ライトペン｣なるものDIYしてますね。あとは遠くない45度の感知圏内からWiiリモコンで画面狙いながらライトペンで4点繋ぐとアラ不思議。MS-Surfaceっぽいホワイトボードになってますよ？ ペン2本使うとその姿はまるで、ジェフ・ハン氏のよう…。絶対意識してますよね。 コントローラはパソコンにフックすると、Wi
Accordion v1.0 Demo
Мостбет сайтМостбет сайт — это молодой ресурс, который идет семимильными шагами к достижению наивысшего качества. Число пользователей которые посещают сайт растет с каждым днем и большое количество задумывается о том, чтобы создать профиль и начать делать ставки. Эта статья предназначена для тех кто еще раздумывает или просто не знает как начать потому что еще не имеет опыта с этим видом онлайн ра
観的なインタフェースをめざして
現在使われている計算機のほとんどは ウィンドウやマウスを使った グラフィカルユーザインタフェース(GUI)で操作を行なうようになっているが、 GUIが一般に普及する前は キーボードを使った コマンドラインユーザインタフェース(CUI)で計算機に指示を与えたり 結果を表示させたりするのが普通であった。 CUIに比べるとGUIは圧倒的に操作が直観的になることが多いため、 GUIを持たない計算機は現在ほとんど考えられなくなっているといえる。 家電製品などあらゆる機器で計算機やネットワークの機能が利用されるように なりつつあるが、これらの世界では現在でもCUI的なインタフェースが利用されていることが多い。 たとえば テレビのチャンネルを変えるために リモコンの数字キーでチャンネル番号と決定ボタンを押すという方式はCUI的な操作といえるだろう。 ビデオの録画予約にしても電子レンジにしても 直観的でな
iPhoneやDSが暗示するタッチメディアの可能性:夢幻∞大のドリーミングメディア - CNET Japan
テレビに比べ、パソコンがもうひとつ売れないのは、キーボードの問題である。キーボードさえなければ、もっと感覚的に動かせるのに。そう思った人も多いだろう。だが、テレビもハイビジョンになり、地上デジタルだの、プラズマだの、BSだの、HDMIだのわけのわからない言葉のオンパレードである。任天堂DSやWiiが売れたのは、コントローラーやキーボードを操作する感覚でなく、直接自分で手触りできるという感覚が受けたのだろう。これは、タッチスクリーンやタッチディスプレイなどのタッチメディアがこれから大流行するのではないだろうか。 例えば、CNET Japanの「iPhone」のクールな機能--テレビコマーシャルで明らかに 確かに、タッチインターフェースはかなり使い勝手がよさそうだ。特にアルバムや写真をスクロールするときのスクリーンの動きは滑らかで気に入っている。 もちろん、キーボードほど使い勝手が良いとは思わ
魚眼式タブ FishEyeTabs | 秋元@サイボウズラボ・プログラマー・ブログ
via del.icio.us/popular FishEyeTabsは、Firefoxのちょっとしたアドオンで、複数のタブを開いているときに、マウスが上に乗った注目しているタブの幅を大きくして、そのタブのタイトルを見やすくしてくれるというもの。 魚の眼が見るように、たくさんタブがあっても広角で全体を見つつ、注目してるところを広いあげられる、というインタフェースということか。 考えてみたらMacOSXの下にあるやつがそうだった。あれみたいな効果が、Firefoxのタブで得られるということ。 アドオンのページでは、2002年に提案されているFisheye式リストボックスというのも紹介されていた。 こちらは、リストの要素が大量にあったときに、スクロールバーを出すんじゃなくてこの魚眼式リストにするのはどうだろう、というUIの提案。 上がFisheyeで、下が通常のリストボックス。デモページでは実
キャズムを超えろ！-家電メーカーよ、今すぐその時代遅れのUIから脱却せよ
TVのリモコンやデジタルカメラの操作ボタン類は、なんでああも使いにくいものなのか。PCやケータイを使い慣れた層にとっては苦痛以外の何者でもない。商品企画を仕切っているコンサバティブなオヤジどもを今すぐシルバー層向け商品の担当に転向させ、PCやケータイに慣れたユーザにメインストリーム商品のUI設計，リモコン設計を任せるべきだ。 リモコンと画面を行ったり来たり... 家電のUI設計の基本は、もとが1ボタン1機能である。とはいえ多機能化するデジタルTVやDVDレコーダー、デジタルカメラといった機器をこの思想で設計すると、100個はくだらないボタンを備えたリモコンが必要になる。これらの機器は全てディスプレイを備えているため、カーソルキーと決定キーを用意し、PCライクなGUIによる操作体系を加えた。が、ここでどっかの誰かがぶっとんだ間違いを犯した。 『操作回数が少ないことは何を差し置いてもいいことだ
アクトビラの悲壮、メーカーサイトの意外な健闘 - キャズムを超えろ！
二月一日よりテレビ向けネットサービス、アクトビラ(acTVila)が開始された。直接ではないが立ち上げに絡んだ身としては大変言い辛いことだが...マトモに使えたもんじゃない。が、罵ることが本エントリの目的ではない。なぜ使いにくいか、どう改善すべきかレビューしてゆきたい。 運営側の自己満足コンテンツを出すな アクトビラボタンを押してからポータル画面が出切るまで10秒近く。しかも最初に表示される画面はテレビの大画面一杯に『2月1日、アクトビラ・オープン！』の巨大文字だけ。どこの高橋メソッドだよ...。いきなりFLASHが全画面で流れだし、10秒間止めることもできず、再生終了後に『ヨウコソ』なんて表示される理解不能サイトと大差ない。さらに言わせてもらえば、もうテレビも買って、LANも繋いでトップページ見れてるんだから、オープンしてることは自明の理。いつオープンしたかなんて情報はユーザには一切関係
80年代のAppleに学ぶUIの部品化とガイドライン ― ＠IT
インタラクションデザインパターン（1） 80年代のAppleに学ぶUIの部品化とガイドライン ソシオメディア 上野 学 2007/2/7 インタラクションデザインパターンのプロローグとして、その原則や秩序の歴史を見てみよう。20年前のAppleはどのように質の高いアプリケーション開発を目指していたか デザインが優れていれば、道具はより楽しいものになり、利用者はより生産的になるはずです。道具のデザインというものは大昔から私たち人間が取り組んできたことですが、近年急激にデジタルデバイスが多様化したことによって、インタラクティブな道具をデザインするための方法論は技術の進歩に追い付くことができなくなっています。利便性を高めるはずの新技術が使い方を複雑化する要因となり、利用者の混乱は増すばかりです。 最近私は携帯電話を買い替えたのですが、同じメーカーの3年前の機種と比べて、著しく使い勝手が悪くなって
タッチスクリーンで映画『マイノリティリポート』は現実になる
トム・クルーズ主演の映画『マイノリティ リポート』、覚えてます？ オブジェをあっちにどけ、こっちに引っ張り、脇にうっちゃって欲しいものを取り出す…まさに乱暴な主人公の言いなり。あの｢ありえない｣インターフェイスがとうとう現実になりました！ 開発したのはニューヨーク大学クーラント数理科学研究所のジェフ・ハン研究員（左）。 タッチ、ジェスチャー、それに圧力の程度まで読み分けてくれるUIで、まるで机の上に写真を引っくり返していじってるのと変わりません。ツリーの展開は指の動く通り枝がニョキニョキ生えてくようだし、3Dの球体や顔面も粘土いじりみたいに形を変えます。フォトショップとかに応用したらエラいことになりそ…。スクリーンの端から端まで写真をフリップするシーンは…もう、目の前で何が起こったのか…。唯一理解できるのは、どう見てもこの人たちはトム・クルーズじゃない、という事実だけです。 これはもう口で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPad向け読書ビューアのインターフェイスを比較する(前編)
IDEA * IDEA
IDEA * IDEA
Engadget | Technology News & Reviews
ソシオメディア | UIデザインパターン
なつみかん＠はてな - ユーザビリティ関連記事 まとめ