タグ

interfaceとdesignに関するlliのブックマーク (19)

  • SIGIXD 2nd Googleにおけるインタラクションデザイン - 安藤日記

    安藤日記 安藤日記:デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ SIGIXD 2nd ------------------------------------------------------- http://sigixd.org/2nd.php Googleにおけるインタラクションデザイン #川島さんの示唆に富んだ話がすばらしかった。 川島 優志氏 シニアウェブマスター・アジア太平洋マネージャー: "Behind the web design & Doodle creation" Judy Shade UX Researcher: "UX at

  • 「Firefox 4」がGoogle Chromeに勝てない理由

    「Firefox 4」の最初のβ版を使ってみたところ、パフォーマンスでもデザインでも、Google Chromeの方が一枚上手という印象を持った。 「Firefox 4」β1をリリースした米Mozillaは、米GoogleChrome、ノルウェーのOpera SoftwareのOpera、米MicrosoftのInternet Explorer(IE)に新たな戦いを挑む準備を進めている。同社は有利な立場にあるという自信を持っているようだ。世界で2番目に人気の高いブラウザであるFirefoxの普及がさらに拡大し、最終的にはブラウザ分野でIEから王座を奪い取る――これがMozillaの目標だ。 だが、この目標を達成するのは以前にも増して困難であるようだ。Google Chromeは、競合ブラウザよりもWebページを読み込むのが圧倒的に速いために、急速に市場シェアを拡大している。Microso

    「Firefox 4」がGoogle Chromeに勝てない理由
  • 目からウロコです!携帯のマニュアル、基本に戻る。

    詳しすぎても、シンプル過ぎても使いずらいのがマニュアルですよね。 分かりやすくて読みやすいマニュアルを! とかマニュアルいらずなシンプルな機能の携帯やガジェットを! などなど日々努力をしている方々にご紹介しい、新しいガイド方法を見つけちゃいました。 どんな方法か、写真で分かったかもですけど・・・ヒントは、子供用の風です。 一見は百聞にしかずなので、もうおわかりだと思いますけど、そうなんです。マニュアルにガジェットの形をした穴が空いていて、指示に従ってボタンを押したりカチャカチャしているうちに、セットアップができちゃったりするんです! これなら老若男女、誰でも購入したガジェットのどこを押せばよいのか迷うことなく、楽しみながら使いこなせるようになれそうですよね。 これは、Clara Gaggero、 Adrian Westaway、Jaako Tuomivaraという3人のデザイナーが考えた

    目からウロコです!携帯のマニュアル、基本に戻る。
  • TechCrunch | Startup and Technology News

    Since April, a hacker with a history of selling stolen data has claimed a data breach of billions of records — impacting at least 300 million people — from a…

    TechCrunch | Startup and Technology News
    lli
    lli 2010/05/08
    ホントそう。このインターフェースで一番気になるのは冗長さ。ただ、サイドバーの方を外すべきかなと思う。他のサービスとの整合性を考えるとサイドバーのみにするのはベストとはいえない。
  • 【文具王】2穴パンチに“120年ぶりの構造革新”、これなら絶対間違いない! - ライフ - 日経トレンディネット

    “文具王”の異名を持ち、文具メーカーでユニークな商品を生み出し続ける高畑正幸氏が、最新文具の奥深~い世界をナビゲートする。<文具王のツイッターはこちら> 今回紹介するのは、カール事務器の2穴パンチ「アリシス」。 2穴パンチというのは、見た目は地味だし、個人では持ってない人も多いかもしれないけど、オフィスで資料をファイリングする手段としては、最も普及した事務機器の1つだ。何十年も前から見慣れたこのパンチ。だが同社のサイトによると、この製品は「120年ぶりの構造革新」だという。 これまで、穿孔(せんこう、穴を開ける)能力が20~40枚くらいで個人からオフィスまで幅広く使える汎用の2穴パンチには外観も能力もかさばり具合もそれほどの差を感じず、決定的にオススメの製品というのが正直なかった。しかし今回紹介する「アリシス」は、私が初めて「これなら絶対間違いない!」と言い切れる逸品である。 アリシスは、

    【文具王】2穴パンチに“120年ぶりの構造革新”、これなら絶対間違いない! - ライフ - 日経トレンディネット
  • 「良いデザインの10ヵ条」とiPad

    iPadはすっきりとしたデザイン。まさに「機能主義」のインダストリアルデザイナー、ディーター・ラムスの「良いデザインの10ヵ条」を体現しているようです。 iPadは、アップルのデザイナー部門VPのジョナサン・アイヴ氏が、究極のインダストリアルデザインを追求してできた作品といっていいでしょう。ミニマルなミニマリズムを追求し、モバイル・コンピューターをキーボードなしのスクリーンだけにしてしまいました。 が、製品としては多少の問題点もあります。マーケティング上の判断に起因するものもあれば、製造上の制約に起因するものもあります。 続きで、手にとってみての使用感も含めたデザインのポイントと、その課題について考えてみます。 iPad当に、「良いデザインの10ヵ条」にあてはまるのでしょうか? ひとつひとつ検証してみました。 1.良いデザインは革新的であるマウスなしのタッチスクリーンというコンセプトは

    「良いデザインの10ヵ条」とiPad
  • なんの苦もなく iPad を使う幼児

    [A 2.5 Year-Old Has A First Encounter with An iPad – YouTube] 子供たちが iPad を使っている! Laughing Squid: “A 2.5 Year-Old Uses an iPad for the First Time” by Todd Lappin: 06 April 2010 *     *     * UI の実験 昨夜初めて2歳半になる私の娘が iPad に触った。iPhone はすでに使えるが、iPad ユーザーインターフェイスの格好の実験となった。 My iPhone-savvy 2.5 year-old daughter held an iPad for the very first time last night, and it turned out to be an interesting user-i

    なんの苦もなく iPad を使う幼児
    lli
    lli 2010/04/08
    インターフェース研究としてものっそい参考になる。iPadのベゼルが太いのは端っこに触れているのをどう判定するかをAppleも対応に苦慮した結果なんだと分かった。あと幼児すごい。
  • iPad初体験レビュー:江島健太郎 / Kenn’s Clairvoyance - CNET Japan

    いよいよ昨日に満を持して発売され、サンフランシスコの寒空の下で1時間ほど行列に並んで入手したiPad、入手して丸二日使ってみて、思うところが次第に形になってきたのでレビューを書きたいと思います。 最初にことわっておきますが、ぼくがここに書いていることはバイヤーズガイドではありません。何々をしたいならiPadがオススメ、とかそういう一般ユーザ向けの話はしてないです。書きたかったのは、このiPadという製品から何を感じ取るべきかという、主にデザイナーや技術者など「玄人」向けのこってりしたメッセージとなっていることをあらかじめご了承ください。 事前の所感としては以前にもCNETのパネルディスカッションで述べたことがあるのでそちらを参照してもらうとして、では実際に触ってみてどうか。 やはり、ほんとうに大切なことは実際に自分の手で触ってみないとわからないもんだなぁと改めて感じました。 結論を先にまと

    iPad初体験レビュー:江島健太郎 / Kenn’s Clairvoyance - CNET Japan
    lli
    lli 2010/04/07
    マウスとおじさんの話はすごく同意。コンピュータがより直感的に進化してくれて嬉しい。Appleが最終的な勝者になるかはわからないけど良い影響を与えていることは確か。
  • 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、はてなトップページの妙な恐怖感
  • fladdict.net blog: アフォーダンスってなんザンス?

    デザイン業界で一時期大流行だった「アフォーダンス」という言葉なんですが、聴いたことはあるけど意味となるとイマイチ「?」、って人は多いんじゃないでしょうか。 そもそも混乱が起きるのは、生態心理学用語のアフォーダンスと、勝手デザイン用語のアフォーダンスと言うのは指し示すものが違うからです。さらに事態をややこしくしているのは、深沢直人氏や佐々木正人氏がデザインを語るときに使うアフォーダンスは、正統な方のアフォーダンスだったりします。おかげで意味が大混乱。 自分の復習もこめて、そんなアフォーダンスの話。 そもそもアフォーダンスというのは、生態心理学者ギブソンが提案した、「行為者とモノとの物理的な行為の関係性」を示す造語です。 例えば、僕と椅子の間に「僕が座ることができる」という関係性があるときに、両者の間に「座れる」というアフォーダンスが存在する、あるいは「椅子が座るという行為をアフォードする」と

  • kishin Design | Macとデザインと美しいモノのブログ | エレベータの「閉」は不用

    X8.cn ¥52888 秀吧/小8 8P.cn ¥36888 八品/8铺 5Z.Net ¥45888 五洲 6i.Net ¥36888 乐爱 7H.com.cn ¥8888 七禾 8H.com.cn ¥8888 8号 E51.com ¥28888 医无忧 51P.com ¥48888 我要拍 C7C.com ¥28888 c7c 3BW.com ¥48888 3百万 BW1.com ¥23888 百万 82W.com ¥48888 八二网 82P.com ¥38888 P=PJ 81P.com ¥38888 P=PJ 81K.com ¥38888 K=K3 65D.com ¥38888 D=DF 59D.com ¥38888 D=DF U76.com ¥38888 U=游戏 U71.com ¥25888 游企业 U91.com ¥28888 91系 W61.com ¥38888 W=WN

    lli
    lli 2009/10/26
    apple store銀座も閉めるボタンはありませんね。階数ボタンすらありませんが。。
  • Engadget | Technology News & Reviews

    AirPods Pro 3 review: A significant update to Apple’s best earbudsHeart-rate tracking and Live Translation are major advances on a familiar formula.

    Engadget | Technology News & Reviews
    lli
    lli 2009/10/16
    キーボードと別になるのかー。
  • マルチタッチを超える! 魅惑の感圧式キーボードをMSが公開(動画)

    まるでキーボード使いの魔術師のようです... 次々とOSやPCは変わっても、ほとんど目立った進化を遂げてこなかったキーボードデザインですけど、このほどマイクロソフトが公開した感圧式のキーボードによって、操作性が飛躍的に向上していくかもしれませんよ。 例えば、キーをタイプする強さを感知して、長く力を込めてタイプされた文字ほど、フォントサイズをビッグに強調表示したり、通常は一押しで一文字ずつ削除するBackSpaceキーやDeleteキーが、押される力の強さに応じて、一文、一行、一節、全文削除へと実行レベルが増していったりするという感じで、なかなか便利そうです。 おぉぉ、それってなかなかいいじゃん! そう思ったあなたは、どうぞ続きから、さらなる詳細な発表内容をご覧ください。たかがキーボード、されどキーボード、こんなにもPCライフが楽しくパワーアップしちゃいますよん。 新たにマイクロソフトから公

    マルチタッチを超える! 魅惑の感圧式キーボードをMSが公開(動画)
  • 日付や時刻の十の位と一の位を別々に選ばせるフォームは劣悪

    日付や時刻の十の位と一の位を別々に選ばせるフォームは劣悪 2009-07-29-3 [Design] カレンダーの日付や時間を選ぶフォームで、 十の位と一の位を別々に選ぶタイプのやつは、 繰り上がるときにものすごく面倒。 例えば、29日になっているやつを30日にしたい場合、 2→3, 9→0 の二回の操作が必要になる。 前述のフォームは某乗り換え案内サービスのやつ。 下記のものはYahoo!の乗り換え案内のフォーム。 時刻は別々なのでダメダメだけど、日付はこっちの方がマシ。 願わくば、日付の後に「次の日」ボタンがあればいいかな(時刻のところには「▼(次)」と「▲(前)」がある)。 乗り換え案内だと次の日のことを調べる場合が多いので。

    日付や時刻の十の位と一の位を別々に選ばせるフォームは劣悪
  • 三角形のキーでタッチスクリーンキーボードのミスタッチを防ぐ | スラド

    タッチスクリーンキーボードで押したかったキーではないキーが反応してしまい、イラっとしたことのある/.Jerもいるだろう。そんなミスタッチを防げるという特許が家/.で紹介されている。 英国のDavid Baker氏が考案したという「Crocodile Keyboard」はキーの形が三角形になっており、通常のQWERTYキーボードよりも余白を格段に多くとってある。これによりユーザはタッチしたいキーを確実に押すことができるようになるとのこと。三角形が並ぶ様子がクロコダイルの歯に似ているとして「Crocodile Keyboard」と名付けたそうだ。 ちなみにこのキーボードは元々Palm Pilot用に設計が進められていたものだそうだが、製造コストの問題から日の目を見なかったとのこと。

    lli
    lli 2009/06/06
    これはすばらしい。
  • アイトラッキングから検証した、使いやすいフォームの10のポイント

    Google Mail、Hotmail、Yahoo! Mail、eBayの各サインアップのフォームを使用して、22~33才までの平均27才のユーザー8人を被験者にしたアイトラッキングから検証した、使いやすいフォームの10のポイントをcxpartnersから紹介します。 Web forms design guidelines an eyetracking study 以下、10のガイドラインからポイントのピックアップです。 1. Vertical, not horizontal 水平ではなく、垂直に フォームのレイアウトは、水平方向の配置やそれが混在したものではなく、単純に垂直方向に配置したものが効果的です。 可能であれば、各ラベルも垂直方向に揃えて配置してください。 2. Left-aligned labels are clearer (anecdotally) ラベルは左寄せにすると、よ

  • 使い易いユーザーインタフェースとは何かを勉強しています。そこで、質問です。使い易いユーザーインタフェースを持ったウェブサイトやソフトウェアを教えてくださ.. - 人力検索はてな

    使い易いユーザーインタフェースとは何かを勉強しています。 そこで、質問です。 - 使い易いユーザーインタフェースを持ったウェブサイトやソフトウェアを教えてください - また、それが使い易いと感じた理由を教えてください 条件は以下、 - 一般的なパソコンのディスプレイ、マウス、キーボードで触れるインタフェース - あなたが実際に体験したインタフェース よろしくお願いいたします。

  • GUI革命を先導している男と先導しかけた「alto」

    画面上のアイコンをクリック――現代では多くの人にとってあまり違和感のないこの言葉ですが、そこにはGUI(グラフィカルインタフェース)とマウスなどのデバイスの存在が欠かせません。もともと軍事的な利用を目的に開発されたIT。それを一般の人でも簡単に利用してもらうにはどうすればよいのか。今回は、1973年に開発された「Alto」というパソコンの裏側にあった、1人の革命があったのです。 GUI革命を先導した2人の男 現在、わたしたちが使っているパソコンには、ほぼ間違いなくマウスが用意されています。キーボードでコマンド直接打ち込んでコンピューターを操作していた時代から、マウスで画面上のオブジェクトを移動させたり、クリックやドラッグといった操作したりできるようになっています。コンピューターのあり方を大きく変えたマウスは、1961年にダグラス・エンゲルバートによって発明されました。 この数年前の1957

    GUI革命を先導している男と先導しかけた「alto」
  • 1