スポンサーサイト

一定期間更新がないため広告を表示しています

| - | | - | - |
amazon,アフィリエイト2.0,電脳卸の商品を混在してレイアウトできるAJAXツール
ようやく「AJAX+アフィリエイト」のツールが完成しました。
AJAX+アフィリエイト

ポイントは、

アマゾンとビッダーズ・アフィリエイト2.0と電脳卸の商品を同じレイアウトにどんどん追加・削除してアフィリエイトリンク一覧を作成できること。

あと、

AJAXで軽快&グラフィカル。

今回はウェブサービスの部分の大半はライブラリを使ったのですぐにできたんだけど、インターフェースデザイン的に洗練されていてカッコいいものを目指していたので、そこに時間かかってしまった。やっつけじゃないけど、早く絵的に完成したものにしたくて気があせって、結果インターフェース部分をいじっているjavascriptはすごいグダグダなコードになってます。。僕はカッコよければどうでもいいけど。

余談ですが、僕はすごい飽きっぽいのでこういうちょっとしたもの作る場合はかなり気合いれていっきに作らないと、もう次の何かに興味が移ってしまうんですね。それがわかっているので、毎回長くても1週間かからないでできるものを作るんですが、今回は本業が忙しいこともあって2週間くらいかかりました。プログラム1週間、インターフェースの作りこみ1週間くらいですね。

本業でもそうですけど、このインターフェースデザインというのがすごいくせものです。
新しいカッコいいインターフェースを作る!と気合いれると最初のアルファ版というのは恐ろしく使いにくいものが出来上がってきます。当たり前ですが、インターフェースというのは使う人の経験則で大部分が成り立つものでして、たとえば車の操縦は各国一緒なのは歴史的に熟成されて誰でも免許をとる前から親しんでいるから、スーッと入れるんですね。上手かどうかは別にして少なくともハンドルとブレーキとアクセスくらいはなんとなくわかるわけです。でもこれがアフリカとかで車のない文化圏で育った人には全く理解できないはずなんですね。あとはたとえばビデオとかAV家電のリモコン操作とかは、再生とか録画とか必要最低限の操作というのは各社で統一されているんですけど、予約録画とか独自の機能というのは各社でリモコンのデザインや操作がまるで違うので、新しく買い換えたりすると慣れるまでに大変だったりします。

ウェブのインターフェースも一緒でいくらカッコいいと思うものを作ってもこれまでの概念だったり、メタファーを逸脱したものというのは、見た人がどうすればいいのかわからなくなってしまうんです。これFLASHのサイトとか特に多いですが。で、AJAXで自由に作ってしまうとこれに近いことが起こります。これまでのwebでサーバとのやりとりの代表はフォームを使ったGET/POSTでした。GET/POSTというのは非常に構造としてシンプルなんですね、「送信」ボタンを押したところで、いったん操作シーケンスが終了、リセットされるんです。ここで情報のやりとりが行われていることがなんとなくネットをしていれば経験としてわかるんです。

AJAXの場合は非同期で通信をするので一般的にこの情報のやりとりがされている「タイミング」がわかりにくくなるんですね。エンジニア・デザイナー的には自由度があがって面白いんですが、一般の人、AJAXなんて?な人からするとちょっとわかりずらくなるんです。なのでデザイナーはこのエンジニアと一般の人の差をうめるために、メタファーなり以前の操作感をとりこみつつ作りこんでいく必要があるんです。

で何が言いたいかというと、すごい前置きが長くなりましたが、今回僕はECサイトの「ショッピングカート」っぽいメタファーを使ってインターフェースを作りました。そしてこれにAJAXで味付けしたというか、よりスムースに行えるようにしたかんじです。

ECサイト:商品検索→カートへ入れる→決済

altertools:商品検索→カートへ入れる→アフィリエイトリンクの作成


ひさびさに長く、本題とあまり関係ないエントリーになりましたが、ようやく公開できたので次は別のASP追加するかなぁと思ってます、楽天かヤフーショッピングあたり。そのまえにテンプレートもっと充実させなきゃ。んでそのもっと前にちゃんと使い方の説明ページつくらなきゃ。。僕的にはこれが一番億劫なところでして、はじめにインターフェースとは何か、誰でも使えるように作れ、みたいにエラそうに言いつつも説明が必要なものをいつも作ってしまっていたり。。

あとなんだか電脳卸のウェブサービスは2ページ以降はエラーが戻ってくる。普通にRESTしてもそうなのであっち側の不具合みたいですね。IEでしか確認してなかったけど、firefoxで一応見てみたら最低限必要な部分はちゃんと動いていたのでとりあえず気にしないでおこっと。。

Apple iPod nano 4GB グリーン MA487J/A
Apple iPod nano 4GB グリーン MA487J/A
Apple iPod nano 4GB ピンク MA489J/A
Apple iPod nano 4GB ピンク MA489J/A
Apple iPod nano 4GB ブルー MA428J/A
Apple iPod nano 4GB ブルー MA428J/A
Apple iPod nano 4GB シルバー MA426J/A
Apple iPod nano 4GB シルバー MA426J/A
Apple iPod nano 4GB ブラック [MA107J/A]
Apple iPod nano 4GB ブラック [MA107J/A]
アフィリエイト作成ツール
| ajax/javascript | 03:57 | comments(0) | trackbacks(0) |
スポンサーサイト
| - | 03:57 | - | - |
コメント
コメントする









この記事のトラックバックURL
http://4creaters.jugem.jp/trackback/69
トラックバック