さまざまなサイトでのユーザーの動線をまとめて確認できるサービス「pageflows」
ウェブサービスの作成において「訪れてくれたユーザーを会員登録や購入などにどのように誘導すれば良いのか」というのは悩ましい問題です。「pageflows」はそうした動線設計の参考になるような、他の有名なサイトの動線設計がムービー形式でずらっと見られるサービスです。 Page Flows - user flow design inspiration https://pageflows.com/ トップページにアクセスし、ページ下部にある「Filter」をクリックすると…… プラットフォームやサービスを選択できます。プラットフォームはAllにして「Amazon」をクリックしてみます。 「Amazonで何かを購入する」というタイトルのムービーがヒットしたのでタイトルをクリックします。 商品ページから商品をカゴに入れ、実際に決済するまでの一連の動きがムービーに収まっています。「実際に決済した後の画面
KeyPose - 入力しているキーを表示
チュートリアル動画などを撮っていて困るのがキーボードショートカットです。何を入力しているか、視聴者からは見えないので口で説明したり、マウスで操作しなければなりません。プログラミングなどを行っていると、説明しながら入力するのは大変です。 そこで使ってみたいのがKeyPoseです。入力されているキーを可視化してくれるユーティリティです。 KeyPoseの使い方 キー入力したところです。その文字が画面下に表示されます。 ショートカットキーを使った場合。CTRL+までは出るのですが、その後に入力したキーは表示されませんでした。 KeyPoseを使うことで、閲覧者も何を入力しているかが分かるようになります。ただしパスワードのようなものを入力する際には扱いに注意が必要でしょう。コーチングであったり、プレゼンテーションなどでも使えそうなソフトウェアです。 KeyPoseはC#製のソフトウェア（ソースコー
UXデザイナーが備えておきたいツール・サービス厳選20個まとめ
UXデザインとはユーザーエクスペリエンス(UX)、Webサイトやアプリの使い勝手やユーザーが体験する満足度を重視したデザインのことで、あなたが満足するデザインをつくってもユーザーが使いやすいと感じなければUXが良いとは言えません。 ユーザーのリサーチやテストやフィードバック、プロトタイプやワイヤーフレームの作成、クライアントやチームメンバーとのコラボレーションなどに役立つツール・サービスを紹介します。 20 Valuable Tools For UX Designers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ユーザーのリサーチ・テスト・フィードバック プロトタイプ・ワイヤーフレームの作成ツール コラボレーションのツール ユーザーのリサーチ・テスト・フィードバック ユーザーのリサーチは、プロトタイプを制作する前におこなう
GoogleからWeb制作者に便利な新ツールがローンチ！サイトやブログがモバイルフレンドリーか確認できるオンラインツール
昨日、Googleから新しいツールがローンチされました。 Webサイトやブログがモバイルフレンドリーかどうか確認でき、モバイル フレンドリー未対応の時はどうすればよいのかのアドバイスも行ってくれる便利ツールです。
ABテストツール「Visual Website Optimizer」でWebサイトの改善をしよう【導入編】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、アートディレクターの長岡です。 Webサイトを運用している方なら、日々のPDCAを回す際に分析だけでなくABテストを行なうことも多いのではないでしょうか。 ABテストも一般化し、さまざまな事例がWebサイトにて紹介されるようになってきたので、当たり前になりつつあります。現在、ABテストツールと言えば「Kaizen platform」や「Optimizely」がとても有名ですが、その他にもいろいろと良いツールが世に出てきています。 今回は、その中で実際にLIGブログで利用させていただいた「Visual Website Optimizer」（ビジュアル・ウェブサイト・オプティマイザー）をご紹介したいと思います。 目次 まずはじめに、Webサイトのテストとは テストを行なうことでわかること Visual Website Optimizer（VWO）とは VWOの特徴 VWOのABテス
MacのFinderにタブを追加して複数ウインドウをひとつにまとめて表示可能になる「XtraFinder」
Macでファイルやフォルダを管理するのに欠かせないのが「Finder」というファイル管理アプリです。複数のデータを一度に取り扱う場合、たくさんのFinderウインドウを開いて目当てのデータを全て表示する必要があるので、デスクトップ上にはたくさんのFinderウインドウが表示されることとなり、一体全体どのウインドウにどのデータが表示されているのか混乱したりするもの。そんな時に役立ちそうな無料アプリが「XtraFinder」で、複数のFinderウインドウをひとつにまとめて表示できるようになり、さらにはひとつのウィンドウ上に2つのFinderウインドウを同時に開いたりすることもできたり、ショートカットキーを自分で自由に割り当てたりもできるて、ファイル管理がよりスマートになります。 XtraFinder adds Tabs and features to Mac Finder. https://
Googleカレンダーを使って予定表を埋め込む - 役立つWEB活用の知恵 by PRサイトビズ
通常Googleカレンダーは非公開で使用する事を前提としているので、警告が出ますが、「はい」を選んでください。 注意事項誤操作で公開したくない情報が公開される場合もありますので、必ず第三者からの見え方をチェックし、自己責任で公開を行ってください。 以下の部分に新しいカレンダーが出来ていれば完成です。次は実際にこのカレンダーに予定を追加していきます。 ※カレンダーを複数作成すると上記の赤枠の下に追加されていきます。カレンダーごとに公開、非公開を設定でき、基本は非公開がデフォルトですがWEBサイトに埋め込む為には公開が必要です。 このページの先頭へ カレンダーに予定を追加するカレンダーの予定を入れたい日にちをクリックすると入力画面が出現します。 「タイトル」を入力 先ほど作成した公開用の「カレンダー」を選択します。 「予定を作成」をクリック 予定が入力されている事が確認できます。また、左側のに
IMEの予測入力のまとめ
IMEの予測入力について簡単にまとめました。 １．予測入力とは？ ある文字列を入力するとスクリーンショットのように予測入力のヒントが表示されます。 この状態でTabキーを押下すると候補が表示されます。 ２．予測入力を利用するには？ 予測入力はデフォルトで有効になっていると思いますが、以下の手順で有効にします。 タスクバーにある言語バーの「ツール」アイコンをクリック。 「プロパティ」をクリック。 「予測入力」タブをクリック。 「予測入力を使用する」をチェックして「OK」をクリック。 ３．候補になる条件は？ 同じ文章を3回入力すると次回から候補として表示されるようです。 ４．有効期間は？ PCを再起動するまで有効です。 ５．PCを再起動しても学習内容を保存するには？ PCを再起動しても学習内容を保存するには、ファイルに保存するよう、設定を変更します。 設定を変更するには、２項の手順で「入力履歴
いますぐ試したい！Feedlyをカスタマイズできる便利なスクリプト13個まとめ : 二十歳街道まっしぐら
ついに昨日、Googleリーダーがサービス終了となりました。 新しくRSSリーダーの乗り換え先を考えている方も多いのではないでしょうか。 私は当分Feedlyを使おうかと思っています。 もしよければFeedlyでも購読していただけると嬉しいです。 ↓クリックで登録できます！ そこで、Feedlyを拡張できるスクリプトとかないかなぁと探したところ、いくつか良さそうなものを見つけました。 Chrome拡張機能やFirefoxアドオンも探そうと思ったんですが、 とりあえずはGreasemonkeyで使えるスクリプトのみを紹介しますね。 たくさん試したんですが、半分くらい使えなかったりして思ったほど量は多くないです‥。 Feedlyへ乗り換えたひとは気に入ったものをインストールしてみるとよいでしょう。 RSSリーダー「Feedly」で覚えておくと便利な機能＆使い方 15個まとめも合わせてどうぞ。
Windows8にスタートメニューを追加するフリーソフト「Start Menu Reviver」
Windows8ではこれまでのWindowsに搭載されてきたスタートボタンがありません。そのスタートボタンを復活させて、さらに見た目もWindows8らしく仕上がっているのがフリーソフト「Start Menu Reviver」です。 Start Menu Reviver http://www.reviversoft.com/start-menu-reviver/ 実際に使用するとどのような動きをするかというのは以下のムービーから確認できます。 Start Menu Reviver (English) - YouTube このページの「DOWNLOAD」をクリックしてStart Menu Reviverのインストーラーをまずはダウンロードします。 ダウンロードが完了してソフトを起動すると、言語選択画面が出てくるので「OK」をクリック 「次へ」をクリック 「このライセンス契約書に同意します」を
エクスプローラーにタブ機能を追加してブラウザを操るような操作を可能にするフリーソフト「Clover」
エクスプローラーにタブ機能を追加し、複数のフォルダを1つのエクスプローラーでまとめて操作することが可能になるフリーソフトが「Clover」です。Windows XP、Vista、7、8上で起動可能。ダウンロードから操作方法までについては以下から。 易捷科技 EJIE Technology. ( Clover Brings Chrome-Style Tabs to Windows Explorer ) http://ejie.me/ 上記サイトの赤枠で囲んだ部分をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「Clover_Setup.exe」を起動。 「Next」をクリック 「Install」をクリック インストールが完了すると、タブ機能が追加されたエクスプローラーが表示されます。 一番右にあるものをクリックすると…… コンピューターのタブが表示されます。 タブを
スタートボタンのなくなったWindows8にスタートボタンを復活させる「Start8」
Windows 8ではスタートボタンがなくなるという大きな変更があり、Windows 8の購入・乗換に戸惑っている人が多くいると思いますが、そのWindows 8のスタートボタンを復活させることができるソフトが「Start8」です。もちろんWindows 8上で起動可能となっています。 ダウンロード、インストール、使い方については以下から。 Start8 for Windows 8 - Bringing back the Windows Start menu http://www.stardock.com/products/start8/download.asp 上記サイトの下部にある「Try it Free!」をクリック。 自分のメールアドレスを入力して「Download」をクリック。 入力したメールアドレス宛にメールが届くので、本文中に表示される「Download」をクリック。 ダウン
「Alt+Tab」でウィンドウを見やすく素早く切り替えられる「VistaSwitcher」
ウィンドウを何十個と開いて作業をする必要がある場合に、ウィンドウを何度もあっちへ切り替えたり、こっちに切り替えたりと収拾が付かない状態になってしまいますが、そんな苦労を少しでも軽減してくれる便利なフリーソフトが「VistaSwitcher」です。インストールと操作・設定方法については以下から。 ◆「VistaSwitcher」の機能 仕事や家で作業をしているときに、このように大量のウィンドウを開いていると、タスクバーから開きたいウィンドウを開くにも大変になり、何を開いているかも分からなくなります。 こんな場合に備えてWindowsにはウィンドウ切り替え機能があり、「Alt+Tab」を押すと以下の画面が表示され、「Alt」を押したまま「Tab」を押したり離したりすると、表示させるウィンドウが選択されて、「Alt」から手を離すと、選択したウィンドウが表示されます。ただ、このウィンドウを切り替え
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UI Movement - The best UI design inspiration, every day
http://www.checkoutpages.xyz/
http://screenpatterns.com/
Appealing | Mobile UI Animations
Loading...
Native Form Elements
友人にウェブページのそこだよ、を的確に伝えることができるオンラインサービス -inFocus.cc