ドットインストール代表のライフハックブログ
BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」。 既に紹介したと思っていたJavaScriptライブラリであるBlueShoesの紹介。 ご存知の方も多いと思いますが、知らない人も多いようですね。 ライブラリ、というより、リッチなコンポーネント集といったイメージで、次のような様々なコントロールが使えます。 WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントロール 他にも下記の様々なリッチコンポーネントが使えます。 入力系コンポーネ
[コラム]カスタマーエクスペリエンスで 道は開ける ~フォレスター・リサーチのWebサイト方法論 by ジョナサン・ブラウン フォレスター・リサーチのシニア・アナリストであるジョナサン・ブラウン氏によるウェブコラム。 主にカスタマーエクスペリエンスとマーケティングの側面から企業のビジネスをサポートしているジョナサン氏が、企業サイトにおけるユーザー志向の考え方や方法論をさまざまな切り口で解説します。 前回のコラムでは、ウェブサイトを使っているお客様がなぜ途中であきらめるのかというテーマで話しました。「ウェブサイトの欠陥」を大きくくくると、次の4つのどれかに当てはまります。 サイトのコンテンツ自体が足りない(価値の欠陥)価値のあるコンテンツが探しにくい(ナビゲーションが悪い)価値のあるコンテンツは見つかったがよくわからなかった(プレゼンテーションが悪い)サイトに信頼がなかったために使うのをやめ
PR 「おすすめのレンタルサーバーランキングが知りたい」「人気のレンタルサーバーを比較したい」という方に向けて、2024年3月最新の人気レンタルサーバーのおすすめ9社をランキング形式で紹介します。 当記事ランキング1位のレンタルサーバーがキャンペーン中! シン・レンタルサーバーがキャンペーン実施中!(2024/5/20まで) 実質385円~「利用料金50%キャッシュバックキャンペーン」 出典:シン・レンタルサーバー公式サイト シン・レンタルサーバーでは、2024年5月20日(月)まで月額利用料金が実質半額になるキャンペーンを開催中です。 ベーシックプランの36ヶ月契約なら、「13,860円」キャッシュバックで、なんと実質「385円/月」で利用できます。
この数年間で,(インターネットの総称としての)Webは私たちの生活に深く関係する身近なツールになりました。様々な情報を,この環境の上で閲覧や操作できることは,特別なものから,徐々に当たり前で,なくてはならないモノに変わろうとしていると言えるでしょう。 特別なものから日常のものへとシフトしていく中で,Web自体も大きく変わるべきところが見えてきています。様々なことが挙げられますが,利用者という立場からすれば,やはり「ユーザー・インタフェース(UI)」が一番の関心事です。 特定のITリテラシの高い人たちだけが使うものではない世界に突入する以上,作り手の側の意識も変化しなければ,ニーズに対応できません。そして,こうしたWebアプリケーションの大量生産の時代にも入っています。今あるWebアプリケーションは,私たちの生活を便利にしてくれていますが,これで十分ではないのです。もっと多くの分野で,もっと
noupeにエントリーされている、AJAXを使った素晴らしいCSSのフォームの47のサンプルの紹介です。
日本航空の鶴を使ったマーク、ティファニーの広告デザイン、楽器メーカーであるナカミチのコンセプト設計――これらのすべてに携わった日本人のデザイナーを知っているだろうか。米国ニューヨークに本拠を置くKatsuji Asada氏がその人だ。世界的なブランドのデザインやアートディレクションを数多く手がけるAsada氏が、新たな活躍の場としてウェブの世界に飛び出した。 インデックス・ホールディングスとサイボウズの共同出資会社であるZINGAが開発したビジネスパーソン向けのコミュニケーター「Zinga」。PCと携帯電話の両方に対応し、メールや電話などビジネスパーソンが業務に必要な連絡をすべて一カ所で取れるようにしたサービスだ。Asada氏はこのサービスのアートディレクターを務めている。 ZINGA代表取締役社長の大森洋三氏と旧知の仲であったことから実現した今回の企画は、インターネットサービスのデザイン
Check out Cycle2, the latest in the Cycle line of slideshows. Overview The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. How it Works The plugin provides a method called cycle which is
こんな話題はいまさらかもしれない! それはわかってます! だけど書きたい! なにって、[OK]ボタンの位置のことです! これって右に置くのが自然だよ絶対!! 理由は単純で、 [OK][キャンセル] は、画面によっては [保存] [取り消し] だとかに名前を変えるし、 さらに、入力が3ページあるようなウィザード形式の画面なんかだと、 [ここまでOKそして次の画面へ]、[間違ったかもしれないから前へ戻って修正] とかになっちゃう。 うん、このウィザード形式の時のことを考えるとわかりやすい! ウェブは横書き! 左から右に読む! 左からやってきたんだから、[戻る] のは左! 右に進んでいくんだから、[進む] のは右! だから、[次へ] も [保存] も [OK] も右が自然! ウィザードっぽい画面の時と他の画面の時とで 「OK的なもの」の位置がぶれていると、少し迷うよね。 だから[OK]は右に統一
Li'l Engineのエントリー「ユーザビリティフォームのためのチェックリスト」の意訳で、ユーザビリティの高いフォームを制作するための12のポイントの紹介です。 Checklist for Usability Forms 不明な箇所は英文のまま記載してましたが、皆様の協力により3,5を和文にしました。 フォームは正しく入力できるように、可能な限り簡潔に。 フォームには、必要なインフォーメーションを含める。 タイトル:なんのためのフォームか フォームのヘルプ キャンセル(中止)の選択肢 入力すべき項目は、多くしない。 重複する入力項目は設置しない。 フォームの公開後しばらくしたら、収集したデータが実際に使用されているかチェックする。利用されていないものがあれば、収集しないようにする。 長いフォームは紛らわしいので、分ける。 タスクごとに分ける それぞれのページごとにチェックをし修正すること
Movieclip tweening prototypesは、トゥイーンを使用したユーザーインターフェイスを実装できるフラッシュのライブラリです。 Movieclip tweening prototypes ライブラリには下記のようなサンプルがあり、それぞれflaファイルもダウンロードできます。
この一覧を階層構造的に分類していくのが、Structure段階でのインフォメーション・アーキテクチャのタスクの1つです。 その際、コンテンツ分類を行なう際に意識するものとしては、以下のようなものがあげられるでしょう(これがすべてではありません)。 ターゲット別(個人顧客、法人顧客、株主・投資家、マスコミ、学生など)コンテンツ内容別(製品カテゴリー別、サポート情報、FAQなど機能/非機能コアコンテンツ/サブコンテンツ(企業の基本情報とスペシャルコンテンツ、ブログなど)時系列で並ぶもの/そうでないもの分類は現実のモデルを反映しているか? 一般的に認知されているものを想起させるか? もうひとつインフォメーション・アーキテクチャを考える際に行なっておくべきことは、コンテンツにどのようなメタ情報を付与するかでしょう。 メタ情報を付与することで、先のコンテンツの階層化による分類を越えて、コンテンツ間を
バナー画像の3倍の効果をあげたテキストリンク(powered by beBit) November 6, 2007 3:41 PM written by Gen Taguchi ※ 今回の記事は「ウェブサービスインターフェース勉強会」でのbeBit社のプレゼンから。 今回ご紹介するのはレシピサイト、Cookpad.comの事例です。Cookpad.comでは有料会員(月額300円)があるのですが、その会員数が伸び悩んでいました。 そこでbeBit社に相談するのですが、それまではかわいいバナーをどーんとサイドバーに貼っていました。 ↑ なかなかかわいらしいバナーです。凝っていますよね。 しかしユーザビリティ調査をしてみると、そのバナー広告がほとんど見られていないことがわかりました。最近は「広告=邪魔なもの」というイメージがありますよね。 そこでbeBit社ではこのバナーのかわりに次のテキスト
Interactive Marketing Blogから、1分間で学ぶウェブサイトのユーザビリティを紹介します。 One Minute Guide to Usability 下記は、1分間で学ぶウェブサイトのユーザビリティの意訳です。 Who are you? 何者ですか? 例:ロゴ、ブランディング Are you trustworthy? 信頼できますか? 例:ベリサイン・Trust-e、信頼できるデザイン、サポート What do you do? 何をしているのですか? 例:取り扱っている商品・サービス、会社紹介 Where to next? 次に、何をするべきですか? 例:見積請求、営業担当へ電話 Exit Panic: Where do I go now? パニック:私はどのページをみればいいですか? 例:ヘルプ、ログイン、コンタクト・インフォーメーション
「初心者にわかりやすいGUI」については、この記事のid:naoya氏の気持ちは、分かる気がします。 まず、プロのGUIデザイナーと実プロダクトの仕様について議論すると、ほとんど必ずと言っていいほど議題に上がるのが、「とっつきやすや」と「機能性」のトレードオフ。 よく、回すべきなのかスライドべきさせるのか、押すんだか引くんだかよく分からないドアというのがある。ドアのどちら側を押すべきなのかも分かりにくいことも多い。それは、ユーザインタフェースが、self explanatory(自己説明的)じゃないからだ。これは、よくユーザインタフェースの設計ミスの事例としてやり玉にあげられるんだけど、ぼくは、それはそんなに単純な話じゃないと思うのだ。 たとえば、丸い取っ手のあるドアは、見た瞬間、「ああ、これはドアノブを回して引くんだな」ということが、直感的に分かる。つまり、そのドアノブは、「機能」を提供
スクロールフェードの基礎 4月11日 読了までに約14分 スクロールフェードがユーザブルというよりも気が散るものになるかどうかは、その持続性、応答性、ページ上の要素への控えめな適用といった要素に左右される。このデザインパターンを正しく用いれば、ブランド認知を向上させ、ページの読み込みを最適化し、コンテンツをより理解しやすくすることができる。 このコラムについてUIデザイン・ユーザビリティ・UXデザインについて、その道の第一人者・ヤコブ・ニールセン博士(略歴)ら米Nielsen Norman Groupのメンバーが実例を交えて洞察するコラム『Alertbox』。その日本語訳を許可を得て公開しています。 デザインサイクルの各段階でアンケートを実施する方法 3月29日 読了までに約7分 ほとんどのUXアンケートは、デザインサイクルの最後の「耳を澄ます」フェーズで実施される。しかし、アンケートには
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く