タグ

ユーザビリティに関するsatoshieのブックマーク (9)

  • いまだにガラケーの母に 完璧なスマホの使い方を教えてきた

    どうも。株式会社バーグハンバーグバーグの加藤と申します。 私は現在、デカすぎて首がつっかえる人形のある街、名古屋に来ています。 というのも、2022年以降に 3G回線のサービスを終了することを各大手キャリアが発表しているからです。 この記事を読んでいるみなさまであれば「別に4Gあるしいいんじゃない?」と思われるかもしれませんが、4Gの使えない3Gの携帯ユーザーにとっては死活問題…。 例えば…… 親世代の3Gユーザー!! うちの場合は母親がそれです。 親と連絡できないのは何かと不便ですので、この機会にスマホに移行してもらい、使いこなせるよう教えようというワケです! ギャラクシーさま「それで加藤さんの故郷である名古屋へやってきたんですが…当に自分で教えられますか? 加藤さま「同行カメラマンのギャラクシーさん、お任せください! 今回、記事の最後にシニア世代向けのスマートフォン講習会を開いている

  • まとめサイトのアンテナサイトを評価してみた。2回目(`・ω・´)キリッ ニュース速報BIP

    1 以下、名無しにかわりましてVIPがお送りします 2010/08/29(日) 23:31:44.49 ID:+vpRXFe/0 やあ。また評価するよ。(´∀`*)ウフフ 前回は少なかったので、今回は70サイト。 これ以上はみつけられなかった。 「Google PageRank」は、被リンク数に影響するので、新参サイトに不利と判断。 その為点数は最大10点と低めにした。 基情報は、Webアプリ作成基準からユーザビリティに影響すると思われる項目を抜粋。 デザインはなるべく客観的に努力した。 劇的なリニューアルがあるといけないので、評価した日付も記載した。 ユーザビリティは利用性、理解性、運用性などを考慮しつつ、最終的には個人的好みで評価。 ここまでが100点満点の評価内容。 さらに付加価値が付いているサイトは、1機能につき5~15点を付ける。 これにより、単なるパクリサイトや更新が少ないサ

  • 企業サイトでやってはいけない31のこと | パシのSEOブログ

    企業サイトを運営する上でやらない方が良い事や、やってはいけない事についてまとめてみます。全ての項目が全てのサイトに当てはまるわけではありませんが、なんとなく実施している事が訪問ユーザからは、良く思われていないという事も多いものです。 ユーザに嫌われる動作 Flashで待たせる ページの表示速度が遅い 横スクロールバーが出る 内部リンクが別窓になっている 無駄なポップアップが出る ブラウザの戻るで戻らせない ブラウザサイズを勝手に変える 右クリックを禁止している 流れる文字や点滅する文字がある 無意味なBGMや音が出る 1.フルFlashは初めてそのサイトに訪れるユーザにとってはプラスに働く事も多いですが、リピータや情報を探しているユーザにとっては、ウザイと感じる場合も少なくありません。 2.ページの表示速度や、動作の悪いサイトは嫌われます。ネットに慣れたユーザほど待ってくれません。 3秒待

  • SEOを意識したサイトデザイン | パシのSEOブログ

    完成したサイトにSEO対策を施すよりも、始めからSEOを考えて制作を行った方が効率も良く、バランスの取れたサイトが出来上がります。 基となるデザインレイアウト 上図はネットで配布されているテンプレートなどで良く見かけるデザインですが、SEOを意識した簡易的なレイアウトとなるとどうしてもこんな感じになってしまいます。あくまで基となるレイアウトですので、作るサイトにあわせ位置の調整や、必要な項目の追加を行ってください。 ヘッダー ページの見出しとなるh1と、ページの概要を説明するためのテキストを配置します。h1とテキストは全ページ異なるユニークなものを記述します。 ヘッダーの左側にはロゴを配置し必ずリンクにします。ロゴは、ソースの上部に位置し、全ページ共通のトップページへのリンクとなる為、CSSの画像置換えを使用しアンカーテキストにはメインキーワードを含ませた方が良いでしょう。 イメージリ

  • タブUI詳解

    タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。 Module Tabs in Web Design 以下、その意訳です。 ※原文では「タブモジュール」となっていますが、タブモジュールやタブUIと記載すると煩雑になるため、「タブ」と略します。 タブのみを指す場合は、「タブ コントロール」としています。 はじめに 1. タブの構造 2. タブはいつ使用するのか 3. タブのユーザビリティとベストプラクティス 4. タブのアクセシビリティ 5. タブの拡張 6. タブの実装集 7. タブを実装するためのチュートリアル集 8. タブを実装するスクリプト集 はじめに タブモジュールは複数のコンテンツを異なるパネルに配置したユーザインターフェースのデザインパターンです。 パネル

  • ウェブサイトの第一印象を決める大切な21のポイント

    ウェブサイトの第一印象を決める大切な21のポイントをVandelay Website Designから紹介します。 21 Factors that Influence the First Impression of Your Website's Visitors 下記は、それを簡潔にした意訳です。 ロード時間 ロード時間はユーザーをいらいらさせる大きな要因です。少しでも早くロードするように設計をします。 エラーメッセージ エラーメッセージが表示されアクセスができないと、ユーザーは二度とアクセスをしないでしょう。 カラー サイトのデザインは第一印象の重要なファクターです。正しいカラーコンビネーションを使用して、効果的で適切なカラースキームを使用します。 ロゴ もう一つ重要なファクターはロゴです。ブランディングを考慮し、信頼感を与えるロゴを使用します。 ヘッダ ヘッダも強い印象を与えます。魅力

  • アイコンデザインにおける10の間違い | CREAMU

    アイコンデザインで注意するポイントが知りたい。 そんなときにおすすめなのが、『10 Mistakes in Icon Design』。アイコンデザインにおける10の間違いだ。 以下にご紹介。 アイコンのデザインの差があまりない アイコンをセットで作る場合、見分けられないデザインはよくない。↓はMac OS Xのユーティティーアイコン。見分けがつきづらく、間違って起動してしまう。 一つのアイコンに要素が多すぎる アイコンの中の要素は少なければ少ないほどよい。要素が多いと、小さくしたときに判別しにくい。 不要な要素を含んでいる 要素を少なくし、メッセージがストレートに伝わる要素だけを置きたい。↓はDBアイコンの例。DBであることがわかっているなら、後者の例にした方がわかりやすい。 アイコンセットに統一性がない アイコンセットは、カラースキーム、遠近感、サイズ、描画技術を統一すべき。 小さいアイ

  • 時代遅れのウェブ技術コンセプト--何とかしてほしい5つのケース:スペシャルレポート - CNET Japan

    いいかげんに目を覚まそうではないか。もう2008年だ。私たちがもう何年もウェブサイト上でするのにも見るのにも慣れてしまったもので、当は今頃とっくに消えてなくなっているべきものがいくつかある。筆者の頭に浮かぶ5つのことは、ユーザーインターフェースの悲劇とも呼べるものだ。筆者が大統領になったら、間違いなく次の5つを禁止するよう、最高裁判所に命じるだろう。 1. リフレッシュ この記事を思いついたのは、Appleイベントの基調講演をチェックしようとした時だ。講演の最新内容を見るのにリロードボタンを押さなくてすむページを見つけるのに苦労した。筆者はただ、最新の内容がリアルタイムで反映されるブログを見つけたかっただけなのだが。信頼の置けるブログで、最新情報が自動的に表示されるものはSlashGearしか見つけられなかった。 ニュースサイト「Huffington Post」では、トップページを見てい

    時代遅れのウェブ技術コンセプト--何とかしてほしい5つのケース:スペシャルレポート - CNET Japan
  • gooランキング - あらゆるものをランキングで紹介!ランキングの総合サイト

    gooランキングの情報をお届けします。 プッシュ通知を受け取りたい方は「プッシュ通知を受け取る」を押して頂き、 さらに後から表示されるポップアップの「許可」を押してください。

    gooランキング - あらゆるものをランキングで紹介!ランキングの総合サイト
  • 1