ユーザビリティ｜WEB制作・WEB開発のTips＆News Kamimoto.biz Labs

2009年7月22日

今月から、まともに取り組み始めたTwitter。

なんと、先週末から勝間和代さんが参入して、Twitter界では勝手に盛り上がってたりします！

ちなみに、ぼくは今、下記の2つでやっています。

神本のTwitter

モバイルデザインアーカイブのTwitter

で、最初、サイドバーにFlash形式のブログパーツ置いてたんですが、いかんせん重い。。。

すんごく重い。。。

モバイルデザインアーカイブでも、1通ユーザーの方からメールをいただきました。

「重いです」と。

なので、あっさりおろしました。

ただ、いいブログパーツがないんですよねー

いいのがあればいいんですが。。。

あっ、でもこれは軽い？？

Twitch beta

• twitch
• twitter
• ブログパーツ

2009年7月 2日

Web制作･開発のための今日のブックマークです。

今日はモバイルのブックマーク。

・デザイン主体のモバイルサイトとオフラインでの活動

モバイルサイトのデザインを考える時は、いかにストレスを感じることなくサイトを表示することができるかが一番のポイントとなります。 そのサイトに合ったデザインを考え、画像ひとつひとつができるだけ軽くなるように減色作業を行い、必要最低限の画像しか使わないようにしています。

大事なポイント。
ただ、やはり機種ごとの対策をどこまで行うかは、予算が青天井じゃない以上、神経質になるところだ。

・モバイルの人
更新とまってるけど、おもしろいブログ。
資料としての価値もありそう。

・Mobile Design Pattern. Stylish Widget in Mobile

A widget is very important in mobile. Without widget mobile became very simple.

知っときたいポイントが満載。

• livedoor
• nokia
• ui
• widget

2009年6月19日

Web制作・開発のための今日のブックマークです。

・「アドビ vs Web標準」の決着はどうなる
読む価値ありです。

それでもFlashの重要性の低下は不可避だ

・Flashを応用して便利にファイルアップできる「SWFUpload」のjQueryプラグイン
jQueryでいけます。

・[JS]CSSスプライトにスライドやフェードのアニメーションを加えるスクリプト -SpriteMenu
きれいなナビゲーション。

・さらなる"ユーザー中心設計"を目指すために ［最終回］
今年の下半期のWeb業界のテーマは、UI・IAになるんではないかと思っています。

• Adobe
• Flash
• jQuery
• アップローダ

2009年5月30日

Web制作･開発のための今日のブックマークです。

・ケータイ各社のメールアドレスについて改めてまとめてみました
ウィルコムは完全におまけ扱いです。

・Google対抗「Bing検索」を写真でチェック
とりあえず、日本語版を見てみないことには何とも言えない。
6月3日っぽいです。

でも、日本語ベータ版は、エンジンは反映されないようです。

「Live Search」から「Bing」へ、MSが検索サービスの新ブランド

日本では、6月3日より「Bing」のベータ版を提供する。ベータ版は、ページのデザインのみ「Bing」になり、エンジンは従来の「Live Search」を使用する。

• Bing
• Live
• Microsoft

2009年5月25日

Web制作･開発のための今日のブックマークです。

・iモードがJavaScriptやCookie対応、Flash動画も
進化してます、ドコモのi-mode。

・iモードブラウザ2.0｜NTTドコモ
本家NTTドコモの公式サイト内のiモードブラウザ2.0。

・Googleが目指す最高の検索UI
目指すものが高ければ高いほど、いいものが作れる。

• Google
• UI
• i-mode
• ドコモ

2009年5月24日

Web制作･開発のための今日のブックマークです。

・元気モバイル、ドコモ2009年夏モデル向けの新作ゲーム

ドコモの2009年夏モデルでは、従来よりも仕様拡張された「iモードブラウザ2.0」が利用できるようになっており、Flashゲームでも方向決定キーで操作できる

いよいよ方向決定キーで操作できる。

・セッションハイジャック　ASP利用には注意が必要
セキュリティのお話。

・本当はすごい、知られざるGoogle Maps APIたち!!
ある意味、使い古された感のあるGoogle Maps API。
でも、いろいろとできそうです。

・アイトラッキングの実験からわかった12のWeb戦略
「小さい文字はよく読まれる」
「パラグラフは短い方が読まれる」
「要約はよく読まれる」

・アウトプットやインプットが増えれば増える程、仕事量が低下する

つまり今まで普通にインプットできていた情報も、アウトプットする媒体が増えると、仕入れられなくなるという事態に陥ったのです。（中略）という事は、インプット時間が増えれば増えるほど、アウトプットできなくなる。

• docomo
• iモード
• アイトラッキング
• 携帯

2009年5月12日

Web制作・開発のための今日のブックマークです。

・ディップ、情シスをSaaSからパッケージソフトに「逆移行」　コスト7割減へ
→状況により、SaaSばかりがいいとは限らない。
逆に言うと、提案者側はそこを提案の軸に据えることができる。

・ユーザビリティ改善の費用対効果を測る6つのステップ（後編）
→ユーザビリティのお話。

・Webデザイン劇的ビフォーアフター09年春版
→モバイル版を運営中のモバイルデザインアーカイブでぜひやりたい。

・コナミコマンドを仕込む方法
→最近流行りのコナミコマンド。

・FlashとSilverlight、ベストな適用ケースまとめ
→2つのRIAの得意なものとは。

• SaaS
• コナミコマンド

2009年5月 8日

Web制作・開発のための今日のブックマークです。

・月イチ・ナイト「Web Designer Inspire Night」レポート　第1回　デザインは問題解決をすること―山田あかね氏
→「デザインは問題解決をすること」

「デザインという言葉は，一般的にビジュアル面（見た目を飾る装飾的なもの，感性やセンスで生み出される）という部分がフォーカスされがちですが，実はそれは狭義の意味でのデザインです。実際にデザインされたものを観察すると，驚くほど計算された考えが詰め込まれています」

デザインの本質。

「デザインは，機能・使われ方・素材の特性などさまざまな条件をおりあわせてかたちが決まるもの。すなわち問題を解決する結果として生まれるものです」

発想自体は、興味のある交通デザイン（案内板やピクトグラムなど）などの身近なものからアイデアを得られているみたいです。

・テストリーダへの足がかり，最初の一歩　第4回　テスト分析（後編）
→1ページ目は、テスト分析についてというよりも、むしろ"新社会人"向けの内容ですね。
「誰のためのドキュメントなのか確認する」
「表紙をおろそかにしない」
「抽象度の高い言葉は注意して使う」
「方針の根拠を明らかにする」
「疑問点は必ず担当者に確認する」

・週刊Webテク通信　2009年4月第4週号　1位は，Web制作者のためのオンラインプレゼンテーション資料／気になるネタは，朝日新聞，講談社，小学館など無料辞書サイト
→ユーザビリティとか。

・PCのメディア再生/Webアプリ環境、「Silverlight」は24％、「Flash 10」は58％
→いつも思うのが、最新のものを入れていない人がいるという事実。
自動アップデート機能があるんだから、普通にやっていれば最新verが入るんですけどねぇ。

・なぜPHPアプリにセキュリティホールが多いのか?　第24回　無くならないSQLインジェクション脆弱性
→SQLインジェクションについて。

• 今日のブックマーク

2009年4月24日

私は、このWeb制作ブログ以外にも、SEOブログ、プロデューサーブログ、そして、おまけのフットサルブログなども書いています。

そして、当然、会社に属してのいわゆるビジネスブログも書いてます。

そのビジネスブログについて、面白い記事があったのでご紹介。

ビジネスブログで失敗する７つの理由

全般的に「なるほど」と思わせていただける記事ですが、下記が一番印象に残ります。

mixiで書くような日記との違いが明確に出てる部分ですね。

引用します。

• お気に入りに追加しようと思いましたか？
• 字は小さくないですか？
• 字の色などごちゃごちゃして読みにくかったですか？
• なにか役に立った気分になりましたか？
• 嫌な気分にならなかったですか？
• 他にも読んでみたい記事がありましたか？
• トップページの時点で読む気をうせませんでしたか？
• どこをクリックすればよいのかわかりにくかったですか？

ビジネスブログも含めて、ブログは「相手に"負担"をかけず、新しい"情報"を提供する」ことにありますからね。

その点、ユーザビリティは最低限おさえると。
したがって、無料ブログを使っているのであれば、デザインの華美でなくて、"見やすさ"を考慮して、テンプレートを選びましょう。

そして、自分がそれまで知らなかった情報は、まだ見ぬ相手が知らない情報かもしれません。
そうしたことでもいいので、積極的に発信しましょう。

• ブログ
• ユーザビリティ

こちらで紹介してるWEB制作・WEB開発は、各種サービスサイトでご相談ください。各種ライブラリ（Prototype.js、script.aculo.us、jQuery）によるAjax開発、Movable Typeサイト制作のサイトへぜひ一度アクセスしてみてください。

• サイトマップ
• お問い合わせ
• ホームページ制作
• Web制作アイデア
• HTMLコーディング
• SEO
• SEO対策情報ブログ
• ウェブデザイン
• twitterデザイン
• twitterサービス
• twitter情報
• 動画まとめ
• 音楽動画