スマートフォンライクなWEBサイトの構築考察

HT03-Aユーザーになって6ヶ月。

rootも取ってないのでライトユーザーの範疇かも知れませんが、移動中や出先のブラウジングはコレがあると大分楽ですねー。

そんなわけで、自分がHT03-Aでブラウジングしていて、「WEBサイトをもっとこうしてくれれば、スマホでのブラウジングがスムーズなのに！」と思った事をユーザビリティ的な視点でリストアップしてみました。

• フッターリンクのクリッカブルが小さい。
  
  →よくある「1,2,3…」と続くようなページリンクや、単なるテキストのフッターリンクがクリッカブルが小さすぎて、頻繁にミスクリックしす。コレを画像ボタンや矩形リンクにしてあげると、グッと遷移しやすくなるのになー。と思います。


• 左側にメインコンテンツがあって欲しい。
  
  →HT03-Aのブラウザは左上から読みこむので、左に幅広のナビやバナーカラムがあると、メインコンテンツが目に入らないです。一番読ませたいコンテンツは左側にあって欲しいです。


• 縦長ページが重い
  
  →あまりにも長いページや、そこにどっさり画像が載せられてるコンテンツがたまにタイムアウトします。PCで言う3スクロールぐらい、画像は総計2MB以内ぐらいだとアクセスしやすいです。


• 「_blank」リンクが意外といい具合
  
  →よくユーザビリティのお話では賛否の議題となる”_blank”で別窓リンクや、JSでポップアップ施策をしているページが意外と使い易い。特に地図コンテンツやサムネからの画像リンクなどは、ほぼ見た後に元ページに遷移するので、これが「x」マークで消すのみで元ページに戻れるのがいい感じ。スマホはページキャッシュが少ないので、親窓で「戻る」といちいちリロードされて煩雑に感じました。（コレが一番意外だったなぁ）


• Flashは置換コンテンツも用意して欲しい
  
  →例のごとくHT03-AでもFlash　Playerはノーサポートです。Flashコンテンツは嫌いな人も多いけど、自分は結構好き。でもとりあえずはスマホユーザーの為に代用コンテンツがあったりすると「親切だなー」なんて感じます。
  （早くサポートしないかなぁ。。。）

といった感じです。iPhoneやWindowsケータイだとまた微妙に違うだろうけど。。。やっぱタッチスクリーン親和なコンテンツはまだまだ少ないなー、というのが率直な感想です。
「スマホからのアクセスも漏れ無く拾いたい！」とお思いの方は是非心がけてみては？
または「そんなWEBサイト作ったよーor知ってるよー」って方は後学の為に是非教えて欲しいデス。

ではでは。

WordPressを使用できる無料サービス「sitemix」

MovableTypeとオープンソースCMSとして双璧をなす「WordPress」
設置には

• 対応したバージョンの PHP MySQL がサーバに入っていること
• PHPの利用可能環境であること

等々。。無料レンタルスペースで気軽に、とはいかず、
とはいえ、チカッパやロリポで借りてインスコするほど本格的に弄りたいわけでも無いんだよなー。

てな時に、オススメのサービスを教えて頂きました。

「SITE MIX」

SITEMIXの仕様としては、

• 容量1.5G
• WordPressがインストール済
• 公開FTPサーバスペースも設けられる
• WordPressのカスタマイズ可能
• DBはいじれない
• 広告有り（有料で非表示）

みたいな感じです。
メインとして使うには手軽さと自由度がちょっと中途半端な感じですが、結構ガツガツWordPressをいじりながら勉強したい！ついでに公開も。。てのには最適かも。

もっと基礎からWPを勉強したいっ、て時には、こんな感じでローカルで開発環境を構築してしまうと、さらに勉強になるかもです。

▼参照記事
http://kachibito.net/software/php-mysql-local-server-bitnami.html

ちなみに自分はこういうのは、構築やカスタマイズして満足しちゃう一番ダメなタイプです。
反省。。。

β版リリース致しました。

テストでアメブロをリリース致しました。

無料ブログは機能制限や広告表示などのせいか抵抗がありましたが、やってみるとなかなかいいですね。制限されている中のカスタマイズもやってみると結構おもしろかったりします。

なにより、楽。もう年のせいか、これに勝る魅力はないかも。

まだ方針指針、目標など一番大事なことが決まってない状態ですが。。。

まぁ試験運用なので、ゆるゆると更新してゆこうかと思います。