タグ

Designとuiに関するken_c_loのブックマーク (24)

  • Mobile App Gallery|tappgala.com

    Mobile App Galleryは各種アプリのデザインギャラリーサイトです。カテゴリごと、色ごとに分けて分かりやすく表示しています。

  • 第36回 画面設計書を書くための手法とツール:ITpro

    画面設計書について,前回に引き続き,それを書くツールや手法について考えてみましょう。 画面設計書の基 まずは,画面設計書の中にあるべき情報から見てみましょう。これらすべてがそろっていなければならない,というわけではありませんが,望ましいのではないかと私自身は考えています。 header ページIDやタイトルなど,一目でそのページがどの画面仕様を記述しているかがわかるような「ヘッダー」部分。細かく書くならば,文字コードや対象ブラウザまで記述する場合もある。また,プロジェクトの名前(プロジェクト・コード)や版番号なども記し,似たようなドキュメントの中からも引き出せるようにしておく。 footer 制作サイドのコピーライトやページ番号などを記す。最終的には,クライアントのコピーライトに置き直して,最終納品とする場合もある。 Page Layout 画面内に配置する「ユーザー・インタフェース(U

    第36回 画面設計書を書くための手法とツール:ITpro
  • pukiwiki、はてなトップページの妙な恐怖感

    尾野(しっぽ) @tail_y 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:49:50 нσυѕαι тσяυ/縫采 徹 @firty_housai 何があった…RT @tail_y: 先週のことだけど、会社にいる女の人がtwitterクライアントを入れるという話になった時にググってこのページを見せたのだけど、後々、このサイトが「怖かった」という話を聞いた。普通のpukiwikiページ。 http://bit.ly/HdaHR 2010-03-08 11:50:38

    pukiwiki、はてなトップページの妙な恐怖感
  • 黒須正明 : NAVERアドバイザリーボード

    1978年早稲田大学大学院博士課程単位取得満期退学。同年(株)日立製作所入社、中央研究所に勤務。1988年同社デザイン研究所に異動。1996年より静岡大学情報学部教授。2001年9月、文部科学省メディア教育開発センターに教授として赴任。ヒューマンインタフェース、特にユーザビリティを研究するなかから、ユーザー工学や人工物発達学を提唱するに至った。現在、学校法人放送大学 メディア活用・遠隔教育センター 教授、国立大学法人総合研究大学院大学 学長特別補佐、文化科学研究科 メディア社会文化専攻 教授 先生が研究されているユーザビリティとユーザーエクスペリエンス(UX)の違いについて、まずは、定義していただけますでしょうか。 ユーザビリティとUXという概念は、世間で混同されている傾向があります。そもそもUXとは何に関するものであるか、ということを考えるとその辺が整理されます。まず、ユーザビリティとい

  • I ♥ wireframes

    Tumblelog managed by Ivana Jurcic, Web Developer from Belgrade, Serbia. If you want to contribute contact me via email, twitter or post your wireframe in this flickr group. Facebook page Submit wireframes Archive RSS feed Adobe Proto Adobe® Proto, a new Adobe Touch App, lets you create interactive wireframes and prototypes of websites and mobile apps on your tablet. Communicate and share ideas wit

    I ♥ wireframes
    ken_c_lo
    ken_c_lo 2010/01/28
    ワイヤーフレーム集めたたんぶら
  • デザイン能力を身につける方法 - 分裂勘違い君劇場 by ふろむだ

    まず、この記事で紹介されていたUIの話。 あのUIは、オイラ的に解釈するなら、こんな感じ。 まず、いちばん最初に目につくのが、「レトリック」を使った導線設計をしているということ。 つまり、まず、確信犯的かつ計画的にユーザに「誤解」させる。 つまりこの「スクロールバーに見える」というのは、「釣り」なわけで。 ユーザは、それに釣られて、スクロールバーだと思って、使ってみる。 そこで、すかさずネタばらしの「釣り宣言」をする。 「スクロールバーだと思ったでしょーwww。うそぴょーん。」というわけだ。 しかし、「期待を裏切られたユーザ」は、その裏切りの価値を認めるわけだ。 「なんだ、これ、スクロールバーじゃないけど、スクロールバーよりも便利じゃん」というわけだ。 オイラがよくやるブログ記事の書き方と同じだ。唯一の違いは、このUIのレトリックは目論見どおりに成功し、オイラのレトリックは単にすべりまくっ

    デザイン能力を身につける方法 - 分裂勘違い君劇場 by ふろむだ
  • 21世紀のMac vs Windows再び, Android端末HT-03A登場

    Android端末の質は、Google IDを入力するだけで、Google検索、GMail , Talk , Maps , Youtubeが持ち運べるクラウド端末だと思った。 ドコモのAndroid端末、HT-03Aの発売前日に、AMNのイベントで一足早く触ることができました。 イベントの申し込み時に、「当日何を試しますか?」という質問があったので、 「Movatwitterの動作確認です」 と書いて当選することができました。 さて、HT-03AおよびAndroidのレビューを書いてみたいと思います。 触ってみたことと、その後、twitterでリプライをもらったことを含めて感じた、 ■HT-03A、Androidの良いところ。 ・体の質感は結構良い。 ・体が手のひらサイズで持ちやすい。 ・検索ボタンが優先的に存在するGoogleらしさ。 ・検索することを前提においたユーザーインターフ

    ken_c_lo
    ken_c_lo 2009/07/13
    「Android端末の本質は、Google IDを入力するだけで、Google検索、GMail , Talk , Maps , Youtubeが持ち運べるクラウド端末/UIコンシャスのiPhone OSと、検索コンシャスのAndroid 」
  • NHK 2009都議選 開票速報

    Copyright NHK (Japan Broadcasting Corporation) All rights reserved. 許可無く転載することを禁じます。

    ken_c_lo
    ken_c_lo 2009/07/13
    とても良いUIだ。
  • FUKUCHI Kentaro

    Regular work Professor of School of Interdisciplinary Mathematical Sciences, Meiji University I'm interested in Interactive Media, Human-Computer interaction, information visualization, realtime image processing and entertainment computing. Fukuchi Lab. Web Site Courses Side work Visual Jockey, visual art work, open source software development, etc. They are derived from my research activities. CV

    FUKUCHI Kentaro
  • nobilog2: 以前からあった機能を「特別」にするiPhoneマジック

    歯医者での待ち時間、Twitter経由で知り合ったplanetofgoriさんのブログに 「iPhoneは宣伝の仕方が巧みである」というおもしろい記事がある。 記事の中で、planetofgoriさんは、 ・最新のiPhone 3GSの電子コンパスは、日の携帯ではとっくの昔に搭載している ことなどに触れており、iPhoneは宣伝の仕方がうまいと書かれている。 実際にiPhone 3GSが電子コンパスを搭載するはるか前に、京セラのau携帯は電子コンパスを内蔵して、EZNaviwalk(Navitimeの中でも最高峰のau専用版)との素晴らしいインテグレーションを果たしていた。 さらにiPhone 3GがGPSを搭載するはるか前から、日の携帯電話ではGPSの搭載が当たり前になっていた。 ちなみにアップルは、何もしないでもiPhoneが話題になることに任せてか、 iPhoneの宣伝にはそれほ

    ken_c_lo
    ken_c_lo 2009/07/08
    「余計な機能をつくらない分、1つ1つの機能をしっかりとブラシュアップして、人々が喜んで使いたくなるレベルにする」製造業全般において「デザイン」という行為が薄っぺらい捉え方をされてると感じることは多い。
  • 【海外事例に学ぶ】 リッチ化するフッター (ユーザビリティ実践メモ)

    これまで当サイトでも、いくつかの記事でフッターについて扱ってきました。最近、海外のサイトを見ていると、フッターについて新しい取り組みが見られます。 今回は、海外サイトの動向をサンプルとし、フッターにおける新たな取り組みのメリットをご紹介します。 Geek Trends: 15 Footers with great usability ( pop upon magazine ) 6 Things To Include for a User Friendly Footer ( UXBooth ) Modern Sitemap and Footer ( WebDesignerWall ) Footers (76 examples) ( Smiley Cat Elements of Design ) 例えばTIGERS (http://www.tigers.org.au)のフッター(下図)では、革

  • インタビュー2009(1)ウェブデザイナーの中村勇吾氏「旧世代サイトを見直したい」インターネット-最新ニュース:IT-PLUS

    遺伝子を効率よく改変するゲノム編集研究の第一人者で米ブロード研究所のフェン・チャン主任研究員は、エボラ出血熱やジカ熱の早期診断技術を開発したことを明らかにした。ウイルスの遺伝情報が…続き 受精卵のゲノム編集、なぜ問題 優生思想と表裏一体 [有料会員限定] ゲノム編集品 販売容認、条件満たせば安全審査なし [有料会員限定]

    インタビュー2009(1)ウェブデザイナーの中村勇吾氏「旧世代サイトを見直したい」インターネット-最新ニュース:IT-PLUS
    ken_c_lo
    ken_c_lo 2009/01/07
    「今まではページデザインというレイヤーで考えてきたけれども、モジュールデザインの組み合わせになりつつある。ただ、それをうまくきれいにまとめる手法やそつなくまとめる手法はまだ完全にできていない。」
  • HugeDomains.com

    Captcha security check sohaya.com is for sale Please prove you're not a robot View Price Processing

    ken_c_lo
    ken_c_lo 2008/11/03
    //エコシステム構築がプラットフォーム生き残りのキーポイントになっている以上、そのポリシーがアプリケーションデベロッパーにまで浸透させられるか否か(つまりはエコシステム構築の可否)に掛かっています//
  • インタフェースの大変動 最初の三〇年は始まりにすぎなかった。

    インタフェースの大変動 最初の30年は始まりにすぎなかった InterCommunication No. 60 Spring 2007 特集「デザイン/サイエンス」 に寄稿 渡邊恵太 稿は、近年のインターフェイス・デザインの考え方の変化について述べるものである。最初にインターフェイスの視点から現在動きの活発な企業や考え方について紹介する。そして、その企業に共通する点から認知科学的アプローチの限界を示唆する。それを背景に、これからのインターフェイスの考え方について述べる。 はじめに 今日のユーザー・インターフェイス研究の流れは、大きな変化を見せはじめている。たとえば、Macintoshとユーザー・インターフェイスは切っても切れない関係で、常に先端をリードしてきた存在である。そのApple社が先日の「Macworld Expo 2007」にて、「最初の30年は始まりにすぎなかった(The f

    ken_c_lo
    ken_c_lo 2008/10/22
    //道具や環境とインタラクトする人間という視点から、人間の知性を定義してゆく必要がある//
  • 長文日記

  • Perceptive Pixel

    Redefine your meeting experiences PPI Touch Devices deliver exceptional, multi-purpose productivity solutions for brainstorming, collaboration, and interactive presentations.

  • 「ダウンロードしたいアプリケーションをここにドラッグ」というインターフェース | SIMPLE*SIMPLE

    こじゃれたソフトウェアがいろいろダウンロードできるPanicのインターフェースがちょっとユニークです。 メニューの横に大きな矢印があるのですが、そこには「ダウンロードしたいアプリケーションをここにドラッグ」との説明が。 ↑ これ。 お、まじ?と思ってドラッグしてみる。 ↑ こんな感じで。 すると・・・。 ↑ ダウンロードが始まった! 説明なくいきなりダウンロードってどうよ?と思わないでもないですが、他ではあまり見ないインターフェースですよね。「貼り付けたい動画のサムネイルをドラッグしてコードを取得」なんてのには使えそうかな、と思ってみたり。 実際に動作している様子は以下からどうぞ。 » パニック・ジャパン – ショッキングなほどに優れた Mac ソフトウエアをあなたに。

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • ユーザーにとってはUIがすべて:UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan

    シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書

    ユーザーにとってはUIがすべて:UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan
    ken_c_lo
    ken_c_lo 2008/10/03
    //ユーザーに主導権を与える/直接操作の感覚を与える/一貫性を高める/目に見えるようにする/操作を可逆的にする/モードを減らす/エラーを回避する/マジョリティに最適化する/ユーザーの作業を加速化する
  • アップル ヒューマンインタフェースガイドライン

    アップル ヒューマンインタフェースガイドライン 原文:Apple Computer Inc. 訳:かろでん☆みゅーあ 2006-06-28 はじめに アップル ヒューマンインタフェースガイドライン序文 アップルは、強力なコアファウンデーション、そしてアクアと呼ばれる、目の離せないユーザインタフェースを結びつけた、世界で最も先進的なオペレーティングシステム、Mac OS X を手にしました。 進化した機能と、美的に洗練された色使い、そして透過処理、アニメーションによって、Mac OS Xは新規のユーザにはコンピュータ操作をより容易に、同時にプロフェッショナルユーザには彼らがMacintoshに期待する通りの生産性を提供します。 ユーザインタフェース、すなわちふるまいと外見は、よく練られた緊密なユーザ体験を、Mac OS X向けに開発された全てのアプリケーションに利用できるようにします。 これ