iPhoneデザインボックスみんなが見てる人気のスマートフォン向けWebサイトデザイン
[HTML] パンくずリンクについてのまとめと考察
パンくずリンク|パンくずリスト（breadcrumb navigation）はどうコーディングするのが今風なんだろう。 ふとそんなことを思い立ってしまったので、名を知られたサイトのソースを覗き見して考えることにした。 パンくずリンクのデザインについてまとめられたBreadcrumbs In Web Design: Examples And Best Practicesという記事によれば、 よくあるデザインパターンは次の通りである。 1行テキスト テキストを横並びにしただけの伝統的なパンくず。各ページリンクの間に区切り文字が入る。 ページタイトルを > で繋いだもの ページタイトルを > 以外の文字で繋いだもの シンプルなリンクの羅列 区切り文字を入れずに画像やCSSで階層を表現する。 マルチステップ 開始から完了までの行程を表示する。 サブナビゲーションつき 各ページリンクに属するページを
![[HTML] パンくずリンクについてのまとめと考察](https://cdn-ak-scissors.b.st-hatena.com/image/square/d43d21ea93cda04d99f538309d396c15d2b3bb3f/height=288;version=1;width=512/http%3A%2F%2Ftenderfeel.xsrv.jp%2Fwtn%2Fwp-content%2Fuploads%2F2010%2F12%2Fdelicious.png)
WEBデザインとアプリデザインのためのフリーUIパッケージ「18 free UI elements packs for your web designs and apps」
WEBデザインとアプリデザインのためのフリーUIパッケージ「18 free UI elements packs for your web designs and apps」 インターフェイスを製作するときに時間を節約しながら、クオリティを保ちたいときに、ユーザーインターフェイスに必要なパーツをパッケージした素材が便利です。今日紹介するのはWEBデザインとアプリデザインのためのフリーUIパッケージを集めたエントリー「18 free UI elements packs for your web designs and apps」です。 Modern Web UI Set 様々なタイプのUIの素材が用意されていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Mobility: set of mobile UI elements アプリケーショ
今熱い！無料オーディオ系サービスのUI 7選＋α
昨日、2010年12月1日、ついに IPサイマルラジオ「radiko」がついに本格サービススタート！ ワッショイワッショーイ！ てなこともあり、無料音声配信コンテンツが今最高にアツイ！と信じて疑わないgunjiです。 映像系サービスが大人気の今、なぜあえて音声だけがイイのか？ それを語り始めると夜が明けてしまうので、今回はあまり掘り下げませんが ひとつは、コンテンツを配信する方・視聴する方 両方にとってハードルが低く、 別のことをしながら利用出来るということが挙げられると思います。 まあムービー見ながら仕事するのはけっこう難しいし、ふつうに怒られちゃうけど 作業用BGMなら仕事の効率がアップすることもありますしね。 移動中も眠りながらも聞いていられますしね。 というわけで今回は国内外の、特にプレイヤー部分のUIが面白い 無料オーディオ系サービスをご紹介したいと思います。 「ながら利用」を加
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
画面展開の表記方法 – capeknote
iphoneアプリの画面設計をしていて、画面フローの表記をしようとして普通の画面フローチャートだとUIインタラクションを表記しにくいよね、と思ったので考えてみた。 画面フロー図の限界webの画面フロー図は以下のことができないなー、不便だなーと思ってた。 画面展開を表記する記法がない。webだと_blankくらいしかないけどアプリだと不便 画面が内包しているコンポーネントを表記できないので、画面のどのボタンが次の画面につながっているのかわからない。 ↑レベルのを練ろうとするとワイヤーフレーム/プロトタイプをつくる作業になってしまう。プロトタイプだと逆に画面のつながりや展開の法則性がとらえにくく、整合のとれたインタラクションデザインが試行錯誤しにくい そもそも画面展開の種類って網羅的に把握されてる？ 構造化寄りの表記方法は「情報アーキテクチャ、インタラクションデザイン記述のためのビ
複数URLにも対応したURL短縮サービス『URL Brief』 | 100SHIKI
いわゆるURL短縮サービスだが、ちょっとユニークなのがURL Briefだ。 このサイトでは複数のURLをまとめて一つのURLにしてくれる。 ただ、その短縮されたURLをクリックすると全部のURLが出てくるのではない。クリックするたびにどれか一つのURLが開かれる、という仕組みである。 開かれるURLはランダムに登場させるか、順番に登場させるかを選ぶことができる。 ちょっと知恵を絞ればクリエイティブな使い方ができそうだ。おみくじ的なURLを作ることも可能だろう。 Pay Per Postが運営しているのでなんだか物議をかもし出しているだか、いないだかだが、単純にアイディアがユニークだったので紹介してみた。
第45回 サイトマップの代表的な三つの型とそのバリエーション
今回は，サイトマップについて考えてみます。実はサイトマップの定義は余り明確ではなく，プロジェクトや開発部隊によって，その意味するところは微妙に異なるように思えます。ただし，本来の目的は，ほぼ一致していて，「プロジェクト全体を俯瞰する」ために存在すると言ってもいいように思えます。代表的な三つの型とそのバリエーションの例を示していきます。 サイトマップ基本形三種 サイトマップは，その構造から，大きく三つに分けられると思います。 一つ目は，階層型（hierarchy[階層]から「Hiermap」と略したりします）。二つ目は，2.5次元型（三次元の表示ではないけれど，平面的ではない立体的な描画方法を採っているもの）。そして，（同心）円状にページを配置した同心円型です。 これは構造上からの分類で，用途別に分類したりする方法も存在しますが，「定説」的なものが見当たらないので，ここではこの三つの分類で話
第17回 Web APIにおける使いやすさを考える
これまで本連載では，実際に利用者がアクセスするWebページに直結する，使い勝手について考えてきたわけですが，今回はちょっと視点を変えて，Web APIの使い勝手について考えてみたいと思います。 まずは前提となる定義から。Web APIは，WebサービスAPIとか，Webサービスとか，時には単にAPIと呼ばれたりしています。簡単に定義すればHTTPを利用してデータをやり取りすることで，外部サイトに対してデータを配布したり，複雑な計算や処理などのサービスを提供するものです。もう少し平たく言うと，プログラム内に通常記述する関数（やメソッド）を外部に切り出して，ネットワークを介して呼び出せるようにしたものです。 APIというと，なにもWeb上のサービスに限ったものではなくて，あるライブラリやプログラムの内部の関数やデータに，外部からアクセスできるインタフェース全般を指します。例えば，Windows
ヤコブ・ニールセンの考えをまとめたWebユーザビリティガイドライン::ホームページ制作::NPO法人しゃらく
ヤコブ・ニールセンの考えをまとめたユーザビリティガイドライン ユーザビリティのグル、ヤコブ・ニールセン氏の考えや調査を元にユーザビリティガイドラインを作りました。 デザインやコーディングをしている際に、このガイドラインを元に自分のデザインを一度チェックしてみるのもよいかと思います。 TRANS - ヤコブ・ニールセン氏の考えを元に、ユーザビリティガイドラインを作った。
欲望解剖／茂木健一郎、田中洋: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 １つまえのエントリー「マーケティングという問題意識」でまえがきを紹介しましたが、『欲望解剖』をあっという間に読み終わりました。2時間くらいでしょうか？ ちょうどいま考えていること、悩んでいることにフィットする内容だったからでしょうね。いわゆるマーケティングの本じゃない視点から、そして、僕がこれからのマーケティングってこうでしょと思っている視点から、マーケティングというものを語ってくれていたので、非常に面白かったです。 ちょっと内容を紹介しておきましょう。 脳科学の視点この本は脳科学者である茂木健一郎さんと、法政大学大学院ビジネススクールの教授である田中洋さんの共著ということで、それぞれが別々に書き下ろした２つのパート＋対談のパートという３つのパートで構成されています。 まず
GoogleのUI論
世間はプレステ3の話題でまっさかりですね。しばらくフィーバーが続きそうです。日本初で世界的な話題が起こるというのはうれしいですね。 さて、今日は珍しくGoogle幹部がUIについて語っているので、取り上げてみます。プロダクト＆ユーザエクスペリエンス担当ヴァイスプレジデントのMayer氏の検索結果表示に対する考察です。 ユーチューブとGoogle Videoが明暗を分けた理由--グーグル幹部が明かす - CNET Japan "Mayer 氏は、Googleが検索に関するユーザーアンケート調査を行い、デフォルトで何件の検索結果が表示されるとうれしいかを尋ねたときの失敗談を披露した。 アンケートでは、多くの人が検索結果は多ければ多いほど良いと回答したという。そこで同社は、一部の検索に対し、結果を30件表示する実験を行った。しかし、検索結果を10件表示していたときより、30件表示するときの方
Webサイトの内と外: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 Webサイトを利用するユーザーのサイト内を閲覧してまわる行動と、他のサイトから移動してくる場合の閲覧行動を比較しようと、いくつかのサイトのアクセスログを分析しています。 サイト内のナビゲーションは不要か？傾向としては、どうもページ単位のページビューが多いページは、外部から閲覧している割合が高くなる傾向があるのが見えてきています。つまり、それは内部リンクより外部リンクが有効に働いているということとも考えられます。 極論をいってしまえば、サイト内のナビゲーション機能がなくなっても、サイト全体のページビューはそれほど失われない可能性があります。いや、単にページビューの数字を見るだけならきっとそうなるでしょう。 ページビューを気にするのであれば、SEOだけでなく、今日、メディアパブ
クールなURIは変わらない -- Style Guide for Online Hypertext
クールなURIとは？ クールなURIとは変わらないもののこと。 どんなURIが変わってしまう？ URIは変わらない：人がそれを変更するのだ。 理屈の上では、人々がURIを変更するべき（もしくはドキュメントのメンテナンスをやめてしまう）理由は全くありません。しかし、現実には山ほど理由があります。 理論上では、ドメイン名空間の所有者はその空間を所有しており、したがってその中に含まれるURIも所有権を持ちます。ドメイン維持料が支払えない場合を除いて、その名前を保有し続けることを妨げるものはありません。そして理論上は、あなたのドメイン名のもとにあるURIは、完全にあなたの管理下にあり、望む限りそれを安定的に保つことができるのです。 ウェブからあるドキュメントが消えてしまう唯一の納得できる理由は、そのドメイン名を保持していた会社が廃業してしまうか、サーバーを維持できなくなったという場合ぐらいでしょう
iandeth. - ETech 06 クリップボードを介して世界を繋げる - Ray Ozzie氏講演
iandeth. Perl, Flash ActionScript, MySQL, Movable Type, システム開発 - そんなテーマのサイトdeth. 講演者について Ray Ozzie IBM Lotus Notesの開発者。現マイクロソフトCTO。※詳細プロフィール Blog - Ray Ozzie's Weblog 導入 - Clipboardというデータ連携の仕組み * RSSはWEBのDNAであり、WEBサイト間を繋ぐ組織だと思う * アプリ間を繋ぐ力、技術の無償提供という思想の上で成り立つ - WEBサイトの mash-up はまるでLINUXの世界と同じ (例) $ cat *.txt | grep xx | .. * OfficeやPhotoshop等のPCアプリは、このようなデータ連携をClipboardで実現している *あれ？WEBにおけるClipboardっ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイト解析を使ったユーザビリティを収益に変える為のまとめ*ホームページを作る人のネタ帳
C O U L D：今昔Webナビゲーション
Garrett『ウェブ戦略としての「ユーザーエクスぺリエンス」―5つの段階で考えるユーザー中心デザイン』 - はてなダイアリー
ウェブユーザビリティの法則 - ストレスを感じさせないナビゲーション作法とは