スマホサイトのEFO（フォーム最適化）で爆発的成果を出すための５原則 | LPO研究所

2014/08/18 146 users ユーザビリティ コンバージョン 鎌田 EFO 昨今

LPO研究所所長の鎌田です。 スマホサイトを用意するのがもはや当たり前になりつつある昨今ですが、スマートフォン対応を急ぐあまり、問合せフォームのユーザビリティがないがしろになってしまっているサイトをよく見かけます。 スマホユーザーの環境は、PCユーザーに比べてあらゆる点でシビアです。いい加減なスマホ対応をしただけでは、そうそうコンバージョンのアップにはつながりません。 下記の事例をご覧ください。 ... 続きを読む

「紙っぽいデザイン」の特徴を盗め！イベントポスターから学ぶ、紙っぽいデザインの特徴。 | Quoitworks blog

2014/08/11 805 users Quoitworks blog イベントポスター 特徴 視線

webのデザインの現場でよくオーダーとしてあるのが、「紙っぽいデザイン」です。 webのデザインはコーディング時のことを考えすぎてしまったり、ユーザビリティや、web独自の視線の流れを意識しすぎてしまうあまりにダイナミックさに欠けたりすることが多いような気がします。 またお客さんとしても生まれてからwebを見ている時間よりも、紙のデザインを見ることが多いので、イメージとして紙（ポスター、雑誌）のよ... 続きを読む

超便利！無料で簡単に画像ファイルを圧縮できる4つのサービス | creive【クリーブ】

2014/07/21 73 users ユーザビリティ クリープ 手段 スピード ツール

Webページの読み込みスピードを高速化すると、ユーザビリティの改善や検索エンジン対策につながります。 それを実現する1つの手段として、サイトに表示させる画像を圧縮するという方法があげられます。 そこで今回はそんな画像を圧縮する際に便利なツールを4つほどご紹介します。 Compressor.io Compressor.ioは、JPG・PNG・GIF・SVGの4形式の画像を無料で圧縮できるツールです。... 続きを読む

レスポンシブWebデザイン（RWD）とユーザーエクスペリエンス – U-Site

2014/06/03 59 users RWD ユーザーエクスペリエンス ユーザビリティ 要旨 原文

レスポンシブWebデザイン（RWD）とユーザーエクスペリエンス 公開：2014年6月4日付（日本語版）、2014年5月4日付（原文）　著者：Amy Schade 原文（英語）：Responsive Web Design (RWD) and User Experience 要旨 多数のデバイスをサポートするためにレスポンシブデザインのチームが作成するサイトは1つだが、ユーザビリティを確実なものにする... 続きを読む

UXのプロがアドバイス「Web担のサイトはこう変えるべし」――やってみました「UX診断」 | Web担当者Forum

2014/05/28 205 users Web担 安田英久 Web担当者Forum ユーザビリティ

Web担トップ « 編集記事一覧 « UXのプロがアドバイス「Web担のサイトはこう変えるべし」――やってみました「UX診断」 UXのプロがアドバイス「Web担のサイトはこう変えるべし」――やってみました「UX診断」 UXのプロは、Web担のサイトをどう診断し、どう改善提案を作ったか 安田英久（Web担 編集長） 5/28(水) 9:00 ツイート 解説／ノウハウ | ユーザビリティ／ペルソナ／I... 続きを読む

WEBプログラマの私が開発現場で学んだSEOを一挙公開！ - 文系プログラマによるTIPSブログ

2014/05/23 730 users 文系プログラマ ユーザビリティ SEO Webプログラマ 施策

2014-05-22 WEBプログラマの私が開発現場で学んだSEOを一挙公開！ SEO 誰もが悩むSEOですが、私が沢山のWEBサイトを開発してきた中で、これさえ対応すればSEOは問題無いよ！というものをまとめたので、公開してみようと思います。SEOは Search Engine Optimize の略で、言葉通り検索エンジンに対する最適化です。決してユーザビリティの向上等、ユーザへの施策では無い... 続きを読む

ECショップサイトに最適なフリーWordPressテーマ「10 WordPress FREE Themes To Start Your Own EStore」 | DesignDevelop

2014/05/06 58 users DesignDevelop ユーザビリティ 要素 魅力 商品

インターネット上で運営されるECショップサイト。商品の魅力ももちろんのこと、サイト自体のユーザビリティやデザイン性も、売上に繋がる非常に重要な要素になってきます。今回はそんな時に最適なフリーWordPressテーマ「10 WordPress FREE Themes To Start Your Own EStore」を紹介したいと思います。 （WooThemes Demos – Artificer）... 続きを読む

WordPress高速化｜１秒前半で表示する誰でもできる簡単な方法

2014/05/01 726 users WordPress高速化 方法 pag ユーザビリティ SEO

WordPress の数少ない欠点の一つは、サイトの表示速度が遅くなりがちになってしまうということだ。 そして、サイトの表示速度はユーザビリティだけでなく、SEOにとっても重要だ。 そこで、このページでは、WordPressの初心者でも簡単にできることだけで、表示速度を大きく高める方法をご紹介する。 弊社でテストサイトを作り、デフォルトの状態と、全ての設定完了後の表示速度を、Googleの Pag... 続きを読む

【最新版】スマホ必須のウイルス対策アプリ　おすすめ4選──無料で始めるAndroidセキュリティ | アプリオ

2014/04/19 70 users ユーザビリティ アプリオ 例年 マルウェア検出率 テスト

【最新版】スマホ必須のウイルス対策アプリ　おすすめ4選──無料で始めるAndroidセキュリティ 2014.04.19 18:39 この1年で高評価のウイルス対策アプリを紹介 セキュリティソフト第三者評価機関AV-TESTは例年、Android向けウイルス対策アプリのマルウェア検出率やユーザビリティを調査している。 ここでは、2013年上半期のテスト と2014年初めのテストを通して評価が高かった... 続きを読む

危険！Webユーザビリティ３つの間違い・落とし穴

2014/04/15 449 users 落とし穴 ユーザビリティ ボタ 概念 成果

ユーザビリティは、「単なる使いやすさ」のことではありません。 特にWebにおいては売上や成果などビジネスを左右する重要な概念です。 しかし、多くの人がユーザビリティについて間違った認識を持っているために、みすみす売上や成果を逃しているケースをよく目にします。 本日は、よくある「間違い・落とし穴」を例に出しながら、売上改善に直結する「正しい」ユーザビリティの考え方をご紹介します。 【事例】１つのボタ... 続きを読む

サイトやアプリのユーザビリティを向上させる35のポイント | sogitani.baigie.blog

2014/04/15 893 users ユーザビリティ 要点 デバイス エンジニア 原論

デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では「使いやすさ」という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー（Web担当者、エンジニアなど）向けに、ユーザビリティの向上に繋がる要点をまと... 続きを読む

Animation & UI - YI

2014/04/10 334 users コックピット ユーザビリティ グラフィック コンピュータ 視点

2014-04-09 Animation & UI ロボットアニメを見ていると、コックピットやコンピュータのディスプレイ等、デザインされているモニターグラフィックスが気になってくる。単純にかっこいい悪いという視点もあるし、私は特にグラフィックの勉強をした訳ではなかったので知らなかったのだが、ヤコブ・ニールセン博士のユーザビリティの五原則などに則って見る視点もあるようだ。　ロボットアニメのUIについ... 続きを読む

最新2,200個のマルウェアをすべて検出したAndroid向けウイルス対策アプリは14本──2014年初のAV-TEST結果が公表 | アプリオ

2014/02/20 55 users ユーザビリティ アプリオ ドイツ テスト マルウェア

最新2,200個のマルウェアをすべて検出したAndroid向けウイルス対策アプリは14本──2014年初のAV-TEST結果が公表 2014.02.20 20:40 ドイツのセキュリティソフト第三者評価機関AV-TESTは、Android向けセキュリティアプリのマルウェア検出性能およびユーザビリティを検証した最新（2014年1-2月）の調査結果を公表した。 満点アプリは全部で10本 今回のテストで... 続きを読む

無料パフォーマンステスト | 負荷テスト

2014/02/15 734 users 負荷テスト ユーザビリティ サーバ 応答速度 直帰率

これまで、負荷テストの実行には専門知識と実行環境の準備に多くのコストが必要でした。社会からWebサービスの性能に関する不具合をゼロにするために、簡単、無料、圧倒的な負荷テストサービスを提供します。 ユーザビリティ サーバの応答速度は常に変化し、利用者の直帰率に大きく影響を与えます。サーバの応答速度を可視化し、日々計測することで、すみやかに問題個所を発見できます。 性能測定 サーバの性能不足により、... 続きを読む

テキスト周りで使えるCSSの小技いろいろ | Webクリエイターボックス

2014/02/04 799 users CSS ユーザビリティ Webクリエイターボックス 目次 小技

モバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック！基本的なテクニックが中心なので、初心者さん〜中級者さんの参考になればと思います。 テキスト周りで使えるCSSの小技　目次 テキストを選択する時の色を変更 蛍光ペンで線を引いた... 続きを読む

スマホUI考（番外編） UIやUXを劇的に改善する、『ビッグオー駆動型開発』とは | fladdict

2014/02/03 760 users フェイス プロモ ユーザビリティ fladdict 上流

いま『ビッグオー駆動型開発』とよばれる開発手法が、業界の一部で注目を集めている。 その理由は非常にシンプルだ。『ビッグオー』は非常に安価で簡単な手法でありながら、従来の開発体制に比べ劇的にUIやUXを改善できるためである。 アプリケーションのコンセプトのような上流から、ボタンのレイアウトといった下流工程、さらにはグロースハックやプロモといったリリース後のフェイズまで一つの手法でユーザビリティを評価... 続きを読む

そこそこユーザビリティの高いフォームを作った - Liner Note

2014/01/19 942 users ユーザビリティ Liner Note jQuery フォーム

去年末実家に帰省していた時に、jQueryの練習＆業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ご覧になれない方はこちらのフォームサンプルリンクからご確認ください ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリテ... 続きを読む

jQuery editTable - その場で編集できるテーブルを生成するjQueryライブラリ|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2014/01/04 58 users ユーザビリティ jQueryライブラリ セル エンジニア 最初

Webベースの業務システムを作っていると度々データを一覧で表示する機会があります。そんな中で度々あがってくるのが一覧の時点でデータ編集したいという要望です。 In place editのような仕組みを使って作り込んでも良いですが、専用の仕組みを使った方がユーザビリティ高くできるはずです。そこで使ってみたいのがjQuery editTableになります。 最初の表示です。適当にセルをクリックします。... 続きを読む

フォーム周りで活躍してくれるjQueryプラグイン 50 | NxWorld

2013/12/28 173 users バリデーション ユーザビリティ NxWorld CSS3 向上

少し古いのもありますが、今年見かけたものを中心にフォーム周りでいつか使う機会がありそうだと思ったjQueryプラグインのまとめです。バリデーションや各フォームエレメントのデザイン変更といったオーソドックスなものから、上手く使えばユーザビリティの向上に繋がりそうなもの、面白い動きを実装できるものまで様々なタイプがあります。中にはCSS3を併用したり、そのままでは日本語に対応していないというものも幾つ... 続きを読む

ほんとに使える「ユーザビリティ」 (4.5/5.0) : could

2013/11/30 85 users 訳書 could 原書 ユーザビリティ ニュアンス

エリック・ライス氏が 2012 年に刊行した「Usable Usability」の訳書です。 この種類の専門書は原書で読むことが多いので、久しぶりの訳書になりました。訳書の魅力は、日本語で読めるのはもちろん、原作者の住んでいる国の文化やニュアンスを理解していないと、伝わり難い部分を補っているところです。世界中を飛び回っているライス氏なので、世界のユーザビリティに興味をもつ読者に向けて執筆しているは... 続きを読む

お願いだからWebフォームでは<label>を正しく使ってユーザビリティを上げてくれ | Web担当者Forum

2013/10/15 594 users Label 安田英久 ユーザビリティ 安田 Web担

Web担トップ « 編集記事一覧 « [コラム] Web担のなかの人――編集部ブログ « 編集長ブログ―安田英久 « お願いだからWebフォームでは<label>を正しく使ってユーザビリティを上げてくれ ««某航空会社の神サポート対応にみた、「例外的な顧客対応がファンを作る」法則 連載編集長ブログ―安田英久 お願いだからWebフォームでは<label>を正しく使ってユーザビリティを上げてくれ 安田... 続きを読む

【保存版】Webを活用して見込み顧客を獲得するためのベストプラクティス50選

2013/09/25 112 users 見込み顧客 web 保存版 ベストプラクティス ユーザビリティ

Webサイトからお問い合わせや資料請求をしてくれる見込み顧客を獲得するためには、基盤となるWebサイトの強化が欠かせません。 「強化」と一言でいっても、SEO、ユーザビリティ、デザイン、コンテンツなど様々な要素があります。 そこで今回は、Webサイトから見込み顧客を獲得するために押さえておきたい50個のベストプラクティスをまとめました！ 目次 ターゲットを理解する Webサイトに訪れてもらう（検索... 続きを読む

BtoBサイトに関わる人はチェックしたい！お手本になるWebサイト101選

2013/08/21 307 users BtoBサイト お手本 ユーザビリティ BtoB企業 web

BtoB企業でもWebサイトからのお問い合わせ獲得を中心に、Webを営業に活用する会社が増えてきました。 それに伴い、ここ1年ぐらいでBtoBサイトのデザインやユーザビリティ、コンテンツのレベルが急激に高まっています。 今回はもともと個人的にストックしていた200個ほどの優れたサイトと追加で調べた100個ほどの優れたサイトの中から、特にお手本になると感じている101個のサイトご紹介します。 お手本... 続きを読む

デザイン = 感情 + 使いやすさ｜選ばれるウェブデザインとは | freshtrax | btrax スタッフブログ

2013/07/30 241 users ユーザビリティ btrax freshtrax 大抵 理論

近年ウェブデザインに関する様々なテクニックや理論が注目されているが、ユーザーを引きつけるデザインとはなんだろうか。意識してこのサイトのデザインが好きだからと選ぶ人もいるが、大抵の人は無意識に感覚で選ぶことが多い。 私がデザインを勉強していて思うことは、無意識に選ばれるデザインこそが一般ユーザーから見た客観的なユーザビリティを理解したデザインができていると思う。使いやすさはユーザーに選ばれる一番の理... 続きを読む

【 | と◯】知ってる？ アプリや電機のスイッチと電源ボタンの記号の意味 | アプリオ

2013/06/19 377 users ユーザビリティ アプリオ iPhoneアプリ 目次 筆者

目次 アプリのスイッチの意味が分かりにくい？ 周りの人に聞いてみた 電源スイッチ・ボタンの記号の意味 記号とデザインとユーザビリティと アプリのスイッチの意味が分かりにくい？ あるiPhoneアプリの解説記事を書くために、アプリ内の設定項目を確認していたところ、以前から気になりつつも放置していた疑問に筆者は直面した。 その疑問とは 「アプリやOSの設定画面などに使われるスイッチは、どちらがオン（O... 続きを読む