タグ別アーカイブ: ユーザビリティ

[web] AJAXってなに? サンプル集へリンク



 

サンプルをみるのが早いと思いますので、
サンプルを公開しているサイトをピックアップ。
そのまま使えるのや、ダウンロードして中身を見れるのもあります。

AJAXで Cover Flow を作成する
http://blog.enviro-studio.net/?eid=258

[JS]iTunesのカバーフローのような画像ギャラリーのスクリプト
http://mediaeventservices.com/demo/gallery/gallery.html
http://coliss.com/articles/build-websites/operation/javascript/628.html

jQueryでAjaxを利用する基本チュートリアル
http://ascii.jp/elem/000/000/458/458236/

Ajaxでどんな事が出来るのかを知るサンプル集26種類 jQuery interface編
http://blog.4galaxy.net/16.html

JavaScript + Ajax 実践サンプル集 (1015本以上)
↑ほんとにそんなにあるの?見てないからわからない
それよりも、宣伝が多いので注意!!
http://jsajax.com/default.aspx

この辺が上位みたいなので、サンプルとしてはこの辺が妥当
http://jsajax.com/SamplesRate.aspx

1週間分のスケジュールを表示する
http://jsajax.com/jQueryWeekCalendarArticle1439.aspx

DHTML&AJAX アイデア見本帖
http://www.shoeisha.com/book/hp/dhtml/

JavaScriptistは、JavaScriptやajaxのサンプル/入門/リファレンス/ライブラリ情報の公開サイトです。
http://javascriptist.net/

AJAXのサンプルが山ほどダウンロードできるサイト「Ajax Rain」
http://gigazine.net/index.php?/news/comments/20070921_ajaxrain/
http://www.ajaxrain.com/index.php

Ajaxな日々
http://www.railwalker.com/ajax/

Ajax : 勉強用サンプル&解説
http://www.openspc2.org/JavaScript/Ajax/

SolidStateEveryday – Ajax,javascript,UIサンプルとチュートリアル
http://solidstate.jp/

AJAXサンプル開発者ブログ
http://ajax-world.sakura.ne.jp/blog/

JavaScript+Ajaxでサクサク動くサイトを作ろう!
http://archive.mag2.com/0000270581/index.html

チェック必須!GUIインタフェースを作るようにWebインタフェースを作成できる「Sigma Visual Ajax GUI Builder」
http://www.moongift.jp/2009/01/sigma_visual_ajax_gui_builder/

その他もろもろ
http://feed.designlinkdatabase.net/like_Ajax%E3%80%80CSS/127202_0_1.aspx

http://f32.aaa.livedoor.jp/~azusa/?t=ajax&p=jquery_plugin_navigationmenu

http://d.hatena.ne.jp/shimooka/20090325/1237953245

http://feed.designlinkdatabase.net/like_jQuery%E3%80%80スライドショー/353911_1_1.aspx

こんなところでしょうか。よいサイトあれば、教えてください〜



[web] ポータルサイトを探す。洗練されたデザイン。



 

同じような事を提供していても、ベタ面の比率や濃淡、ベースフォントの大きさ、ラインの使い方、空白の広さ、ボタンやタイトルの余白、アイコンのサイズなどで、印象がかなり変わる。
サムネイルは、ちゃんと表示できていないものもあるので、参考程度に見てください。


@nifty
http://www.nifty.com/
WEBポータル、シンプル、情報、オレンジ、ブルー、グレー、ホワイト、Ajax







AOL
http://www.aol.jp/
WEBポータル、ビビット、情報、ブルー、レッド、イエロー、Ajax







au one
http://auone.jp/
WEBポータル、ポップ、情報、オレンジ■、グリーン、ブルー■、Ajax







OCN
http://www.ocn.ne.jp/
WEBポータル、シンプル、情報、レッド、パステル、ブルー、Ajax







So-net
http://www.so-net.ne.jp/
WEBポータル、シンプル、情報、イエロー、パステル、オレンジ、グレー、ブルー、Ajax







livedoor
http://www.livedoor.com/
WEBポータル、シンプル、情報、レッド、グレー、ブルー、Ajax







goo
http://www.goo.ne.jp/
WEBポータル、ポップ、情報、スカイ、イエロー、ブルー、Ajax、大きいアイコン







MSN Japan
http://jp.msn.com/
WEBポータル、ビジネス、情報、ブルー、オレンジ、スカイ、Ajax、ベタ色、大きいアイコン







Infoseek
http://www.infoseek.co.jp/
WEBポータル、ビジネス、情報、ブルー、レッド、グレー、Ajax(記事数増減)、ベタ色、大きいアイコン







Excite
http://www.excite.co.jp/
WEBポータル、ビジネス、情報、グレー、ブルー、レッド、Ajax、文字小さめ







BIGLOBE
http://www.biglobe.ne.jp/
WEBポータル、情報、ブルー、スカイ、レッド、Ajax







careerzine
http://careerzine.jp/
職活ポータル、情報、ブルー、オレンジ、スカイ、Ajax







News2u.net
http://www.news2u.net/
企業のニュースリリースを掲載するニュースリリース専門のポータルサイト







ZDNet Japan
http://japan.zdnet.com/
ITニュース系ポータル







nikkei BPnet 〈日経BPネット〉
http://www.nikkeibp.co.jp/index.html
日経BP社の総合情報ポータル







派遣EX
http://haken-ex.jp/
派遣の仕事情報は派遣EX-大手派遣サイト・派遣会社へ一括登録
派遣ポータル、ピンク、スカイ、女性向け?







転職のネオキャリア
http://www.neo-career.com/index.html
転職支援・転職情報が豊富な転職サイト
転職ポータル、ブラウン、オレンジ、男性向け?







idsite
http://idsite.co.jp/
インテリア雑貨、家電、ライト:デザインプロダクト







ブログパーク
http://blogpark.jp/
お気に入りブロガーが見つかるブログポータル







ITpro
http://itpro.nikkeibp.co.jp/index.html
IT(情報技術)に様々な立場でかかわる方々に向けた専門情報サイト







福助ウェブショップ『f-ing』
http://fukuske-webshop.com/
オンラインショップ、カワイイ、オシャレ、ピンク、オレンジ、ムラサキ






Webデザインのリンク集 Webデザインポータルサイト S5-Style
http://bm.s5-style.com/
デザイン重視系サイトへのリンク集

Design Iketeru
http://design-iketeru.azu-mi.com/
Webデザインのリンク集



ユーザビリティ気になった記事



 

実用的なユーザビリティの10のポイント:ガイドライン編
http://coliss.com/articles/build-websites/architectonics/usability/10-useful-usability-guidelines.html

ユーザーにあなたのウェブページを容易で、そして楽しくアクセスできるようにする実用的なユーザビリティの10のポイント(ガイドライン編)をSmashing Magazineから紹介します。

この記事見て、復習しようと思う。