You can see the designs from the ui challenge below, we extended it with the components we found, updating daily. See stats for frequency.
![Collect UI](https://cdn-ak-scissors.b.st-hatena.com/image/square/20dab86170f8687d72fe3248294039ff52b2f557/height=288;version=1;width=512/http%3A%2F%2Fcollectui.com%2Fimg%2Ffacebook-share.png)
ユーザの知覚や認知を考慮してサイトデザインを行うことが僕的にはIAの中核だと思えるのだが、どうも巷に出回っている話にはそういうもの、たとえば心理学的なロジックからするとこれこれであると考えられます、といった話が少なすぎるように思う。 黒須教授 2016年7月28日 IAとの出会い 僕が関係していた団体のウェブサイトは評判が悪かった。ネガティブな意見の大半は、探している情報がどこにあるのか分からない、というものだった。しかし、そのサイトの構築はIAという分野で著名な人の率いる会社が担当したものだった。IAの最新の考え方や技法を適用してくれたはずなのに、検索性が悪い? さて、IAというのは一体何なのだろう。これが、僕がIAに関心をもつようになった切掛けだった。 IAというのはもちろんInformation Architectureのこと。ひと昔前、ウェブサイトについてナビゲーション問題というこ
Data & Analytics expert Sterling Lambert was featured spoke to Campaign regarding how brand... Read more
jQuery SelectBox plugin デザインがよくて複数連動可能なselectボックス作成jQueryプラグイン。 次のようないい感じのデザインで、かつ、1つのselectボックスを変更すると他のselectボックスの内容を変更できるイベントハンドラの設定が可能。 イベントハンドラに、onOpen, onClose, onChange といったメソッドにその処理を書いておけばカスタマイズが可能です。 以下、サンプルコードです。実装がカンタンな上に後から見たときに分かりやすい。JavaScript最高です 関連エントリ 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」 レイアウトに関する強力なjQueryプラグイン6つ 超かっこいいmarquee2.0を実現するjQ
Making an Interactive Picture with jQuery | Build Internet IKEAの家具紹介画像っぽくイメージに注釈を入れるjQueryチュートリアル 室内のいい感じの写真をベースに家具を紹介するあのIKEAサイトのUIをjQueryを使ってクールに再現しているチュートリアルです。 単純な商品の紹介よりも、より商品を魅力的にみせることに成功していると思うのですが、これを自分でもやりたいという時に参考にできます デモページはこちら ECサイトを構築する際等に、いい仕事ができるかもしれませんね。 関連エントリ オシャレなECサイト構築用のWordPressテーマ30 PR: 全部入りECサイトを安価に構築できる「Live Commerce」が素晴らしい! Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ
ウェブサービスの価格一覧表をサンプルにし、ユーザーの購買意欲をコントロールする価格一覧表を作成するテクニックを紹介します。 価格の一覧表を見るユーザーの一番の目的は、価格を知ることです。しかしながら、価格を強調しすぎて、お金を使うということを意識させすぎないでください。苦労して手に入れたお金を使っているように感じると、ユーザーはより使わないように思ってしまいます。 価格のデザインはソフトにし、それ自体の特徴やベネフィットにフォーカスをあてるようにします。 ユーザーがどの商品を選択するか決めている時に、あなたはその決め手として価格にフォーカスを合わせることを望んでいますか? それとも特徴やベネフィットにフォーカスを合わせてほしいですか? もし、ユーザーが価格にフォーカスを合わせるのであれば、それは最も安いものに決めるでしょう。しかし、特徴やベネフィットにフォーカスを合わせるのであれば、ユーザ
ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「(エクセルでいうところの)行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く