Webサイトにおけるユーザービリティの復習をしたので、よくチェックするポイントをリスト化した - かちびと.net
ユーザービリティに関して少し復習したので メモっておきます。初心忘れるべからずという 事で・・・Webサイトは基本的にユーザビリティ を考慮したレイアウトやコンテンツが理想です。 もちろんケースバイケースではありますが、 これは全共通して言える、という事を忘れない ようにメモ書き。 というわけで、申し訳ないですけど目新しい事は何一つ無い内容です。 そもそもこのブログ自体ユーザビリティを考慮した設計とは言えません（「やっちゃダメなこと」もしています）ので全然説得力ない感じです。 いろいろとテスト&エラーをして行きたいのでご了承下さい。 はじめに 正しいユーザビリティはコンテンツによってケースバイケースだと思いますが基本的には僕はヤコブ・ニールセンの考えに従っています。 全ての項目は「すべてが正しい」ものではありません。100のサイトがあれば100通りのユーザビリティが考えられるはずです。場合
Twitter上で話題になっている番組がわかる「tuneTV」
スマートフォン向けアプリの企画・開発を行う株式会社ジェネシックスは、2011年8月8日、首都圏キー局7チャンネルに対応したiPhone版twitter連動型ソーシャルテレビアプリ「tuneTV」を開発し、無料提供を開始しました。 「tuneTV」では、Twitter上での話題率をチャンネル毎に集計し、1分単位で「リアルタイム話題率グラフ(※)」に反映し、表示しています。そのためユーザーは、今、最も話題になっているチャンネルをひと目で確認することができ、どの番組を観るか迷っている時や裏番組の内容が気になって仕方がない時などに活用することができます。 ※リアルタイム話題率：各番組に対するtweet内容と頻度を元に算出したtwitter上の擬似話題率。 また、同じTV番組を見ている人のTwitterのコメントを見ながらテレビ視聴することによって、TVドラマや映画の感動や感想、スポーツ観戦時の興奮
わずか4KBと軽量でカスタマイズしやすい、シンプルなデートピッカー（カレンダー）を実装するjQueryプラグイン・glDatePicker - かちびと.net
軽量でカスタマイズしやすいデートピッカー のjQueryプラグイン・glDatePickerのご紹介。 とてもシンプルで、4KBと超軽量です。汎用 的で使いやすいかなと思ってエントリー。 jQueryUIでもいいっちゃいいんですけど、 デートピッカーだけならUIを入れる必要は 無いですしね・・・ 何かとシンプルな方が使いやすく汎用性も高かったりしますね。4KBは確かに軽いです。また、IE6や7などの非モダンブラウザでも問題なく動作してくれます。 カレンダーの日付を押すだけでボックス内にデータを入力出来るやつです。デートピッカーというんですが、これがあるとユーザーは視覚的にも探しやすく、入力ミスも防げるので日付を入力するフォームに導入するといいユーザービリティになりそうです。 また、シンプルなコードでカスタマイズもしやすいのが特徴です。というわけでサクッと日本語にしてみました。 デモ デモで
デザインが整ったフリーCSSテンプレート集「20 Beautiful Free CSS Web Templates」 | DesignDevelop
TOP > Design > デザインが整ったフリーCSSテンプレート集「20 Beautiful Free CSS Web Templates」 webサイト制作に欠かせないCSSですが、度重なるバージョンアップや活用方法の多様化で、常に新しい技術の習得が必要になります。そこで今回は、デザイン性の高い整ったフリーCSSテンプレートを集めた「20 Beautiful Free CSS Web Templates」を紹介したいと思います。 （Darkness Free Website Template | Free Website Templates | OS Templates） シンプルで洗練されたCSSや機能的なCSSなど、さまざまなCSSが紹介されています。中でも気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。 詳しくは以下 ■Web Templa
WEB屋が行き詰まった時、参考にすると何かが舞い降りるかもしれないサイト色々（主にデザイン系） | バンクーバーのうぇぶ屋
※煮詰まる× → 行き詰る○ なんかおもいっっきり日本語間違って使ってました。めっちゃごめんなさい＞＜ 更新が滞るとEvernote開いて整理整頓ついでに記事を書くのが日課になってしまったセナですこんにちは。 さて、数年WEB屋やってると、自分の作るものが単調になったなと思うことがたまにあります。WEBでも紙でも制作技術を学んでいた時はいろんなサイトを見て見まくって、「どうしてこんなに見やすいんだろう。」とか、「どうしてこんなに分かりやすいんだろう。」とか。そんなことを感じては、常に目にする物から何かを吸収しようと躍起になっていたものです。 何かを見る度、知る度に確実に何かを学んでいったあの感覚は、何時になっても忘れてはならないものだと常々思います。 アイデアに詰まっていたり、物づくりへの刺激が欲しい時なんかに見ると、やる気とかが舞い降りてくるかもしれません。 Dribbble クリエイタ
The Blu
TheBlu is already 10 years in the making and we couldn’t be more excited about the 10 years ahead. We are now collaborating with artists and developers globally to expand TheBlu with new awe-inspiring habitats and species encounters. We are bringing TheBlu to new devices and formats including Apple Vision Pro and new venues. If interested, please contact us to learn more.
おしゃべり化する社会のなかで、UIのデザインは人間が離れた場所から目を向けるグラフィカルな視覚重視のものから、人が内部に参加する形でそれを体験する建築的なものへと移行する: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 最近、HTML5の影響やタッチデバイスのUXからの転移もあってか、これまでとは異なるデザインのWebサイトが増えてきているように感じます。 例えば、イギリスのデザイン・エージェンシー、TME Solutions。 このサイトの構造は従来のページ遷移型の構造をしていません。いちおページ単位で個別のヴィジュアルが展開されていますが、構造的には紙を折り畳んだパンフレットのように上から下まで連なった形をしています。 グローバルナビゲーションが後から追いかけてくるUXの是非はともかく、ページを遷移せずにみせる形式は一枚の紙の一覧性の良さと同様に、ユーザー自身が情報全体のなかでの自分が見ている現在位置を把握しやすいという利点があります。 類似の構造をもつのがReverse Büroです
20 years ago today, the World Wide Web was born - TNW Insider
Insider 20 years ago today, the World Wide Web opened to the public Today is a significant day in the history of the Internet. On 6 August 1991, exactly twenty years ago, the World Wide Web became publicly available. Its creator, the now internationally known Tim Berners-Lee, posted a short summary of the project on the alt.hypertext newsgroup and gave birth to a new technology which would fundame
30代 ワタシをひきだす「大人の女言」｜花王 ビオレ
今、さらに新しい可能性をひきだそうとしている高島彩さんが、年齢や仕事もさまざまな先輩たちとホンネトークを繰り広げながら、「大人の女言」に出逢います。 泡がすいついてくるようになめらかで、すべりがよく、まるでクリームで洗っているようでした。 スキンケアしている、という実感があって、どこを触ってもしっとり、なめらかな肌触りです。 今までは、洗顔は「汚れを落とすだけ」って思ってたけど、洗顔で、肌はきれいになれるんですね。 毎日、いい肌で、気持ちも上向きでいられそうです♪ 以前のビオレといえば、若い子が使う、さっぱりした洗い上がりの洗顔料という印象でしたが、今回新しいビオレを試させていただいてびっくり。汚れはしっかり落ちるんですが、洗顔後しっとりしてるんです！ これなら大人の女性の肌にも合いそうだなと実感しました。 余分なものが洗い落とせてこそのスキンケアだと思うので、こうした大人向けの
賞金総額3万ドル超 ユニクロUTデザイン公募 お題はコカ・コーラ
東京ベイ潮見プリンスホテル ”水辺の宿場町”をデザインコンセプトとするアートホテル「東京ベイ潮見... 詳細を見る
ウェブ業界は人材が余っていて人材が不足している
ある企業サイトの作成に関わっていた。サイトに真剣に向き合いながら、一度決めたことをひっくり返すようなことは言わない、よいクライアントだった。 作成に関わったので贔屓目もあるかも知れないが、よくできたサイトだった。好みの違いはあっても、誰に見せても「合格」をもらえるデザインだったと思う。 作ってから何度か改修があり、若干テイストが変わることもあったが、一貫して企業サイトとして恥ずかしくないデザインだった。改修のたび、担当のディレクター・デザイナーが愛情を持って頑張っているんだな、と思っていた。 そのサイトのトップがまた改修した。 ダサい配色、適当なグラデーション + 角丸 + ドロップシャドウ、カーニングが調整されていない文字……。 素人のようなデザインだった。 これでクライアントのOKが出たことに驚いた。と同時に、それを提出したディレクターが許せなかった。それ以上に、これでデザイナーとして
[JS]雑誌をめくるようにぺらっと画像を表示するスクリプト -mLivre
雑誌をめくる「Pege Flip」のエフェクトで画像を次々に表示するjQueryのプラグインを紹介します。 mLivre デモ [ad#ad-2] mLivreの実装 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="jquery.mLivre.min.js"></script> HTML img要素をdiv要素で内包します。 <div id="demo1"> <img src="celestin/couverture.jpg" width="650" height="325" /> <img src="celestin/illustration2.jp
HTML5ベースのオープンソースなマインドマップ作成ツール「mindmaps」:phpspot開発日誌
mindmaps HTML5ベースのオープンソースなマインドマップ作成ツール「mindmaps」 マインドマップツールも色々ありますが、HTML5ベースで、インタフェースも結構イケてるツールの紹介。ソースのダウンロードも可能です。 項目をマウスオーバーすると赤い丸が出るのでそれをドラッグ＆ドロップでツリーをどんどん広げていけるインタフェースも使いやすいです。 マウスホイールでマインドマップ自体の拡大・縮小が可能で、細かいところにも配慮がされています。 Chromeであればサクサク動いて、本来の目的である思考に集中することができるでしょう。 ツリーの折りたたみなんかもできちゃいます。 ソースはこちらのgithubにてダウンロード可能
[JS]jQueryのプラグイン33 1選 -2011年7月 | コリス
jquery.transitions CSS transitionのサポートを検出し、classベースのアニメーションを与えることができます。
[CSS]すぐに利用できる、美しいボックスシャドウと角丸のスタイルシートのまとめ
一昔前はPhotoshopを使用しないと作成できなかったデザインをCSS3で実装するシリーズのナビゲーション編から、すぐに利用できるボックスシャドウと角丸のスタイルシートを紹介します。 CSS3 vs. Photoshop: Rounded Corners and Box Shadows [ad#ad-2] 下記は、その中からボックスシャドウと角丸に関するスタイルシートをピックアップしたものです。 ボックスシャドウ -box-shadow 角丸 -border-radius 対応ブラウザ ボックスシャドウ -box-shadow HTMLはsection要素を使用していますが、これはdiv要素などでもそのまま利用できます。
読書の定義｜「積ん読」を減らせ！
「積ん読」をどうにかしたい！そんなあなたのための読書日記サイトです。 買ったけど読んでない…。そんな本を効率的に読みこなして行けるように支援します。そして、読み終えた本の想い出を残すことができます。 何ができるの？ 読書の様子をTwitterでつぶやけます すでにTwitterのアカウントをお持ちであれば、そのアカウントであなたの読書の様子を呟くことができます。 読書の定義 on Twitter どのくらい「積ん読」にしているのか分かってしまいます 買ったけど読んでいない、読んでる途中でほったらかし。そんな本を記録しておくことができます。バーコードリーダーで簡単に手持ちの本を登録できます。 読んだ本のページ数、冊数が分かります 何冊読んだのか、何ページ読んだのかが簡単に分かります。読み進み具合をグラフで確認することもできます。 レビューをブログに簡単に貼付けることができます お知らせ 20
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フリーで美しいCSSデザインのサイトテンプレート２０:phpspot開発日誌
IDEA * IDEA
https://jp.techcrunch.com/2011/08/04/20110803weebly-launches-whitelabeled-platform-that-caters-to-designers/
so-network.biz