新米デザイナーの日報|design tracks » モバイル

久しぶりの更新

ts — Sun, 08 Aug 2010 13:00:09 +0000

この5ヶ月間で横浜に引っ越して作業場作ってガシガシ更新していくつもりでしたが、全くネタがなく。。。
gremzが大変だww

そんなこんなで最近はモバイル向けのメルマガに関して情報収集すべく、モバイル関連の書籍を4冊買ったり、ネットで調べているのですがあまりまとまったモノがなく困ってます。でもやんないといけないので、少しずつかき集めてココにでもまとめられたらいいなー。

googleストリートビュー福岡にも対応

ts — Sat, 05 Dec 2009 16:14:13 +0000

ついに対応したんですね。
まだ全然見てないですが、時間があるときに見てみようと思います。
馴染み深い博多駅とか天神、キャナルシティとか前勤めてた会社の周りとかいろいろ変わってるみたいなんで。今年はこれで我慢して来年はさすがに帰りたいです。

最近googleネタが多いような感じがします。その度にいろんな企業がヒヤヒヤしていたりするので、googleはまだまだ影響力があるなと。PCだけでなくモバイル側のgoogleはdocomoやauでアルゴリズムが違うのかわかんないんですが、いろいろと大変です。またモバイルはPCに比べSEOに関する情報が少ないので、日々試行錯誤です。順位が上がり安定しだすとその努力も報われるんですが。。。

auで画像間に余白

ts — Mon, 16 Nov 2009 17:14:23 +0000

今日携帯のテスト機にて検証を行ったのですが、auのみ画像間に余白があったので解決策を。

レイアウト目的でtableタグを使うのはやっぱり抵抗ありますが、他にやりようがなさそうなので仕方ないです。注意としてはdocomoでこれをやると逆に余白ができてしまうみたいです。

モバイルトップのリニューアルは無事終わりました。与えられた課題は何とかクリアして一安心ですが、結果が付いてくるまでは何ともいえない日々が続きそうです。

今週はモバイルday

ts — Sat, 14 Nov 2009 15:56:43 +0000

今週はモバイルについてあれこれ考えてたり、いろんな特集があったりでいつも以上に効率よく進めないとマズい週でした。
そんな中で自分なりにモバイルサイトを制作する上で今後も頭にいれておきたいと思ったことがあったので備忘録までに。

・marqueeタグ
まだまだPCに比べて通信速度が遅いので、画像等の容量を頑張って削っても全て表示されるまで少し待たないといけません。そんなときにmarqueeを上部（ファーストビュー）に入る位置に設定することで、ただ待つよりも何か読んでいる方がストレスが感じられません。

・背景色
サイトによりけりですが、まだ画像の横幅は240pxもしくは230pxで作成します。ですが、機種によりバラバラなので画像＋背景色を使うことを考えて上手くデザインすると、例えば各カテゴリーごとにタイトル画像で区切っていた場合、画像だけだと横に隙間ができたりしますが、できずにきちんと区切りがわかったりします。

・ページ容量
機種によって最大容量は違って100KBとかそれ以上、それ以下の場合がありますが、30KB多くても50KBぐらいに抑えないと個人的には離脱する割合がぐっと高まる気がします。ただこればっかりは対象機種によってもっと多くしたり少なくする必要があると思います。

・リンク
PCと違ってやっかいなのがリンクだなと最近感じてます。モバイルで画像リンクにすると作り方にもよりますが非常にわかりにくいです。理由は機種によりアクティブ時の枠線の色が違うのである携帯はわかりやすいけど、こっちでは画像と同化しちゃってわかりにくいなんてことがよくあります。なんで、画像にする時は一緒にテキストもリンクにしてあげることでわかりやすくなります。

他にもいろいろとあったのですが、忘れてしまいました。
今回はリニューアル作業を行いましたが、コーディングだけでなく構成とか数値系のとこまで考えて作業できたので充実感があります。これで結果も付いてくるといいのですが。まだまだ今年中にやりたいことがあるので密かに企画中です。来週もがんばります！！

昨日はPCやモバイルなど

ts — Wed, 04 Nov 2009 21:49:45 +0000

昨日はPC側のコーディングやgoogleウェブマスターツールの諸設定、モバイル側の仕様詰めなど盛り沢山でした。特にモバイルはまだまだ知らないことがたくさんありまして、近いうちに最低限運用で必要なレベルの仕様を作成しようと考えています。
容量や文字に関しては特に注意が必要みたいで、auのみなのかまだ調査が必要ですが、全角と半角カナを混ぜると、半角カナ部分を一まとまりと見て、一行内に入りきれない場合改行してしまうようです。

Firefoxは今後どうなるのやら

ts — Fri, 23 Oct 2009 19:29:03 +0000

少し前に、いつかのバージョンアップでFirefoxのブラウザ上の画面が傾き？に反応するような話がでており、会社の人と用途とかいろいろ話していました。
ですが、もう3.7や4.0の話が出ていたりで。楽しみといえば楽しみなんですが、正直ブラウザチェックがしんどくなるようなことだけはしていただきたくないなと思ったりしました。Firefoxはまあ安心ですね。

最近になってやっとモバイルサイトリニューアルのプロジェクトが動き出しました。当初構成、デザイン、コーディングまでいろいろと任せられてましたが、人員や年末に向けて複数プロジェクトが動き出し始め、構成とコーディングだけという形になりました。もちろん自分のデザインスキルを考えると仕方ないのかもしれません。
正直めちゃくちゃ悔しかったです！！企画の人と何ヶ月も前からいろいろと提案や相談を行ったり、デザインパターンをいくつか作ったり…想いが強くなってたんで。
まあそんなこんななんですが、改めてモノ作りが好きなんだなと実感できたので良かったです♪モバイルサイトに関してはキャリアや機種間など含めコーディングのことも考慮しないといけないので、デザイナーさんとあれこれ相談して絶対成功させたいと思います。

またまたFlashの動きが気持ちいい「おいしいカスピ海ヨーグルト」

ts — Sun, 16 Aug 2009 08:24:44 +0000

カスピ海ヨーグルトはあまり食べたことがないですが、Flashの動きが気持ちよかったので紹介します。
メニューをクリックすると、右上からヨーグルトのごとくとろーんと写真がテキストが表示されていいですね！！
レシピページの動きもイージングが上手い具合に調整してあり、どんどん次に進めたくなります。
テキストの内容だけでなく、動きでそういうところを訴求できているのはすごいですね。

モバイルサイトも結構とろとろしてます。

GPSを使ったゲーム「しらべる」

ts — Sat, 15 Aug 2009 17:30:38 +0000

またまたカヤックさんが面白いサイトをリリースされていましたので、紹介します。
簡単な内容はGPSを使ってアイテムを組み合わせて洋服や武器を作り、近くの人とコミュニケーションをとるみたいです。
秋にはiPhoneやAndroidにも対応し、リアル世界でのカフェなどの店舗と連動した広告展開なども計画されているそうです。
まだまだモバイルはPCと比べて技術が劣っていますが、未来がありますね。PCと比べてモバイルは身近な存在なので、リアルとつなげるには最高のメディアなのかもしれません。
いろいろと挑戦できる環境は良いですね♪もちろん大変なことも多いかもしれませんが。

365日新たなデザインに触れることができるカレンダー

ts — Sat, 15 Aug 2009 16:51:30 +0000

もう少し発売まで待たないといけませんが、とても楽しみです。
これだとオフィスや自宅に置いたら制作意欲が掻き立てられてよい刺激になりそうですね。
待てずに購入したその日に全部見てしまいそうですが。。。
モバイル版も考えられているみたいで、なんか最近こういうのが多いような気がします。
「美女暦」や「ユニクロカレンダー」などなど。

ActionScript3.0って難しい。

ts — Mon, 10 Aug 2009 13:22:17 +0000

やっと最近「速習WebデザインActionScript3.0」を読み終わりましたが、まだまだ掴めてないです。
今日はちょっとレベルを上げた「数学・物理学表現…」の方を読んだのですが、いきなりpackageやextendsなどはじめましてな単語がもりもり出てきてギブアップしました。なので、また明日から速習をじっくり理解するまで頭に叩き込みたいと思います。1日でも速くフルフラッシュのぐりぐりしたサイトを一人で作成したいものです。
最近はFlashばっかりやっているのでサイトみたりだとかのインプットができていないのですが、とりあえずFlashがもう少し体にしみ込むまではこんな生活続けたいと思います。早朝カフェでmacをカチャカチャするのも爽快なんで♪

今日はモバイルサイトの仕事をお持ち帰りしてしまったので、サクサクとやっつけたいと思います。目標は後1時間後には楽になりたい！！