第63回 サイトを嫌わせる五つの要素：あいうえお
五つの要素 とりあげる要素は，画面を見ている人が，基本的にはボソっとつぶやくような言葉です。私自身はこんな言葉になるのですが，多少個人差のあるニュアンスがありそうなので，Weblio 類語辞典からイメージ的にズレの少ないものをそれぞれ列挙しておきます。 【あ】あざと～ サイトに入った途端に感じる匂いというものは存在します。誘い込んで何かを奪おうとする類のサイトは，テンプレートの供給が少ないせいかもしれませんが，一目で「ん？」と感じます。宣伝色の余りに強いサイトは，同系統の匂いを感じます。言葉巧みに，その機能なり商品なり会社なりの宣伝をして，さらにユーザーに「もう一手」をどこか要求しているような感触です。 あざとい - 類語辞典(シソーラス) ▽商法・やり方などがあざとい あくどい ・ えげつない ・ 抜け目がない ・ 強腕による ・ 汚い（やり方） ・ ギンギラギンの ・ 毒々しい ・ ど
29分でできる！ あのサイトの“技”を盗め
「プロが作ったWebサイトのあの“技”をウチのサイトでも（それもタダで）マネしたい！」――。そんな欲求に応えてくれる JavaScriptライブラリ／フレームワークが、ネット上にはたくさん公開されています。この連載では、国内外の商用サイトの優れたUIをお手本にして、なるべくカンタンに、手間をかけずに自分のWebサイトをブラッシュアップしていく方法を紹介します。
Webデザイン劇的ビフォーアフター09年春版 (1/4)
この4月、新しい事業年度のスタートに合わせ、各社のWebサイトが相次いでリニューアルした。ここでは、3月下旬～4月にかけて大規模なリニューアルを実施したWebサイトを編集部でピックアップし、リニューアル前後の画面写真付きで紹介する。最新の企業サイトのトレンドをつかみ、自社サイトのリニューアルの参考にしよう。 マイクロソフトが運営するポータルサイト「MSN」は、2008年4月以来ほぼ1年ぶりにトップページをリニューアル。「毎日使いたくなるMSN」（マイクロソフト）を目指し、使い勝手を高めた。 3カラムのレイアウトは従来のままだが、それぞれのカラムの役割を明確にし、各カラムに入る要素を分類、整理している。具体的には、左カラムにHotmailの受信状況や天気などを確認できる個人ツール類を、中央カラムにニュースなどの最新情報を配置。ディスプレイ広告や企画広告への誘導はすべて右カラムに集約した。 ま
優れたユーザインタフェースを設計する際に考慮する8つのポイント
ユーザーにとって有益なユーザインタフェースを設計する際に考慮する8つのポイントをUsability Postから紹介します。 8 Characteristics Of Successful User Interfaces 以下、その意訳です。 ユーザインターフェイスの設計時に、考慮する8つのポイントを紹介します。 Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To conclude… 1. Clear 明快 明快であるというのは、最も重量な要素です。 ユーザインターフェイスデザインの目的は、ユーザーに意味と機能を伝え、利用するアプリケーションと相互につきあえるようにすることです。そのアプリケーションがどのように機能するのか、どこに進むべきか理解することができない時は、ユーザーは困惑しが
第62回 持続可能なWebサイト開発を支える12の要素
年度の改まりを受け，自分のスキルアップや目標設定をする時期の方も多いかと思います。今回は作り手として，どのようなスキルが必要かを俯瞰しつつ，自分の立ち位置や強さ/弱さを自己評価しながら，自分のための学習ロードマップを考えるための資料を作成してみました。なるべく技術の流れに振り回されないように，汎用的にしてみたつもりです。記事の最後に簡単なチェックシートも添えましたので，活用していただければ。 Webサイト開発はどのようなステップとタスクがあるのか 様々な分類方法がありますが，今回は4つのステップ（調査/設計/実装/運用），3つのタスク（実施/検証/合意）という流れの中で考えることとします。全てのステップにおいて，何かを成し，それが正しいかを確かめ，（主に）クライアント（発注主）の了解を得るという3タスクがあるとする考え方です。調査や運用が視野に入らない開発者がもしかしたらいるかもしれません
エンジニアにもわかる「ユーザーインターフェース設計」
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに 島津悠樹と申します。Yahoo! JAPANのソーシャルメディア系サービスの開発・ユーザーインターフェース（以下UI）設計を担当しています。私からは「エンジニアにもわかる『ユーザーインターフェース設計』」と題し、エンジニアのみなさまに考え方のヒントとなるようなネタをお届けします。 エンジニアの方々にとって、UI設計は、おもしろそう、けれど、どこかとっつきにくい......、そんな印象を持っておられるのではないかと思います。 私も以前はそう思っていました。ですが、とっつきにくさを理由にUI設計をやらないのはもったいない、という思いで試行錯誤した結果、なんとか、UI設計のお仕事をいろいろ担当させていただくことができるようにな
Readme Press
Choosing a Worker’s Compensation AttorneyThere are numerous workers compensation lawyers in each state of Australia. Every one of these compensation lawyers Brisbane specializes on a different branch of the law. Therefore, it is essential that you hire one who specializes in handling workers compensation cases. Make Google your friend; search for potential compensation lawyers in your state, brows
)
Internet Explorer 8 ユーザー インターフェイスの表示の変更点
要約 Internet Explorer 8 では、ウィンドウに表示されるユーザー インターフェイスの要素が以前のバージョンと異なっている部分があります。本資料では、Internet Explorer 8 の導入により Web サイトや Web アプリケーションの受ける影響を検討する参考となるよう、いくつかの状況について Internet Explorer 8 Beta 2 と Internet Explorer 7、Internet Explorer 6 を比較しています。 このドキュメントに記載されている情報は、発行日におけるマイクロソフトの見解を示すものです。マイクロソフトは市場の変化に対応する必要があるため、このドキュメントの内容に関する責任をマイクロソフトは問われないものとします。また、発行日以降に発表される情報の正確性を保証できません。 このドキュメントに記載された内容は情報提
グーグルのビジュアルデザイン責任者が退職--データ中心主義に嫌気
Googleでビジュアルデザインの責任者を務めていたDouglas Bowman氏が退職する。同社ではウェブページの詳細なパフォーマンスデータが重視されており、こうした状況が一因となっているようだ。 同氏が退職について複雑な思いでいるのは明らかだが、好ましからざる点の指摘に遠慮はない。Bowman氏は米国時間3月20日付けのブログ投稿で次のように述べている。 技術者が溢れている企業では、問題を解決するため工学技術を頼りにする。問題を単純で論理的なものに還元し、主観をすべて取り去ってデータだけを見る。やがて、データがあらゆる問題解決を支えるようになり、企業を麻痺させ、斬新なデザインの決定を妨げる。 そう、Googleでは2種類の青色のいずれかで決めかねたら41の中間色をテストして最もパフォーマンスのよいものを選ぶというのは事実なのだ。先日、境界線の幅を3ピクセル、4ピクセル、5ピクセルのいず
「最速ブラウザ」争いは無意味だ
米Microsoftが最近実施した一連のテストによると、Internet Explorer 8（IE 8）は現在市場に出回っているブラウザの中で最速だという。もっとも、Google ChromeやFirefox、Safari、Opera、WebKitといったブラウザについて同様の主張を展開している調査結果を探すのは、そう難しい作業ではないはずだ。 それならば、こうした最速ブラウザに関するテストの数々をどう解釈すればいいのだろう？ どのテストが最も妥当なのだろう？ まあ、本当を言えば、映画『ミートボール』でのビル・マーレイの口グセと同じで「そんなのどうでもいい！」といったところだ。 まったくその通りなのだ。最近のWebやWebブラウザに関して言えば、ブラウザを選ぶ際に速度を気にする人など、ほとんどいない。 確かにかつてはブラウザの性能が重視された。わたしも実際1990年代にブラウザの比較を行
ユーザーが「見る広告」「見ない広告」--ユーザーの行動を決める要素とは？
「どんなサイトのどんな広告をユーザーは見るのか」――これは、広告主もメディア運営者も非常に興味ある事項ではないでしょうか。 今回は、いくつかの大手サイトを男女計5人の被験者に自由に閲覧してもらい、ユーザーがどの広告に目を引かれていたのかをアイトラッキングマシン（被験者の視線の動きを追跡するツール）を使って検証しました。はたしてどんな結果が出るのでしょうか。 口コミに夢中で広告見ず 図1は＠cosme（アットコスメ）を見ていた被験者A（女性、20代後半）の視線です。右側に配置された広告は全く見られていません。被験者Aはトップページから迷わずユーザーの感想が書かれているページへと行き、その後ずっと口コミを丹念に見ていました。また、口コミ以外の要素には全く目を向けませんでした。 図1：＠cosmeを見ていた被験者Aの視線。水色の線は視線の動きを、丸の大きさは視線の滞留時間の長さを示す。青で囲った
Geekなぺーじ : これはひどい 慶應大学湘南藤沢キャンパス(SFC)のリニューアルWeb
追記2008/12/20 : 旧HTML版と新Flashの両方が表示できるように修正されています。 まだいくつかリンクが切れているなどの問題はありますが、今後徐々に修正されていくと予想しています。 中のかた、素早い修正お疲れ様です。 昨日、私の母校である慶應義塾大学湘南藤沢キャンパス(SFC)のWebサイトがリニューアルされていました。 しかし、残念ながら私のまわりでは非常に評判が悪いです。 以下、どのように変わって、何が批判されているのかをまとめてみました。 アクセシビリティゼロ JavaScriptをOFFにすると何も見られません。 お使いのブラウザでは 当サイトをご覧いただくことができません。 最新版のFlashプレーヤーをダウンロードしていただき JavaScriptを有効にしていただく必要があります。 HTMLを見るとbody部分は以下のようになっています。 <body> <di
RIAという言葉が意味するもの
Web 2.0という言葉は使われすぎている。この言葉は、単純にコンテンツを表示する以上のあらゆるウェブサイトに使われる、陳腐な言葉になった。会社がウェブサイトのルックアンドフィールを変え、AJAXを少し取り入れれば、それで即席のWeb 2.0ウェブサイトのできあがりだ。インタラクティブでかっこいいサイトが手に入ったことになる。 この言葉は、もともとはそういうものを指していたのではなかったが、今では基本的にはそうなってしまった。Web 2.0という言葉には以前は多くの意味があったが、今では意味のない言葉の1つになった。以前持っていた意味の中には、主にAJAXやその他の最新のウェブ開発言語を使って作られた、インターネットアプリケーションの機能を持つウェブサイトという意味があった。 RIA（Rich Internet Application）という用語は、この部分に入ってきている。 RIAはWe
bookreader.js
bookreader.jsは、長文を縦スクロールではなく、横スクロールで表示し読みやすくするJavaScriptライブラリです。 →プロジェクトのホーム (Google Code) - New!! →ダウンロード(ver 0.4.6) - 2009/04/18公開 ※ダウンロードの詳細については、こちらのページをご覧下さい。 まずは、このページで体験してみて下さい。キーボードの[→]/[←]キーが、「進む」あるいは「戻る」に対応します。画面上に表示される、半透明の▶/◀ボタンをクリックしてもOKです。使い方の詳細は「ヘルプ」を参照ください。 次期バージョンの開発状況 幸いにしてさまざまな方からフィードバックをいただきました。ありがとうございます。それを元に機能の絞り込みとWEBサイトへの「組込み方」について検討を行っています。まだ、実装の方針が定まった、という段階ですが次期0.8.x系のサ
リコーのファイル保存・共有サービス quanp（クオンプ）
アップロードが簡単、共有が簡単、見つけるのが簡単。quanpは情報をスマートに使いこなすためのWebサービスです。｜お問い合わせ｜ご利用にあたって｜採用情報｜サイトマップ｜ quanpは株式会社リコーが提供するサービスです。｜ Copyright 2008 Ricoh Company, Ltd. All Rights Reserved.
Amazon.co.jp 新しいサイトデザインのご紹介 - Amazon.co.jpメッセージ
fd_redirect ストアの優れたセレクションからオンラインショッピング。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ht-03a.nttdocomo.co.jp/index.html?wdycf=product
RIAコンソーシアム三井英樹氏：業務に集中できる環境を創る
IDEA * IDEA
NTT東日本 いつも、あなたの想いのそばに。