ラベル作成の入口次の操作を、画面で伝える。
冒頭の案内は短くし、デザインを選ぶ入口から文字や写真の編集、仕上がりの確認へつなげました。説明書や長い手順を前提にせず、見れば次に何をするか分かる流れを意識しています。
制作事例 / オリジナルラベルワイン
説明書に頼らず、スマホでラベルを作れる画面へ。
贈り物や記念品向けのラベルワインサイト。「デザインを選ぶ→文字や写真を編集する→仕上がりを確かめる」を、スマホでも迷わず進められる画面を目指しました。
ご相談の背景と要望
スマホで長い説明や複雑な操作を減らし、選択・入力・確認へ進めること。制作後の打ち合わせで整理した要望に合わせ、画面の案内と操作の流れを見直しました。
制作した画面を体験
実際の編集画面を、触ってみる。
文字を動かす、プレビューを広げる。操作の流れをそのまま試せます。
制作事例の編集部分を抜粋しています。この体験画面では、注文・保存・送信は行いません。
制作の工夫を詳しく読む
見れば分かるように、操作をつなぐ。
選ぶ柄・デザイン
作る文字・写真を入力
確かめる仕上がりと注文内容
スマホでの編集小さな画面でも、操作する場所を確保する。
文字を入力している間も仕上がりの小窓を表示します。画面が狭いときは小窓を縮め、入力した内容がラベルにどう反映されるか、その場で確かめられます。
注文前の確認変更した内容を、もう一度確かめる。
一度確認したあとに文字などを変更した場合は、再確認してから支払いへ進む仕組みにしました。ワインの種類・本数・箱などの条件も引き継ぎ、選択内容を確認できるようにしています。
選ぶ・編集する・確かめる。その流れを実際の画面で。
制作したサイトで、画面の見え方や操作の流れをご確認いただけます。
掲載内容は画面と構成の紹介で、お問い合わせ数や売上への効果を示すものではありません。リンク先は更新される場合があります。