タグ

ブックマーク / yasuhisa.com (6)

  • ジェスチャーを使ったモバイルコミュニケーション

    マルチタッチやタップによるソフトウェアとのインタラクションが携帯電話で増えてきました。スクリーンに直接触れるという直感的な操作が魅力的ですが、指を使った操作だけでなく、ジェスチャーを使った操作も近年注目を浴びています。Nintendo Wii のようなゲームデバイスもそうですし、日の携帯電話にはモーションセンサーが実装されたものがあり、ゲームなどに利用されています。iPhone でも Friend Book のようなアプリは握手をしているようなジェスチャーでコンタクトの交換が出来るような機能があります。 デバイスに触れる操作だけでなく、ジェスチャーを使った携帯電話の操作にはどのような可能性が秘められているのでしょうか。Nokia Research Center では、フィールドスタディをしながらジェスチャーを使った新しいコミュニケーションの形を模索しています。デザイナーの Younghe

    ジェスチャーを使ったモバイルコミュニケーション
  • IE6から先へ行くための提案が必要

    YouTubeやDiggといった海外でアクセスの多いサイトが次々と IE6 のサポートを中止する動きを見せています。YouTube は他のブラウザに変更するメッセージの表示以外に具体的にどのようなサポートを止めるのかが分かりませんが、Digg では、コメントや Digg ボタンといったサイトのコア機能のサポートを止めることを考えているそうです。このニュースに影響されたのか、Twitter では、「IE6 Must Die」が、トレンドトピックにランクインしましたし、Twibbonを使った運動も展開されています。 ここ数年ほど、私は最新のブラウザで作りたい形を組み立てて行き、IE6 での表示をどう調整するかという進め方にしていますが、提案したいアプローチが場合によって IE6 では厳しい場合があります。JavaScript を使えば擬似的に CSS2.1 CSS3 のセレクタが使えるとはいえ

    IE6から先へ行くための提案が必要
  • ワイヤーフレーム制作の5つのアプローチ

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

    ワイヤーフレーム制作の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

    UIデザインガイドラインのまとめ : could
  • Emergencyというモバイルアプリをモックアップしました

    7月は青森でセミナーをした思い出に残る月ですが、同時に岩手・宮城内陸地震に遭遇した月でもあります。地震が大嫌いな私にとっては地上14階の地震エクスペリエンスはかなり恐ろしかったわけですが、同時に気付きがある瞬間でもありました。地震が発生した数分後、母からメールが来ました。青森にいることを知っていたので心配してメールをしてくれたわけですが、書き出しが「電話が繋がらないのでメールしました」になっていました。 恐らく携帯電話のネットワークが災害時はパンク状態になって繋がらなかったのでしょう。しかし、ネットではあっさりコンタクトがとれたわけです。メールだけではなく、ウェブサイトへのアクセスも同様です。地震が発生するとネットユーザーは真っ先にウェブに情報をアップしています。例えば「揺れた」「地震」と書き込む人は Twitter だけでも結構います (プライベートモードにしている人も含めたらもっといる

    Emergencyというモバイルアプリをモックアップしました
  • PowerPoint を使ったプロトタイピング

    プロトタイプを作るソフトウェアは Visio のような高度な機能があるものを含めて複数あります。一番最初の段階であれば紙でも良いと思いますが、Webサイト上でのインタラクションを可能な限りリアルに再現して検証するにはパソコン上で行うのが最も適しています。どのツールが良いか迷っている方もいると思いますが、どうやら Microsoft では PowerPoint 2007 がワイヤーフレームを作るツールとして使っているそうです。 2007年、韓国で開催されたカンファレンスで PowerPoint 2007 を使ったワイヤーフレームに関するセミナーがありました (Silverlight ムービー)。Microsoft には Visio があるのになぜ PowerPoint を使うのかというと、PowerPoint のほうが使える人が圧倒的に多いだけでなく共有もしやすいからだそうです。例えば Ex

    PowerPoint を使ったプロトタイピング
  • 1