HTMLメールのレスポンシブ対応で出来ること
HTMLメールのスマートフォン対応はどうするべきか?の続きです。 前回はHTMLメールのレスポンシブ対応する際の、HTMLメールならでは制限についてです。 HTMLメールはTableレイアウトが主流 今時WebサイトをTableレイアウトでマークアップする会社は無いと思いますが、HTMLメールはTableレイアウトが主流です。...
View Articleスマートフォンサイトのユーザビリティを下げるアンチパターン
モバイルデザインパターン― ユーザーインタフェースのためのパターン集を読んで、スマートフォンサイトのアンチパターンも作りたいと思ったのがキッカケで作ってみました。 独断と偏見で評価しています。 反応エリアを探させるアコーディオン 「お金から探す」周辺のリストがアコーディオンになっていますが、テキストの部分をタップしても何も動作しません。 プラスアイコンの部分をタップしないと反応しないのです。...
View ArticleLINE POP:判断に迷ったUI
流行のLINE POPはデザインはキレイで使いやすいアプリではあるものの、判断に迷ってしまう使いにくいUIがあったので紹介します。 判断しにくいアラート画面 気になるUIとは、ネットワークエラー時に表示されるアラート画面です。...
View ArticleLINEで送るボタンを実装(MTのタグもあるよ)
ついに公式からLINEで送るボタンが公開されたので、早速実装しました。 実装方法 実装手順は下記の通り簡単です。 公式サイトからボタン素材をダウンロード 素材した画像をサーバにアップロード 公式サイトのサンプルコードを編集してHTMLに貼り付ける facebookに比べて簡単ですね!...
View ArticleCSSだけでローディング演出
ローディング画面は今までGIFアニメで実装するのが当たり前でしたが、CSS3 animationsを使うことによりCSSだけで実装することができるようになりました。CSSアニメーションはスマートフォンのロースペックで、少しでも容量を軽くしたいデバイスにたいして特に効果を発揮します。 今回はいくつかサンプルを作ってみたのでご紹介します。 目次 拡大して消滅する カラフルバーが点滅 文字がが跳ねる...
View Articleアイコンを使うときに意識したいこと
シンプルなデザインをする上で欠かせないのがアイコンです。特にスマートフォンアプリやサイトではアイコンが頻繁に利用されています。特にピクトグラム系のシンプルなアイコンが多い印象です。 このアイコンについて自分の考え方をまとめてみました。 A picture is worth a thousand words 古今東西、絵の表現力の素晴らしさは様々なところで語られています。例えば、 A picture...
View Article毎月無料でフォトブックが作れるnohanaを利用してみた
多少なりとも写真にこだわるようになってから、どうしても「リアルのフォトブックが欲しい!」と思うようになり安価で作れるサービスを探していたところ、nohanaというサービスを見つけたので今回はこのサービスを紹介します。 nohanaとは?...
View Article1人3000円〜できるリモートユーザーテスト
タスク(ユーザに操作してほしい内容)を登録するだけで数時間~1日後にはタスクに沿ってユーザが操作した動画が手に入る、リモートユーザーテストが体験できるワークショップに参加してきました。 そこで今回は、リモートユーザーテストを利用した感想を書きます。 リモートユーザテストとは?...
View Articleスマートフォンアプリ:初回起動時のガイドパターン
アプリの世界観や操作方法を伝える手段として、初回起動時にガイドを表示することが多くなってきました。 そこで!なんとなく気になったので、どのようなパターンがあるのか独断と偏見でまとめることにしました。 操作方法を伝えるパターン アプリの価値や操作方法を伝えるために表示するガイドです。 Yahoo!ニュースのアプリでは、世界観と共にジェスチャー操作の方法を伝えています。...
View Articleスマートフォンサイトは必要ない?
facebookを眺めていたら、8割以上の人、スマートフォン専用サイトの必要性を感じていないことが判明という調査結果が公開されていることに気づきました。 あまりにも作為的すぎると感じたため、あまり得意ではないのでですが、反論してみたいと思います。 スマートフォンサイトの利便性 この調査では、まずはじめにスマートフォンサイトの利便性について調査しています。 結果はこの通り。...
View Article
More Pages to Explore .....