自分を表現するのに最適な自分だけの空間、デコレーション機能

2020年8月3日、コミュニケーションアプリ「LINE」のプロフィール画面が新しくなりました。 自分自身を表現するのに最適な空間に変化し、プロフィールを簡単にカスタマイズできるデコレーション機能をオープンしました。 デコレーション機能の制作時に生じたデザイナーの課題やデザインの方向性、クリエイティブ作業の成果を共有します。

2020.11.20

皆さんのプロフィール画面友だちのプロフィール画面など、LINEのプロフィール画面への訪問回数は、1ヶ月合計で約1.9億回行われています。LINEで新しい友だちを追加したら、最初にプロフィール写真を確認し、ステータスメッセージを確認しませんか? プロフィールはLINEの友だちが私たちを知るために訪れる最初の空間です。

ソーシャルプロダクトデザインチームのデザイナーたちは、どうすればLINEユーザーが自分自身をプロフィールでうまく表現できるのか、最も必要な機能は何なのかを考えながら企画チームと論議を重ねました。

 4つの方向性

デザイナーは企画チームとともに、初期の設計段階からアイデアを出し合いました。 プロフィールならではの魅力的デコレーションアイテムが必要だと考え、大きく4つの方向性を決めてデザインを行いました。

プロフィールを担当するデザイナーたちは、ユーザーがより詳細な自己表現ができるよう、最適化されたプロフィールのレイアウトに悩み続けました。 以前の画面を経て、プロフィールのデコレーションアイテムを、より良く見せることができる今のレイアウトに段階的に発展し変化してきました。

アイデアスケッチとプロトタイピングで使いやすさを検証

LINEプロフィールが持つ独自のグラフィックスタイルを保てるよう、数え切れないほどのテストを繰り返し、アイデアスケッチをしながらデコレーションアイテムを生み出してきました。

プロトタイピングを通して、既存のラフでは説明されていなかったインタラクションと全体フローを一目で確認することができました。修正やブラッシュアップを経て、いち早くユーザビリティを検証し、スペックの改善をすることができました。

LINEのプロダクトデザイナーは、プロジェクトの初期段階であるアイデア出しの段階から加わり、主導的に意見交換を行っています。

プロフィールを多彩に飾る最も簡単な方法

「テーマ」は、より簡単にプロフィールをデコレーションしたいユーザーに向けて用意されたテンプレートです。 スタンプ、カウント、写真フレーム、SNSリンク、テキスト、背景画像が組み合わさり、簡単にデコレーションできるように用意しました。 テーマをベースに編集が可能で、それぞれのアイテムを使ってデコレーションすることもできます。リリース時はデコレーション機能に最も関心を抱いている10~20代の女性をターゲットにして、キュートなデザインを中心に5つのテンプレートを用意し、汎用的に使えそうな「テーマ」をデザインしました。

常時使用できるテーマはもちろん、季節に合わせた特別なテーマをアップデートすることも予定しています。

世界各国のLINEでは、9月の野球シーズンに台湾の各野球チームのカラーをベースにした応援テーマをリリースしたり、10月にはハロウィンに合わせたテーマをリリースしたりしました。

感性を伝えるエフェクト手書き

私たちはその日の気分によって、自分のプロフィールで感性を表現することができます。 しかし、デコレーションアイテムだけで、感性を完璧に表現することが難しい時があります。 そんな時は、風がやさしく吹く春の日には桜の花びらが舞うエフェクトにしたり、暗い夜空を見ながら考え込む時は星空のエフェクトにしたり、背景の”エフェクト”を使ってその時の感性を表現してみてください。LINEの友だちがプロフィールに訪れた時、感性を伝えることができるでしょう。自分の手で自由に描ける”手書き”で伝えたい言葉を使ってみることもできます。

多様な「ウィジェット」、カウント・写真フレーム・SNSリンク

記念日や大切な日を設定してプロフィールで日数をカウントダウンするカウント、好きな写真をフレームで加工できる”写真フレーム、各種SNSのURLをアイコン表示できるSNSリンクなど、様々なウィジェット機能を追加しました。特に写真フレームは最も人気のあるデコレーションアイテムです。写真を登録すると様々なフレームの形で加工され、自分の写真をより引き立ててくれます。

伝えたいことはテキスト

自分の好きなフレーズを入力して、テキストでプロフィールをデコレーションすることができます。 フォントごとにメッセージが設定されているため、選ぶだけで簡単にデコレーションすること可能です。

躍動感あふれるアバター

2020年9月25日にLINEはアバターサービスを開始しましたが、プロフィールのデコレーション機能でもアバターを使用することができます。 ペット、1人、グループなど、68種類もの様々な動きがあらかじめ用意されていて、今後も追加が予定されています。

ディテールを表現するため細部にまでこだわったアニメーション

プロフィールをデコレーションした小さな要素だけでも、アイデンティティや感性を込めて自分自身を表現することができるようになったと思っています。

私たちは、他のアプリやトレンドの基盤データでコンテンツ素材とグラフィックスタイルを決めてデザインし、感性や詳細な情報がよく伝わるようにディテールにこだわり、躍動感あるアニメーションを研究し、デコレーション機能に追加すべきコンテンツ企画案を作成し提案しました。静止的なプロフィール画面に躍動感ある動きを出そうと悩みながらも、デザインにふさわしいアニメーションを適用し、デザイナーの感性と個性をすべて込めました。開発チームと様々な試みをしながら開発の具現化方法について話し合いを重ねた末、細部にまでこだわったアニメーション表現が完成しました。

デコレーション機能リリース後のユーザー反応

ユーザーに最も人気のあるデコレーションアイテムは写真フレーム、背景効果、スタンプです。 続いて、テキスト、SNSリンクです。 提供開始後、「可愛くて色々な機能を試したい」、「面白くて可愛い」、「SNSリンク機能が便利」、「すごい!様々なカスタムができて楽しい」「iPadやタブレットでもデコレーション機能を使いたい」「好きなものをデコレーションできて良かった」など、ユーザーからの様々な反応をいただきました。

プロフィールはこれから…

プロフィールを担当するデザイナーは、今この瞬間にも企画チーム、開発チームと共に、継続的にユーザー指標をリサーチ・分析し、次の機能を研究・提案しています。プロフィールはこれから自分自身をPRするための機能をさらにブラッシュアップし、運用と拡張が持続的に可能なサービスへと発展していきます。プロフィール画面に緑色の丸い点が表示された時は、新しいアイテムがアップデートされたお知らせです。 LINEプロフィールのこれからの発展を期待していてください!たくさんの応援よろしくお願いします!

投稿者

SOCIAL PRODUCT DESIGN