モバイルサイトにおける魅せ方[絵文字編] : LINE Corporation ディレクターブログ

こんにちは、『livedoor 歌詞』や『livedoor グリーティング』を担当している吉沢です。今回は、モバイルサイトの装飾に欠かせない、絵文字の効果的な使い方をご紹介したいと思います。 “装飾”と聞くとデザイナーの仕事のように思いますが、モバイルディレクターは、新規サイト立ち上げやサイトリニューアル以外は、UIやデザインを考えながらコーディングしていくため、絵文字を効果的に使えるセンスが必要になります。絵文字を効果的に使えると、少ないリソースで画面を装飾することができ、ユーザーにはテキストが直感的に理解されやすくなります。 それでは絵文字の効果的な使い方についてご紹介していきましょう。 こちらは装飾前のテキストになります。

[XIAORING]

絵文字

[dozo]

ふむ

[t_43z]

絵文字って一切使ったことないから、ケータイサイトをいざ作ることになったときには苦労するのかなぁ。

[studio-no9]

livedooディレクターBlogで数少ない良い記事[writing]

[ladybug_1103]

...docomo用サイトを例に絵文字を使って完結にテキストを表現。携帯サイトらしい感じ。

[motofu]

ーザーに強くアピールしたい部分を考えながら単語と助詞に切り分け／絵文字の選び方は、コンテンツ内容とそれぞれの単語を補完するようなものを選び、単語の前後に配置

[KoshianX]

うああ、すごくやりたくないけど参考になる……

[noriaky]

なるほど

[hiro_y]

絵文字の効果的な使い方。

[lockcole]

絵文字を効果的に使ったテキストをデザインする技法。品詞を分け，個々に適する表現の絵文字を入れ，強調したい文字に色をつけ，バランスを整える。ちゃんと考えられてるんだな。勉強しなきゃ。

[blogpants]

これは、意外と参考になりそう！

[popup-desktop]

絵文字の効果的な使い方

[tsupo]

絵文字を効果的に使えると、少ないリソースで画面を装飾することができ、ユーザーにはテキストが直感的に理解されやすくなります

[onk]

これは参考になる．普段のメールが顔文字ばっかり使ってることもあって，絵文字の使い方ってイマイチ分からないんだよなぁ．

[komz]

絵文字

[sasakill]

なるほど。