タグ

関連タグで絞り込む (14)

タグの絞り込みを解除

interfaceとIAに関するsstのブックマーク (10)

  • [HTML] パンくずリンクについてのまとめと考察

    パンくずリンク|パンくずリスト（breadcrumb navigation）はどうコーディングするのが今風なんだろう。 ふとそんなことを思い立ってしまったので、名を知られたサイトのソースを覗き見して考えることにした。 パンくずリンクのデザインについてまとめられたBreadcrumbs In Web Design: Examples And Best Practicesという記事によれば、 よくあるデザインパターンは次の通りである。 1行テキスト テキストを横並びにしただけの伝統的なパンくず。各ページリンクの間に区切り文字が入る。 ページタイトルを　>　で繋いだもの ページタイトルを　>　以外の文字で繋いだもの シンプルなリンクの羅列 区切り文字を入れずに画像やCSSで階層を表現する。 マルチステップ 開始から完了までの行程を表示する。 サブナビゲーションつき 各ページリンクに属するページを

    [HTML] パンくずリンクについてのまとめと考察

  • 画面展開の表記方法 – capeknote


    iphoneアプリの画面設計をしていて、画面フローの表記をしようとして普通の画面フローチャートだとUIインタラクションを表記しにくいよね、と思ったので考えてみた。 画面フロー図の限界webの画面フロー図は以下のことができないなー、不便だなーと思ってた。 画面展開を表記する記法がない。webだと_blankくらいしかないけどアプリだと不便 画面が内包しているコンポーネントを表記できないので、画面のどのボタンが次の画面につながっているのかわからない。 ↑レベルのを練ろうとするとワイヤーフレーム/プロトタイプをつくる作業になってしまう。プロトタイプだと逆に画面のつながりや展開の法則性がとらえにくく、整合のとれたインタラクションデザインが試行錯誤しにくい そもそも画面展開の種類って網羅的に把握されてる？ 構造化寄りの表記方法は﹁情報アーキテクチャ、インタラクションデザイン記述のためのビ
    sst
    sst 2010/07/20
    通常のフローチャートの矢印の間に上記のダイアグラムをさしはさんで展開形式を表現します。
    リンク

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

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

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

  • 第45回　サイトマップの代表的な三つの型とそのバリエーション


    今回は，サイトマップについて考えてみます。実はサイトマップの定義は余り明確ではなく，プロジェクトや開発部隊によって，その意味するところは微妙に異なるように思えます。ただし，本来の目的は，ほぼ一致していて，﹁プロジェクト全体を俯瞰する﹂ために存在すると言ってもいいように思えます。代表的な三つの型とそのバリエーションの例を示していきます。 サイトマップ基本形三種 サイトマップは，その構造から，大きく三つに分けられると思います。 一つ目は，階層型︵hierarchy[階層]から﹁Hiermap﹂と略したりします︶。二つ目は，2.5次元型︵三次元の表示ではないけれど，平面的ではない立体的な描画方法を採っているもの︶。そして，︵同心︶円状にページを配置した同心円型です。 これは構造上からの分類で，用途別に分類したりする方法も存在しますが，﹁定説﹂的なものが見当たらないので，ここではこの三つの分類で話
    第45回　サイトマップの代表的な三つの型とそのバリエーション

  • ウノウラボ Unoh Labs: ユーザーの情報選択の自由について思うこと


    Sashaです。 明けましておめでとうございます！2007年も皆様にとって素敵な一年になるよう、心からお祈り申し上げます。今年もウノウラボをよろしくお願いいたします。 さて、今日は﹁選択﹂の話をしたいと思います。 この記事にたどり着いた皆さんは、例えばブックマークから、またはRSSリーダーから、Googleから、誰かのブログから、紹介してくれた誰かのメールから、あるいはウノウのサイトから、どういうわけかここへやってきました。どなたかの紹介でダイレクトにここへやってきた人もいるかもしれないし、様々な他の情報を切り捨て、数あるリンクの中からこのページへのリンクを選択した人もいるかもしれません。その選択は、いったいどのように行われたのでしょうか？ダイレクトにここへやってきた人は、﹁選択なんかしてない﹂とおっしゃるかもしれません。ですが情報がこのようにあふれかえっている世の中で、意識的であろうと無
    sst
    sst 2007/01/05
    人間は情報を取捨選択するときに「見た目」と「自分との関係」を重視する/この取捨選択をどのようにサポートするか・できるか/重要度予測の確度の向上≒定型化＝標準化？
    リンク

  • Amazon.co.jp: 欲望解剖: 健一郎,茂木 (著), 洋,田中 (著), 電通ニューロマーケティング研究会 (編集): 本

    Amazon.co.jp: 欲望解剖: 健一郎,茂木 (著), 洋,田中 (著), 電通ニューロマーケティング研究会 (編集): 本
    sst
    sst 2006/12/27
    人々の欲望が社会の中でどのようにネットワーク化され、流通し、伝播していくのか
    リンク

  • ユーザビリティって単にユーザーインターフェイスの問題ではないよね: DESIGN IT! w/LOVE


    不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 上記の2つのエントリーにも何人かの方からはてなでブックマークしてもらったんですが、そのタグに[インターフェース]だとか、[UserInterface]だとかいうタグがあるんですよね。もしかしたら、Webユーザビリティって単にユーザーインターフェイスの問題として捉えられてるのかな？なんて思ったんです。Jesse James Garrettの5 Planes Modelだったり、ISO9241-11によるユーザビリティの定義に含まれる有効さ、効率性、満足度といった評価ポイントなどについても書いたので、Webユーザビリティ＝ユーザーインターフェイスの問題ではないことはわかっていると思いますが、もしかしたら、まだ、Webユーザビリティがユーザーインターフェイスだけの問題だと考えてい
    sst
    sst 2006/09/26
    5 Planes Modelの各planeごとにユーザビリティの課題はあるんじゃないか/RSSやWeb標準化でユーザ側の自由度がかなり増加したことにより、ユーザビリティはインターフェースだけでなく、設計・企画段階から関わってくる
    リンク

  • Web2.0ナビ: PHPでTagCloudを簡単に実装する方法


    いいね！ 0 ツイート B! はてブ44Pocket 2 pearのライブラリを使うことで今流行りのTagCloudが簡単にPHPで実装できる。 ライブラリはPEAR :: PEPr :: Details :: HTML_TagCloud、日本の方が作られたようだ。ソースを見ていただければわかるが、非常にシンプル。 ここで紹介する内容ではないが、非常に簡単だったので、参考までに。。 まずはインストールをする必要があります。 wget http://catbot.net/src/HTML_TagCloud-0.0.4.tgz pear install http://catbot.net/src/HTML_TagCloud-0.0.4.tgz あとは下記のようなサンプルソースを書くだけ。シンプルで非常に便利。 <?php require_once(‘HTML/TagCloud.php’);

  • http://www.yasuhisa.com/could/entries/000992.php

    sst
    sst 2006/08/09
    デマンドに柔軟に対応しつつも不必要な情報(ノイズ)を最小限に抑えるにはひとつのポータル的なページを提供するのではなく、シンプルな情報を表示することが出来る部品を提供して、使い手が自由に組み合わせる
    リンク

  • Garrett『ウェブ戦略としての「ユーザーエクスぺリエンス」―5つの段階で考えるユーザー中心デザイン』 - はてなダイアリー

    Garrett『ウェブ戦略としての「ユーザーエクスぺリエンス」―5つの段階で考えるユーザー中心デザイン』 - はてなダイアリー
  • 1

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.