プロトタイプを作るソフトウェアは Visio のような高度な機能があるものを含めて複数あります。一番最初の段階であれば紙でも良いと思いますが、Webサイト上でのインタラクションを可能な限りリアルに再現して検証するにはパソコン上で行うのが最も適しています。どのツールが良いか迷っている方もいると思いますが、どうやら Microsoft では PowerPoint 2007 がワイヤーフレームを作るツールとして使っているそうです。 2007年、韓国で開催されたカンファレンスで PowerPoint 2007 を使ったワイヤーフレームに関するセミナーがありました (Silverlight ムービー)。Microsoft には Visio があるのになぜ PowerPoint を使うのかというと、PowerPoint のほうが使える人が圧倒的に多いだけでなく共有もしやすいからだそうです。例えば Ex
サイトを作ったら試してみたいのがFive Second Testだ。 このサイトではあなたが作ったサイトのスクリーンショットをアップするだけで、簡単なUIに関するテストを作ることができる。 テストを受ける人はアップされた画像を5秒間だけ見せられて、そのあとに何を覚えていたかを書かされる、という仕組みだ。 このテストを実施することで、あなたのデザインで何が印象に残るか、もしくは残らないかを知ることができるのだ。 自分が意図したとおりにユーザーに情報が伝わっているか、きちんと確かめるのは大事だ。こうしたテストはお手軽でいいかもしれないですな。
As Button Generatorはいわゆるボタンジェネレーターです。アイコンの形状等を確認しながらリアルタイムに編集する事ができるので、今までのボタンジェネレーターのUIとは一線を画すサービスです。 また、手持ちの画像や、任意のテキストも自在に配置する事ができるので自由度抜群です。ホームページの作成等にご利用ください
筆者は日常的に、コンピュータの画面情報を音声や点字にして読むことのできるスクリーン・リーダーというソフトウェアを使用しています。コンピュータを使用する場合、画面に書かれている内容をそのままでは読むことのできない、もしくは困難である視覚障害者にとって、このスクリーン・リーダーをはじめとした支援技術はなくてはならない存在です。 今回は特に、視覚障害者である筆者が使用しているスクリーン・リーダーを取り上げていますが、今後もさまざまな支援技術についてご紹介していきたいと考えております。 それでは、当Blogでもしばしば取り上げることのあるこのスクリーン・リーダーとは、どのようなものなのでしょうか？ 今回は、当社のWebサイトで公開を始めた「動画で学ぶ支援技術 スクリーン・リーダー篇」で、実際にその音声や画面をご覧いただきたいと思います。 動画の公開にあたって 当社が過去に行ってきたセミナー終了後に
今年1年を振り返って、インターネットマーケティング関連で最も印象的だった手法をひとつ挙げるとすれば、それは断然「サイト内検索」であろう。検索という機能そのものは、広く認知されている手法だが、サイト内検索という分野において、ウェブサイトのビジネスゴールを最大化するために機能拡張が進んでいる、という点が私にとって衝撃的だったのである。 米国の大手サイト内検索ツールベンダーでEndecaという企業がある。米国の名立たるコマースサイトがこのツールを導入しているが、このツールはウェブ解析のデータと連動して、コンバージョン率の高い商品を結果表示させたり、人気の商品の中でも粗利の高いものを優先して表示させたりと、まさしくコマースサイトの「売上を向上させる」というビジネスゴールを達成させるための強力なツールとして、インターネットマーケッター達に重宝がられている。 ウェブ上の消費者心理プロセスを表す「AIS
はじめてサイトを訪れた人は、そのサイトで何をどうしたら良いか分からない状態だ。度重なるバージョンアップによって、ボタンや画面構成が分かりづらくなると特に混乱させる原因になる。 そこでツアーを作ることをお勧めする。サイトの各機能について画面を交えながら説明するのだ。最近は動画で案内するサイトも増えてきたが、これでは時間がかかってしまったり、ユーザの知りたい所とはずれる可能性もある。そこでこれだ。 今回紹介するオープンソース・ソフトウェアはAmberjack、サイトツアーを作るためのJavaScriptだ。 Amberjackを使ったツアーを作成すると、サイトの画面とともに右上にウィンドウが表示される。これがツアーの案内をする。 ツアーをしている最中はサイト画面はグレーアウトされ、クリックできない状態になっている。説明をみつつ、画面と見比べて確認できるようになっている。 そして、ツアーのウィン
Google Chart API.を超簡単に扱えるラッパークラスライブラリ「gchartphp」が登場 2007年12月14日- gchartphp - Google Code A simple PHP Object wrapper for the Google Chart API. Google Chart API.を超簡単に扱えるラッパークラスライブラリ「gchartphp」が登場。 昨日、「PHPで「Google Chart API」を扱う」で出てこないかな、と言ってたものが早くも登場。 次のようなオブジェクト指向な分かりやすいコードでGoogle Chart API を扱うことが可能です。 $piChart = new gPieChart; $piChart->addDataSet(array(112,315,66,40)); $piChart->valueLabels = arr
Developer's Guide - Google Chart API via Ajaxian GoogleにチャートAPIというものがあるとのこと。 APIの使い方は、以下のようにURLにパラメータをセットするだけです。 http://chart.apis.google.com/chart?cht=lc&chs=200x125&chd=s:helloWorld グラフのタイプは以下のようになります。 折れ線グラフ 棒グラフ 円グラフ ベン図 散布図 1ユーザあたり1日で50,00リクエストの制限はありますが、ちょっとしたことに使えそうでいい感じです。 まだ試してはいないですが、日本語が使えるとうれしいですね。
いわゆるURL短縮サービスだが、ちょっとユニークなのがURL Briefだ。 このサイトでは複数のURLをまとめて一つのURLにしてくれる。 ただ、その短縮されたURLをクリックすると全部のURLが出てくるのではない。クリックするたびにどれか一つのURLが開かれる、という仕組みである。 開かれるURLはランダムに登場させるか、順番に登場させるかを選ぶことができる。 ちょっと知恵を絞ればクリエイティブな使い方ができそうだ。おみくじ的なURLを作ることも可能だろう。 Pay Per Postが運営しているのでなんだか物議をかもし出しているだか、いないだかだが、単純にアイディアがユニークだったので紹介してみた。
微妙に不安定だが、コンセプトとしてはおもしろいのでご紹介。 FormAliveではいわゆる「フォーム」に特化したアクセス解析サービスを提供している。 フォームはユーザーや読者、顧客からの窓口となる箇所である。ここが最適化されていないとサイトの目的を達することが難しくなるのは自明である。 そこでFormAliveでは設置したフォームで何がどこまで入力されたかを追跡してくれる。 これを見ていれば「あ、ここでみんな面倒だと思っているんだ」なんてことがわかるだろう。 フォームに特化、というコンセプトがなかなか良い。Form Experience Optimization（EFO）とかそんな言葉で商品つくる人が出てきそうだと思ったり思わなかったり。
ウェブヘルパーASP版（Provided by A.A.O.）は、日本語ウェブページのアクセシビリティをWeb上で点検するためのシステムです。
AI-Powered Neuromarketing Web, Ads, Video, Signage, Packaging AI-Powered Neuromarketing Instant feedback on visuals, at a fraction of the cost and time of traditional tools. Test websites, adverts, videos, print, shelf layout, signage and packaging design. Turn visual data into actionable insights. Stay ahead of the market by leveraging AI to boost productivity and reduce costs. complete feature l
BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」。 既に紹介したと思っていたJavaScriptライブラリであるBlueShoesの紹介。 ご存知の方も多いと思いますが、知らない人も多いようですね。 ライブラリ、というより、リッチなコンポーネント集といったイメージで、次のような様々なコントロールが使えます。 WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントロール 他にも下記の様々なリッチコンポーネントが使えます。 入力系コンポーネ
WebページでスケジュールやToDoの完了日などの日付データを入力するのに、カレンダーで日付をピックアップさせるのもいいのですが、「来週の火曜の午後５時」というような自然文に近い表現で指定できたら役に立つかもなと思って作った、どちらかというと実用系のスクリプト。 「１０／１１ １３：００−１４：００」 「２日後 3:00(3h)」 「再来週金曜日」 といった表現から、JavaScriptのDateオブジェクトを作成します。 期間指定の場合は配列で開始日時と終了日時を返します。 実行例： http://stomita.web.fc2.com/dateextracttest.html ソースはこちら。 http://dateextract.googlecode.com/svn/trunk/js/dateextract.js 入力文自体が限られる環境においては、自然文の解析は予め想定されるパター
Jack Slocum's Blog Resizable Reloaded - A reusable component for resizing elements This is a basic as you get. To resize the box, position your mouse anywhere near the bottom, right or bottom right edge of the box. This example uses the default "floating" handles. リサイズ可能なブロック要素をページに作る為のJavaScript コンポーネント。 次のように、ブロック要素にリサイズハンドルを付けることができ、画像をその場でリサイズできます。 小さい画像を置いておいて、利用者が自由にリサイズするようなＵＩが実現出来ます。 Yahoo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
