タグ

uiに関するmamimumiのブックマーク (16)

  • タブ式で使いやすいシンプルな航空券検索ツール『hipmunk』 | 100SHIKI

    だいぶ前からあるのだが、やはり使いやすいな、とあらためて思ったのでご紹介。 hipmunkは航空券を検索するためのサービスだ。 非常にシンプルに出来ているのが特徴で、出発地と行き先、日程をいれるだけで候補となる飛行機をだだっと表示してくれる。 うれしいのは飛行時間がグラフィカルに表示されてわかりやすいのと、タブ式になっていて複数条件を簡単に比較できる点だ。 もちろん価格や時間帯でソートすることも可能だ。そっけない画面なのだが、そこに必要十分な要素がバランス良く配置されていてUIデザインの妙を感じる。 航空券を探している人はもちろんのこと、検索系ツールを開発している人にも是非見て欲しい。

    タブ式で使いやすいシンプルな航空券検索ツール『hipmunk』 | 100SHIKI
  • モバイルリデザインTOP|バリューエンジン

    「モバイルリデザイン」では、全機種完備のバリューエンジンだから実現できる携帯サイトに特化したユーザビリティーコンサルティングサービスのご提案をしています携帯サイトのユーザビリティーとは? 携帯電話はPCとは違い、画面が小さく、操作方法も異なります。 絵文字など独特の表現手法が存在するため、PCサイトでの使い勝手とは異なった携帯電話独自のユーザビリティーに関するノウハウが必要です。当社では、以下のようなモバイル特有の観点からもユーザビリティーを評価し、「どこ」を「どのように改善したら良いか」を具体的にアドバイス致します。 ユーザーにストレスを感じさせないサイトを目指すことで「アクセス数を増やしたい」、「有料会員をさらに獲得したい」、「売上を伸ばしたい」と言ったお悩みを解決致します。 サイトの入り口に問題はないか? QRコードなどの表示がない 不適切なプロモーション 表示・内容に問題はない

  • User Heat : どこが読まれているか見える!無料ヒートマップ・ツール

    ヒートマップとは ヒートマップとは、温度を色で表すサーモグラフィーと同様に、ユーザーが注目している閲覧場所を赤緑青といった色で可視化する技術です。ユーザーのページ内行動を、マウスの動きから推定しています。 たとえば、 「ページをどこまで読み進めたのか(終了エリア)」「ページのどの位置を長く読んだのか(熟読エリア)」「ページのどの位置をクリックしたのか(クリックエリア)」を見える化します。これを利用すると、「読んでほしいのに読まれなかった箇所」、「意外とクリックされているリンクやボタン」「クリックしてほしいのにされていないリンクやボタン」などを発見でき、従来のページビュー(PV)やユニークユーザー数(UU数)などのアクセス解析だけではわからなかった改善点を、素早く浮き彫りにできます。 終了エリア 熟読エリア クリックエリア ヒートマップのメリットはどんなものですか? ヒートマップツールを使う

    User Heat : どこが読まれているか見える!無料ヒートマップ・ツール
  • 比較テストで見えた成果を出すモバイルECサイトのユーザビリティ(第8回) | モバイルサイト構築のユーザビリティいろは

    比較テストで見えた成果を出すモバイルECサイトのユーザビリティ(第8回) | モバイルサイト構築のユーザビリティいろは
  • Yahoo! Design Pattern Library

    Welcome Welcome to the Yahoo! Design Pattern Library. We're thrilled to be sharing patterns and code with the web design and development community, we hope it's useful, and we look forward to your feedback. In fact, we've just launched two new Design Pattern forums: one for discussing this pattern library and another for talking about the ins and out of writing design patterns and maintain

  • 優れたユーザインタフェースを設計する際に考慮する8つのポイント

    ユーザーにとって有益なユーザインタフェースを設計する際に考慮する8つのポイントをUsability Postから紹介します。 8 Characteristics Of Successful User Interfaces 以下、その意訳です。 ユーザインターフェイスの設計時に、考慮する8つのポイントを紹介します。 Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To conclude… 1. Clear 明快 明快であるというのは、最も重量な要素です。 ユーザインターフェイスデザインの目的は、ユーザーに意味と機能を伝え、利用するアプリケーションと相互につきあえるようにすることです。そのアプリケーションがどのように機能するのか、どこに進むべきか理解することができない時は、ユーザーは困惑しが

  • マンション100%〜物件検索、みんなの口コミ情報

    マンション100%は、物件探しのカンタン便利な機能が満載です。評判をみたり、気になるリストに入れて、比較表でらくらく検討。5つのSTEPでマンション探しをナビゲート。見て楽しく参加して楽しい、みんなでつくるマンション口コミ情報サイトです。補助メニュー 利用規約 コミュニティ・ガイドライン プライバシーポリシー 免責事項 運営会社 よくある質問 お問い合わせ ※"売り切れ":以前に分譲販売の実績があるマンションを過去物件として掲載しております。キャンセル住戸等存在する場合も"売り切れ"に分類されている可能性がありますのでご注意下さい。 株式会社ネクストは、情報セキュリティマネジメントシステムの国際規格「ISO/IEC 27001」および国内規格「JIS Q 27001」の認証を取得しています。 Copyright © Next Co., Ltd. All rights reserved.

  • IDEA * IDEA

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

    IDEA * IDEA
  • รวมแหล่งท่องเที่ยวสถานที่น่าไปที่สุดในแต่ละจังหวัดของไทย

    Prototype-ui แนะนำสถานที่เที่ยวจากทั่วโลกรวบรวมมาไว้เพื่อเป็นข้อมูลอีกทั้งยังเก็บภาพบรรยากาศดีๆ มาให้เป็นตัวเลือกในการตัดสินใจถ้าจะหาสถานที่เที่ยวสักที่ ซึ่งเราได้ไปทำการรีวิว และรวบรวมข้อมูลต่างๆไว้ให้แล้ว เช่น ที่เที่ยวกับการเดินทาง บรรยากาศ... SEE MORE Read More TOURISM FORMATS ความสนุกของการท่องเที่ยว ซึ่งก็แบบออกเป็นการท่อวงเที่ยวหลายๆรูปแบบทั้งทางน้ำทางบก และทางอากาศได้ดังต่อ่ไปนี้

  • bookreader.js

    bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ

  • 40分でできるホームページ診断 ~最低限クリアしたい40項目のチェックシート | Web担当者Forum

    40分でできるホームページ診断 最低限クリアしたい40項目のチェックシート[訪問者目線編 2008年版] SEO? ユーザビリティの向上? それ以前にしなきゃいけない「サイト作りの基のキ」を、あなたのサイトではちゃんとできているだろうか? 高度な施策に目を向ける前に、最低限クリアしておきたいチェックポイントをまとめてみた。あなたのサイトは何点とれるだろうか? TEXT:編集部 協力:株式会社 環 ウェブサイト作りの基のキSEOやユーザビリティに限らず、キーワード広告、アクセス解析、LPO、リッチインターフェイスなど、サイトの効果をアップさせる手法はさまざまあり、Web担でも詳しく解説してきている。 しかし、そういった施策にコストを割く前に、現状の自社サイトが、訪問者が「あれれ?」とマウスをうろうろさせてしまうような状態になっていないか確認したことがあるだろうか。 そんなあなたのために、

    40分でできるホームページ診断 ~最低限クリアしたい40項目のチェックシート | Web担当者Forum
  • MOONGIFT: » Yahoo! Pipesのような動きを実現「WireIt」:オープンソースを毎日紹介

    Yahoo! Pipesには触ってみたことがあるだろうか。各種フィードやHTMLを取得、加工して別な形(フィードやJSON等)で出力できるWebアプリケーションだ。 そのYahoo! Pipesでは各データをつなげる時にパイプを伸ばしてビジュアル的に「接続」する。それを実現するライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはWireIt、オブジェクトをつなげるイフェクトを実現するライブラリだ。 WireItYahoo! Inc.の提供するYUIを使い、Yahoo! Pipesライクなインタフェースを実現している。ボックスに付けられた丸をドラッグすると、パイプが伸び、それを別なボックスの丸に持っていくことで、接続できる。 これがただの直線であれば何だが、パイプのような曲線を描いてつながるのが面白い。サンプルは数多く登録されており、ボックスを追加して接続するもの、アニメーショ

    MOONGIFT: » Yahoo! Pipesのような動きを実現「WireIt」:オープンソースを毎日紹介
  • Toggler

    Toggler is currently just a proof of concept to mimic the functionality found in desktop programs like Adobe Photoshop. This would be practical in addition to or instead of a "toggle all" check box. You may leave comments on the related blog post. Usage: var toggle = new Toggler('elementId'); toggle.start(); // start the toggler (enabled by default) toggle.stop(); // stop the toggler The toggler w

    mamimumi
    mamimumi 2007/06/07
    checkbox一括チェック
  • ソシオメディア | UIデザインパターン

    ソシオメディアが独自に提供するUIデザインパターン集。これを使えばUI設計を効率化できます。

    ソシオメディア | UIデザインパターン
  • My Broadband Speed – Easy to use speed checker

    This speed test measures the current speed of your broadband internet connection. Begin test

    mamimumi
    mamimumi 2007/04/27
    ブロードバンド速度測定
  • U-site

    日記調査:長期間のユーザー行動と体験の理解 ニールセン博士のAlertbox 8月9日 読了までに約15分 参加者は日々の活動をその都度記録し、リアルタイムのユーザーの行動やニーズについてコンテキストに基づいた知見を提供する。 このサイトについて UXリサーチや市場調査の手法やコツ、結果や知見を紹介しています。 詳細 新記事公開は、Twitter・Facebook・RSSで随時、メルマガで月1回通知します。 Twitter Facebook RSS メルマガ YouTube、始めました 黒須教授のユーザ工学講義 7月25日 読了までに約5分 2024年5月にYouTubeチャンネルを開設し、そこで「黒須のユーザ工学入門」を連載することにした。講演や講義とは違ってもっとオープンにして、広い範囲の人たちに話を届けたいという気持ちがあったのだ。

    U-site
  • 1