第5回 User Navigation Flow「ユーザーナビゲーションフロー 」 | gihyo.jp
ウェブサイトの成功はいかにユーザーを誘導できるかにかかっている。様々な集客方法からユーザーが求めるコンテンツ、コンバージョンへと誘導することが確実な成果へと繋がる。プロモーション、ブランディング、コーポレート、どのようなサイトを作る際も、ユーザーがどのような理由（目的）でサイトを訪れ、コンテンツを閲覧し、目的のアクションを起こすのかを理解する必要がある。しっかりとした導線を引くためにはユーザーのナビゲーションフローを作成し、正しいサイトの設計を検証する必要がある。 効率的なナビゲーションフロー設計メソッド より効率的に構築を行い、サイトで必要なナビゲーションフローを見失わないためにも、今回はメソッドに沿ったかたちでの設計方法を紹介する。このメソッドに合わせて設計を行うことでこれまで紹介してきたサイトのプロセスを踏まえた正しいサイトの設計が可能なのだ。 1：エントランス（訪問方法）のリストア
効果を出すロジカルコンテンツを決める
Web構築に重要なポイントをマスターしよう 今回は、モチベーション別サイト構築（MTO）を実装するにあたって、成功するWebサイトの構築手法と前回（http://www.thinkit.co.jp/article/114/1/）のアンケートやログ解析を用いて、どのようにWebサイトを構築するのかを説明します。 まずはじめに、成功するWebサイトを構築するためのワークフローを紹介します。 一般的なWebサイト構築手法は、クライアントの要望や問題点をヒアリングして、いきなりワイヤーフレーム（Webサイト画面設計図）を作成するパターンが多く、ある程度の規模のWebサイトとなると「制作途中で構造に矛盾点が出た」「グローバルナビに入れるコンテンツが変わった」「どのコンテンツにどんな効果を出すのか不明になった」「公開日が延びた」「デザイン、コーディングの時間が予定より短縮された」「メンバーがいつがんば
5分で絶対に分かるプロジェクト管理 ― ＠IT情報マネジメント
プロジェクト管理ってよく聞くけれど…… ソフトウェアの開発は、よく家を建てることにたとえられます。家を建てる場合、顧客の要望を聞いて設計などが終わった段階から、施工のスケジュールを立て、さまざまな関係者が予定に沿って作業を進めていきます。作業が予定どおりに進んでいるかを施工業者がチェックしたり、作業の途中で建築士が品質をチェックしたりしながら、家の完成まで工事全体を管理します。その管理をせずに家がちゃんと建つ保証はありません。 ソフトウェアを開発する場合も、顧客の要望を聞いて設計をした後に開発やテストの作業があり、その作業をさまざまな関係者が予定に沿って進めます。途中で作業が予定どおりに進んでいるかをチェックしたり、品質をチェックしたりしながら、完成までプロジェクト全体を管理する必要があります。 家を建てることは、何千年も前から行われてきているため、どうしたらうまくいくのか、何を管理してお
インフォセンター - Yahoo!検索
クローラー ウェブページの巡回・収集を行うクローラーに関連する説明や、REP（Robots Exclusion Protocol）に従ったrobots.txtの設置方法などの解説。 クローラーによるウェブページの巡回と収集 ロボッツ・エクスクルージョン・プロトコルとクローラー サイト単位、ディレクトリ単位での巡回の拒否設定 1 » 一覧を見る
FireMobileSimulator :: Add-ons for Firefox
FireMobileSimulatorは、主要３キャリア（DoCoMo/Au/SoftBank）の携帯端末ブラウザをシミュレートして、モバイルサイト開発を容易にするために作成されたFirefoxのアドオンです。携帯端末のHTTPリクエスト、絵文字表示、位置情報送信機能などの動作をシミュレートすることができます。 モバイルサイトをPCで閲覧するために、従来からある方法として、キャリア公式シミュレータの使用、Proxyの使用、Firefoxのuseragentswitcher+modify headersの組み合わせ等、色々と手段はありましたが、これらの方法はそれぞれに不足している機能があったり、またITに詳しくない人にとっては導入が面倒かつ困難という面があります。 FireMobileSimulatorは、「誰でも簡単に導入できる」かつ「高機能である」ことを目的に作成された新しい携帯シミュレ
携帯端末以外のIPを制限するhtaccessを簡単生成 『Mobile IP htaccess Maker』 - HTMLタグボード
携帯端末以外のIPを制限するhtaccessを簡単生成（Mobile IP htaccess Maker） 2020年4月25日 2020年4月27日 Web便利ツール 携帯端末以外のIPを制限するhtaccessを簡単生成（Mobile IP htaccess Maker） 携帯サイトを運営する上で、携帯端末のみをアクセス可能にしたい場合にサーバーに設置が必要なサーバー定義ファイル「.htaccess」を簡単に生成します。 キャリアや検索エンジンのクローラーごとに設定可能なため、例えば「auは許可し、docomoは拒否」といった設定も可能です。 使いかた アクセスを許可したいキャリアやクローラーを選択し、最後に「htaccess生成」ボタンを押すと、htaccess用に書かれたIP情報（自IP含む）が表示れます。 表示内容をコピーし、「.htaccess」という名前で保存した後、自分のサ
会員登録フォームを構築するポイント | ランサーズ社長日記
いいね！ 11 ツイート B! はてブ 734 Pocket 58 ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんありますし、見ていたサイトでも登録しやすいサイトには共通点が多くありました。 少し量が多いですが、自分で意識的に行ってきたこと、登録しやすいサイトの共通点、ブログやサイトをみて参考になる点をまとめてみました。 1つ1つはよく言われていることで、大したことありませんが、こういった小さなディティールにこだわって行きたいと思います。ケースバイケースの側面も強いのですが、何かの参考になればと思い
モバイルサイトをPCで見るためのツールやFirefoxアドオン : LINE Corporation ディレクターブログ
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得することができるからです。 そこで今回はモバイルサイトを PC で閲覧する方法についてまとめながら、開発を進めるのに便利なツールや Firefox のアドオンを紹介できればいいなと思います。 Web サーバは一般的に2つの方法でアクセスがモバイルからかどうかを判定します。1つはアクセス元のIP、そしてもう1つは HTTP ヘッダ中にある User-Agent です。そのため、携帯キャリアのゲートウェイ経由からのアクセスのみ閲覧を認めるサイト(つ
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
意地でもIEを常用したいWeb屋のための6つの拡張 : ひろ式めもちょう
横浜で巨大グモを見た (04/18) アルファブロガー・アワード2008について二言いっとくか (12/25) いまさら気づいた (12/21) 931SHのPCメール機能はOP25B (12/03) こっ、この馬鹿者がっ！ (11/29) ア・マ・ゾーン！ (11/27) monitってさ… (11/20) ウザいアイブラスター広告ふたたび (11/20) 拝啓、古森オサマ義久さま：マケインは「ジョン・シドニー・マケイン3世」と書いてください (11/19) テケノレソバ一丁！ (11/14) 「非正規雇用者の父」の二つ名をもつ奥田碩 (11/13) yahotter (11/12) The Economistがライバルか… (11/08) 擁護どころか惚れるだろ (10/28) USBメモリ＞SSD (10/28) Windows Home Server評価版を注文するのと「日経Lin
Webアプリ開発環境としてのSafariを知ってますか？
「Java News.jp（Javaに関する最新ニュース）」の安藤幸央氏が、CoolなプログラミングのためのノウハウやTIPS、筆者の経験などを「Rundown」（駆け足の要点説明）でお届けします（編集部） シェア競争に挑まないWebブラウザ「Safari」の登場 2008年3月、iPhoneの日本登場に先駆けて、Windows版Safari 3.1が登場しました（参考「Apple、Windowsにも正式対応の「Safari 3.1」リリース」）。 WebブラウザのシェアはFirefoxが健闘しつつも、いまだInternet Explorer（以下、IE）が大半を占め、多くのWebアプリケーションサービスにとって、IEへの対応が必須であると思われてきました。そんなWebブラウザのシェア競争の中へSafariが登場したことは、最初はとても異質なことに感じられました（参考「新しいWebブラウザ
IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester | コリス
IETesterは、IE5.5, IE6, IE7, IE8beta1の確認が同時にできるアプリケーションです。 IETester [ad#ad-2] IETesterを利用するには、上記IETesterのページの「Download IETester」から「install-ietester-v0.2.exe」ダウンロードし、IETesterをインストールします。 IEのバージョンの切り替えは、「New Tab」から切り替えることができます。 簡単に使用しただけですが、IE5.5, IE6, IE7, IE8beta1のレンダリングの違いを確認できました。 バージョン0.2の動作条件は、Windows XP or Vista + IE7以上となっています。XP + IE6の場合、IE7, IE8のモードが動作しません。 Windows XP + IE7, IE8beta1の環境で使用したとこ
無料アクセス解析ツール「Woopra」のダウンロード版がすごすぎる｜WEBマーケティングブログ
アクセス解析ツールを開くと、重要な情報が一目で確認できる。忙しいWEB担当者にとってこれはとても重要なことですよね。今回ご紹介する無料アクセス解析ツール「Woopra」は、そのニーズに応えてくれて、さらにどんなオンライン解析ツールよりもあらゆる情報をサクサク情報を表示できるものになっています。これは必見です。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 総合的に使いやすい無料アクセス解析ツール「Woopra」 まず最初に私が感じたWoopraの良さは下記2点。 デスクトップ上で動くから軽い 解析データをダウンロードしなくて良い この2つを実現できる無料アクセス解析ツールは世界中探してもなかなか見つからないのでは？さらにSMOが重要視される今日、リアルタイムに状況が把握できるというのは強みになり
第1回 まずは「クッキー」を理解すべし
Webアプリケーションのぜい弱性がなかなかなくならない。メディアなどでも盛んに取り上げられているにもかかわらず，である。特に，セッション管理がからむアプリケーションのぜい弱性には，気付かないことが多い。具体的には「クロスサイト・リクエスト・フォージェリ」（CSRF），「セッション・フィクセーション」などである。これらはクロスサイト・スクリプティング，SQLインジェクションといった比較的メジャーなぜい弱性に比べて認知度が低く，対策も進んでいない。 原因の一つは，アプリケーションの開発者が原因を正しく理解していないこと。CSRFやセッション・フィクセーションについて言えば，セッション管理に使うクッキー（cookie）の動作を理解していないと対策が難しい。ところが最近の開発環境では，セッション管理の仕組みが隠ぺいされているため，必ずしもこの知識は要求されない。こうした開発者は容易にはぜい弱性に気
SEOで失敗しない「サイト移転」マニュアル｜αSEO(アルファSEO)
「会社名が変わるので、ドメイン名を変えなければならない」「リニューアルでシステム変更をするのでURLが全て変更される」・・Webマスターであれば、一度はこのような経験をしたことがあるでしょう。ドメインやURLを変更するということは、SEO対策においては一大事！これまでのSEO対策の効果をうまく引き継ぐサイト移転方法を、SEM総合研究所の渡辺隆広所長が伝授します。きちんとSEOを意識したリニューアルで、勝ち組サイトを目指しましょう。 ドメイン変更によるSEOのリスク サイトのドメインを変更するような場合、検索エンジンのランキングにも影響するので注意が必要です。なぜなら、今の検索エンジンはドメインの「年齢」を評価するためです。例えば、今まで5年間運営してきたドメインを新規に取得したドメインにに移転すると、ドメインの年齢は「5年→0年」となってしまい、検索エンジンの評価はその分落ちてしまいます。
美しい光を描くためのPhotoshopのチュートリアル集 | コリス
スパークしている光、光源・光線・光跡などの美しい「光」を描いた、Photoshopのチュートリアルの紹介です。
ウノウラボ Unoh Labs: WEBアプリテストのチェック項目リスト
こんにちは！やまもと＠テスト番長です。 TestingGeekという耳障りの良い名前のサイトをご存知でしょうか？ 総合的にテストの話を取り扱っており、それでいて読みやすいサイトです。 そこのTemplatesのコーナーにWeb Application Testing Checklist という便利そうなものがありましたので、日本語にしてみました。 ちょっとそのままだと物足りない感がありますが、テストポリシー作成の叩き台に使ってみるのも良さそうですね。 この手のリストを他にもご存知の方がいらっしゃれば、是非ご一報ください。 1. 機能テスト 1.1 リンク 1.1.1 記載された通りの先に遷移するか 1.1.2 どこからもリンクされないページは存在しないか 1.1.3 全ての外部リンク 1.1.4 参照しているサイトおよびメールアドレスはハイパーリンクになっているか？ 1.1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ywcafe.net
今日からできる、『自分ブランド』の作りかた | IDEA*IDEA
HTML5.JP - 次世代HTML標準 HTML5情報サイト