Wii用に最適化されたウェブページを作ってみるテスト(動画あり)

2006/12/23

■2006/12/23 [Wiiの「お天気チャンネル」と「インターネットチャンネル」(Opera)を試す(動画あり)
Wiiの「お天気チャンネル」と「インターネットチャンネル」(Opera)を試す(動画あり)]
Wiiで快適な閲覧を期待するのであれば、Wiiの画面サイズを
意識したページをページ提供者側が用意する必要があるでしょう。
その際には上記のような画面サイズを意識することが欠かせません。

というお話をしましたが、せっかくだから試しに、
 
 Wii用に最適化されたページというのを
 
作ってみることにしました。
(といっても本当にテストを1ページだけですが)
 
■Wii用ウェブページ テストケース
http://c-kom.homeip.net/wii/
 
に「あまとも for Wii サンプル」というリンクを1つ置いています。
 
■あまとも for Wii サンプル
http://c-kom.homeip.net/wii/amatomo_sample.html
 
 
 
・・・・・(;´Д`) ナニコレ?? キタネェ
 
 
 
と思った方は、ぜひ次のムービーをご覧ください。
 
■Wii用ウェブページ テストケース

Wii用ウェブページ テストケース

MPEG-1 352×240(VideoCD形式)、37秒(6.3MB)

 
どうですか?
PCで見るときとかなり印象が違うのではないでしょうか。
 

 
私なりに考えて、Wii用に最適化されたページを作る際に気をつけたい点は
こんなところです。
 
・画面サイズは 800×512 ピクセル。それに収まってスクロールしないように、
 780×480 のdiv枠を作って、その中ですべてのコンテンツを描写する。
 
・特別なページ以外、スクロールはなるべく避ける
 マウスと違って、スクロール操作はストレスを感じる。
 
文字サイズは固定ピクセル で指定する。どうせ Opera for Wiiには
 ユーザが自分で文字サイズを変える機能がないので無問題。
 固定サイズなら「1画面に収めるレイアウト」がやりやすい。
 
・文字サイズの 最小単位は24px が妥当。20pxや16pxだと、
 読むために「目を凝らす」度合いが多くなり、ストレスが激増する。
 情報量の少ないページだったら基本28pxでもいいくらい。
 
こんな風にしてみると、いろいろUI上の制約を考慮さえしておけば、
なんだか Wiiで普通に使えるネットサービス が作れそうな気がしてきます。
Opera for Wii は Cookieも普通に喰ってくれますし、夢がひろがりんぐwww

■2006/11/13 [PS3の騒動を尻目に、Wiiの予約をまったりと済ませたりなんかして
PS3の騒動を尻目に、Wiiの予約をまったりと済ませたりなんかして]
■2006/12/02 [任天堂 Wii 入手速報! - まずは写真館(1)から
任天堂 Wii 入手速報! - まずは写真館(1)から]
■2006/12/03 [任天堂 Wii 入手速報! - いってみましょう写真館(2)
任天堂 Wii 入手速報! - いってみましょう写真館(2)]
■2006/12/05 [任天堂 Wii 入手速報! - クラコン入手とゼルダ雑感(動画あり)
任天堂 Wii 入手速報! - クラコン入手とゼルダ雑感(動画あり)]
■2006/12/07 [任天堂 Wii 入手速報! - はじWiiのビリヤードはよくデキている(動画あり)
任天堂 Wii 入手速報! - はじWiiのビリヤードはよくデキている(動画あり)]
■2006/12/09 [任天堂 Wii 入手速報! - バーチャルコンソールで買うドンキーJR(動画あり)
任天堂 Wii 入手速報! - バーチャルコンソールで買うドンキーJR(動画あり)]
■2006/12/10 [任天堂 Wii 入手速報! - パンヤ!で爽快プレイ(動画あり)
任天堂 Wii 入手速報! - パンヤ!で爽快プレイ(動画あり)]
■2006/12/23 [Wiiの「お天気チャンネル」と「インターネットチャンネル」(Opera)を試す(動画あり)
Wiiの「お天気チャンネル」と「インターネットチャンネル」(Opera)を試す(動画あり)]


2006/12/23 [updated : 2006/12/23 19:54]


この記事を書いたのは・・・。
CK@デジモノに埋もれる日々 @ckom
ブログ「デジモノに埋もれる日々」「アニメレーダー」「コミックダッシュ!」管理人。デジモノ、アニメ、ゲーム等の雑多な情報をツイートします。




« Wiiの「お天気チャンネル」と「インターネットチャンネル」(Opera)を試す(動画あり)

トップに戻る

Wiiの画面に合わせたYouTube閲覧サービス「Wii-Tube」を作ってみる(動画あり) »


▼ はてなブックマークのコメント ▼

yuiseki 2006/12/24
うーーーん、やっぱりこの閲覧環境は数年前に退行している気がしてならないのだが…デザイナが死ぬなこりゃ…
masterq 2006/12/24
ネットワークは分断されておらず、さらに記述言語が同じでも、 結局クライアント向けの仕向けはせないかんのかー 体力勝負だなー
memecy 2006/12/24
たぶんこの設定で、十時キーで上下移動しなくなるはず
B-SAKATU 2006/12/25
780×480枠内に収める。24 px 以上。制約多いな。せめて縦のスクロールぐらいはまともに使えるようにできんかね。
capelito 2006/12/26
あとで作る
picnicgraphic 2007/01/04
「Wii用に最適化されたページを作る際」→「画面サイズは800×512ピクセル。それに収まってスクロールしないように、780×480のdiv枠を作って、その中ですべてのコンテンツを描写/文字サイズの最小単位は24pxが妥当」
kenkuro 2007/02/13
すでに、wii向けウェブサイトの作り方
mmonta2044 2007/09/27
wii
nilab 2007/10/14
デジモノに埋もれる日々: Wii用に最適化されたウェブページを作ってみるテスト(動画あり)
webmarksjp 2008/07/13
ユーザビリティ
はてなブックマークで
コメントしましょう


NewスーパーマリオWiiは、多人数でやると足場の奪い合いになるのコト


「マリオカートWii」お試し走行プレイ動画、基本はいつものマリカー


マリオカートWiiが届きました。この「Wiiハンドル」は・・・。


あまとも通信 - 「マリオカートWii」の在庫復活! 正規の値段で入手しよう


「マリオカートWii」はすでに品薄サインが出ているらしい


マリオカートWii は 4/10 発売! Amazonでも予約受付開始


「スマブラX」読み取り問題に遭遇、というか1層ディスクまで・・・?


スマブラXの起動不可には2層読み取り問題が?!


スマブラXが到着、表にはデカデカと起動バグに関する注意書きが・・・


「大乱闘スマッシュブラザーズX」の発売日が1週間延期 - 原因は開発遅れ


あまとも通信 - スマブラXは在庫切れ続出! 予約合戦が白熱か?!


Wii-Tube 移転完了のお知らせ

ピックアップタグ




ブログ内検索



▼ コメント ▼

No.5961   投稿者 : 不破雷蔵   2006年12月23日 20:42

問題は完成版のWii-Operaに、ポップアップやタグブラウザ機能が備わるかどうかなんですよねぇ……。


No.5976   投稿者 : 優駿   2006年12月24日 20:12

wii持ってないので詳しいことは知らないけど、前の画面、次の画面の
ボタン位置とサイズってあのくらいでポイント出来るのかなあ。

画面の中央をポインタで指し示すのは結構難しそうに思うのだけど。
むしろ、画面の左端、右端に縦長のボタンで前の画面、次の画面ってしたほうが
操作しやすいって事はないのかなあ。


ご自由にコメントください(=゜ω゜)ノ
※管理人は多忙のためお返事はほとんどできません(スミマセン)。
スパムおよび本文と無関係なコメントは削除対象になる可能性があります。


保存しますか?




★コミックダッシュ! 10,000人突破ありがとうキャンペーン!(9/18~10/23)
 
デジモノに埋もれる日々 : (C) CKWorks