忍者ブログ
管理人がどうやってオンライン小説サイトを作っていったのか、その実体験によるノウハウや悪戦苦闘の日々をつづるWEB小説制作日記ブログです。 ちょっと変わった独自システム付きのネット小説サイトを運営しています。
[39]  [38]  [37]  [36]  [35]  [34]  [33]  [32]  [31]  [30]  [29
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

小説サイト制作を始めた当初、自分はあまりスマートフォンやタブレットでのサイト閲覧を想定していませんでした。
 
そもそもサイト制作開始当初はタブレットもスマホも持っておらず、PC(パソコン)とスマホ・タブレットとの使い勝手の違いなど、まるで分かっていなかったというのもあります。
 
…で、ほぼPCで閲覧した場合のことのみを考えて、サイトの利便性やエンターテイメント性などを追求してきたわけですが…
 
タブレット端末を購入して実際に自分のサイトを閲覧してみた際、重大な事実に気づきました。
 
それは「タブレットだとロールオーバー効果が無意味なモノと化している!」という事実です。
 
ロールオーバーとはPCなどでサイトを閲覧している際、マウス(矢印ポインタ)をボタンや画像などの上に持って行くと、そのボタンや画像がマウスが乗っている間だけ変化するという効果です。
 
しかしタブレットやスマホには、そもそもマウスが存在しません。
 
自分はこのロールオーバー効果を使い、メニューボタンや項目名の上にマウスが来れば、そこに描かれたマスコットがフキダシでその内容を案内してくれるだとか、
    

    

オリジナルノベル・ロゴ
ファンタジー小説サイト「言ノ葉ノ森」TOPページの項目名ロゴ。
 マウスONで小鳥の左上にフキダシで説明が出ます。)

あちこちマウスを動かしてみると、マスコットのセリフが変化したり
   
 
プロフィールページの「ビジュアルガイド」から。
 プロフィールページはマウス(矢印カーソル)位置により猫のセリフが変化します。
 (一定時間放置していても変化はしますが…。)
 
隠しキャラが出現したり、
   
星見表
   ↓
隠しキャラ1
 
隠しキャラ2
(いくつかある★のうちのどれかの上にマウスをONすると、隠しキャラが出現)
 
画像が変化するなど、
   

空織のドレス(昼)昼のドレス
「夢見の島の眠れる女神」9章の「空織のドレス」用語解説にある画像。
 マウスONでドレスに鳥が現れます。)
 

「夢見の島の眠れる女神」9章ルビ有・ファンタジーレベル強Ver
 「空織のドレス」用語解説にある画像。
 マウスONでドレス画像が夕焼け→夜→朝焼けに変化します。) 
 

「夢見の島の眠れる女神」3章の「ラウラ」の用語説明にある画像。
 マウスONでちびキャラが動き出します。)
 
様々な「しかけ」をサイトに施していたのですが、それがほとんど意味の無いモノと化し、PCで見た時に比べ、スマホ・タブレットで見た際に面白さが半減してしまうという事態が発生してしまいました…。
 
まぁ、タブレット等であっても、マウスを乗せる代わりにその部分をタップ(タッチ)することで、ある程度ロールオーバー効果を発動することはできます。
 
が、適当にぐるぐるマウスを動かしていれば発見できるPC版とは違い、スマホ・タブレットの場合は「そこを狙ってタップ」しないと効果が発動しない分、「隠しコマンド」的に隠されたロールオーバー効果を見つけるのはなかなか大変だと思います。
 
それに、ロールオーバー効果のついたボタンが「他のページへジャンプするリンク」のボタンになっている場合は、タップすると他のページへ移動してしまうので、すぐにはロールオーバー効果が見られません。
(他のページへジャンプした後、元のページへ戻るとタップした部分の画像が変わっているのですが、わざわざ戻って確認する方はなかなかいないと思いますので、やはりここでもロールオーバー効果は見つけづらくなってしまうと思います。)
 
残念ながら、この問題を解決する手段は現在まだ思いついていません。
(ネット検索すると「スマホでのロールオーバーの代替手段」のような記事はいくつか出てくるのですが、結局はタップしないといけなかったりするので「それだと意味が無いんだよなー…」という感じで、結局解決策が見出せないままでいるのです…。)




ちなみに、マウスONしなくても自動的にアニメしている「しかけ」も存在します。
   ↓

「夢見の島の眠れる女神」9章ルビ無・ファンタジーレベル強Ver
 「空織のドレス」用語解説より。)
 

「夢見の島の眠れる女神」9章ルビ有・ファンタジーレベル弱Ver
 「空織のドレス」用語解説より。)


拍手[0回]

PR
ブログ内検索
ブログ更新&チェックについて。

このブログは管理人に時間の余裕がある時にちょこっとずつ更新していく予定ですので、更新やチェックの頻度はおそらく数週間に1回~下手をすると1ヶ月以上の間が空いてしまう可能性も…。
もし更新が滞ったり、コメントくださって返事がなくても「あぁ、仕事が忙し過ぎて時間が無いんだな」と気長にお待ちいただければ幸いです。

ブログもくじ
ブログ記事一覧

(サイトと連動して作ったこのブログのもくじです。手動更新のため、最新記事などは入っていない可能性が高いです。)
管理人プロフィール
HN(ハンドル・ネーム):
津籠睦月(つごもりむつき)
職業:
社会人(毎日PCを使う仕事。残業も休日出勤も普通にあります。)
趣味:
小説・HP制作、読書、猫と遊ぶこと。
好きな小説ジャンル:
ファンタジー、冒険、恋愛、青春、推理、濃い人間ドラマの展開するモノ。
備考:
漢検2級(準1以上は未受験)。国語の最高偏差値80(高2時点)。

オリジナルのWEB小説サイトを運営しています。
猫好きです。
HPにも小説内にも気づけばあちこちに猫が…。
各種WEBサービス公式リスト
↑ 下部のURL( twitter.com/i/… )をクリック(タップ)でリストが表示されます。
webサービス不具合情報
参加ポータルサイト

人気ブログランキング
参加しているポータルサイト(ランキング)です。
相互RSS
アクセス・カウンター
小説サイト「言ノ葉ノ森」関連Tweetまとめ
P R
忍者ブログ [PR]