Tagged

UI

A collection of 74 posts

UI

Web OS 搭載のネットブック「litl」

正直、あまりネットブックに興味がなかったのですが、今月初めに発売された litl [http://www.litl.com/] は興味津々です。ソフトウェアのインターフェイスが独特なのと、機能ではなくライフスタイルからネットブックの可能性を提案している点が好感をもてます。ハードをフリップさせてデジタルフレームとして使える点のもおもしろいですね。 スペックをみると、HDDは2GB, 1GB RAM, 1.86GHz Intel Atom プロセッサなので、他のネットブックと変わりありません。しかし litl が他のネットブックより魅力的に感じるのは小さくて便利というスペックから見た魅力紹介ではなく、具体的な使い方を提案している点にあります。また、外へ持ち出すのではなく、家で使えるネットブックという見せ方もあまりないかもしれませんね。 litl の最大の特徴は、専用 OS にあります。これはモバイル向けの Ubuntu を改良したもので、インターフェイスデザインはロンドンを拠点とし今は世界各地に事務所をもつ Pentagram [http://pentagram.com/en/new

UI

決して使いやすいとはいえないタッチUI

iPhone [http://www.apple.com/iphone/] の登場以来、国内外問わず多くのスマートフォンがタッチスクリーンを採用しはじめています。これからのユーザーインターフェイスはタッチスクリーンだと感じている方もいるかもしれませんが、利用者はどのように感じているのでしょうか。 Canalys [http://www.canalys.com/]という調査会社がヨーロッパのモバイルユーザーにタッチスクリーンに関する反応をまとめています。 Survey reveals extent of shift in mobile UI preferences [http://www.canalys.com/pr/2009/r2009111.htm] この調査によると、次のモバイル機器の購入の際、指で操作するタッチスクリーンにしたいと考えている方は 38% にのぼり、スタイラス式(16%)の購入を考えている方を大きく上回ります。このようにタッチスクリーンの注目度は高いですが、既にタッチスクリーンの携帯電話を利用している方の反応は少し違います。Canalys の調査によると、47%

microsoft

マイクロソフトが提案する次世代マウス

先週、マウスとキーボードの代りになる可能性を示すデバイスとインターフェイスのデモ 10/GUI [http://www.yasuhisa.com/could/article/10gui/]を紹介しました。Microsoft のほうでもマルチタッチ機能をマウスに組み込むことが出来ないかといろいろ模索しているようです。10月初旬にカナダで開催されたUser Interface Software and Technology conference [http://www.acm.org/uist/uist2009/] で、5つの次世代マウスのプロトタイプが発表されました。Webサイト [http://www.microsoft.com/appliedsciences/mouse20.mspx] のほうで、5つのプロトタイプに関する書類と動画を観覧することが出来ます。 FTIR Mouse形状はマウスに似ていますが、マルチタッチ操作がしやすいように軽く曲線がかかったフラットな表面が特徴Orb Mouse マウス全体がマルチタッチインターフェイスなので、違う場所を触ることで違う操作が出来ますC

UI

10/GUIとマルチタッチインターフェイスの可能性

マウスとキーボードを使って GUI に表示されている情報を操作するという手法は 30 年以上採用され続けています。多くの方が慣れ親しんでいる方法とはいえ直感的に使えるわけではありませんし、複雑な操作をマウスだけで行うのは難しいです。今の時代に合ったマウスに代わる次世代の操作を模索している動きは以前からありますが、 10/GUI [http://10gui.com/] はその中でも出来が素晴らしいです。Techcrunch [http://www.techcrunch.com/2009/10/13/10gui-one-very-slick-desktop-multi-touch-concept-video/] をはじめ幾つかのサイトで紹介されているので、既にご覧になった方もいるかと思います。 次はタッチスクリーンと考えがちですが、手が邪魔でスクリーンが見えなくなるという問題があります。これを解決した例としてデバイスの裏からタッチする Nano touch [http://builder.japan.zdnet.com/member/u514743/blog/2009/10/08/ent

UI

ワイヤーフレーム制作の5つのアプローチ

ワイヤーフレーム [http://bit.ly/HMc0f] を作るときに、とりあえず「どのソフト・道具を使って作ろうか」という考えが先に来てしまいますが、どのようなワイヤーフレームを作るのかのほうが重要です。情報をどれだけ見せるのか、何を表現したいかによってワイヤーフレームの見せ方が異なります。つまり、サイトの属性や目的に応じてワイヤーフレームの作り方を調整するとより効果的になります。また、予算や時間に合わせてワイヤーフレームを作成する目安にもなり、制作チームやクライアントとの情報共有がしやすくなる可能性があります。 ワイヤーフレーム制作は、主に5つのアプローチが考えられます。それぞれメリット・デメリットがあり、得意分野も異なります。複数を組み合わせたり、アレンジすることで目的にあったワイヤーフレームを作ることが可能になるでしょう。 コンテンツブロック型 内容や記載せず、おおまかなブロックで枠組みするワイヤーフレーム。サイト制作の早期から導入出来る制作方法で、制作時間もかかりません。ソフトウェアを使って制作することが出来ますが、コンテンツを入れない段階なので、紙上でも素早く作るこ

UI

ユーザーが考えるブラウザの未来

Mozilla は去年からコンセプトサイト [http://labs.mozilla.com/projects/concept-series/] で未来のウェブの使い方の提案をしています。セミナー [http://www.yasuhisa.com/could/diary/websig-semanticweb/]でも紹介したことがある、Adaptive Path の Aurora [http://adaptivepath.com/aurora/] が有名ですね。コンセプトサイトだけでなく、Flickr の mozconcept [http://www.flickr.com/photos/tags/mozconcept/] というタグから、利用者が提案した様々なコンセプトデザインを観覧することが出来ます。 利用者が考えた優秀なコンセプトデザインが見たい方は、Design Challenge: Summer 09 [http://design-challenge.mozilla.com/summer09/

apple

ウェブサイト制作にも参考になるAppleアプリの作り方

以前紹介した LittleSnapper [http://www.yasuhisa.com/could/article/littlesnapper/] をはじめ、Macには無料・有料ソフトウェア問わず UI が洗練したものが数多く存在します。「Macらしいアプリ」と言えるかどうかはインターフェイスと大きく関わっているかと思います。Appleアプリの開発者はどのように形作っているのでしょうか。TechRadar UK の「Before you buy: how Apple software is born [http://www.techradar.com/news/computing/apple/before-you-buy-how-apple-software-is-born-601111] 」という記事で CoverScout 3 [http://www.equinux.com/us/products/coverscout/] の開発プロセスをインタビュー形式で紹介しています。 大まかにコンセプトを固めるアイデアフェイズ、プログラムなどをする開発フェイズ、そしてバグフィックス

UI

いろいろあるインタラクティブ・テーブル

マルチタッチで操作可能なインタラクティブ・テーブルといえば Surface [http://www.microsoft.com/surface/] が有名ですが、他でも同類のテーブル(もしくは壁)が開発されています。カフェ、図書館、カンファレンスなど人がたくさん集まる場所にあると便利そうなインタラクティブ・テーブル。今回は GUI の見せ方も含めて興味深いものを幾つか紹介。アート作品から実際使われているものまで集めて参りました。リンク先のサイトには動画が掲載されているので、読むよりまずは見て体感すると良いと思いますよ。 Maeve [http://portal.mace-project.eu/maeve/]ドイツの University of Postdam で開発されているテーブル。専用カードを置くことで情報むことが出来たり複数のカードの情報の関連性を視覚化してくれます。Processing [http://processing.org/]とGestait [http://www.wortwechsel.biz/gestalt/] で開発されたそうです。Remotable [ht

OSX

Grapeを使って散らかったデスクトップを整理

Canvas for OneNoteの感覚的な情報整理 [http://www.yasuhisa.com/could/article/canvas-for-onenote/] というエントリーで、自動ではなく手動による情報整理の可能性を紹介しました。Canvas は、OneNote 限定ですが、BumpTop [http://bumptop.com/]のようにデスクトップ上のファイルを手動で整理出来るアプリケーションもあります。BumpTop のような3Dにすることで、ファイルを配置する平面がさらに3つ増えます。マウスで操作するには少々効率が悪いですが、機械的なソートでは整理出来ない情報整理の提案しています。 こうした手動による情報整理が出来るソフトで最近見つけたのが Grape [http://tayasui.com/Grape.html] です。Mac OSX で動作するこのアプリケーションを使えば、仮想のデスクトップ上でファイルを自由に整理・検索が出来るようになります。手動と自動によるファイル整理をバランスよく行えるという意味でお勧めです。 仮想デスクトップの広さはスクリーン