修了制作は、これまでの成果物を1つに束ねる

修了制作は、新しく何かを作り足す作業ではありません。第2章から第4章で作ってきた成果物を集め、抜けがないか並べて確かめるところから始めます。第1章で学んだUXデザインの7ステップが、そのまま作ってきた成果物の順番になっています。

下の表は、これまでの工程と、そこで作った成果物の対応です。まずこの一覧で、手元にそろっているか、抜けている工程はないかを確認します。抜けが見つかったら、その工程のレッスンに戻って作り直します。

筋が通っているかを点検する（一貫性）

成果物がそろったら、次は中身が1本の筋でつながっているかを点検します。統合は寄せ集めではありません。リサーチで見つけた課題が要件になり、要件が価値定義になり、それが画面と改善まで一直線につながっているかを見ます。

具体的には、リサーチで気づいたことが要件に反映されているか、定義した価値がUIの画面で体験できるか、改善がテスト結果に基づいているか、という順で追いかけます。たとえば織田さんの実際の客層は仕事帰りの初心者が中心でした。その気づきが、予約のしやすさやトーンの設計につながっているかを確かめます。あわせて、画面ごとに用語やボタンの呼び方、色の使い方がそろっているかも点検します。

倫理の最終チェック：ダークパターンを避ける

仕上げの前に、倫理の観点でも点検します。ここで気をつけるのがダークパターンです。ダークパターンとは、利用者を意図的に誘導して、本当は望んでいない選択をさせる設計のことです。予約サービスでも、解約やキャンセルの導線をわざと見つけにくくしたり、同意の項目を初めからチェック済みにしたりと、うっかり作り込んでしまうことがあります。

リフトが目指すのは、体験予約を増やし、続けられそうと感じてもらうことでした。この目標は、利用者をだます設計ではなく、分かりやすさで達成します。誘導ではなく、迷わず選べる導線こそが、結果として予約や継続につながります。

アクセシビリティの最終チェック

もう1つの最終チェックがアクセシビリティです。第3章でも学んだとおり、使いやすさはできるだけ多くの人に届く形で考えます。仕上げの段階では、コントラスト・タッチターゲット・色だけに頼らない表示の3点を、実際の画面で確かめます。

まずコントラストです。文字と背景の明るさの差が小さいと、読みづらくなります。とくにリフトの背景はオフホワイトなので、その上に薄い色の文字を置くと本文が沈んで読めません。下の見本で、同じオフホワイトの背景でも文字色によって読みやすさがどう変わるかを見比べてください。

次にタッチターゲットです。スマホは指で操作するため、ボタンが小さすぎたり近すぎたりすると、隣を誤って押してしまいます。第3章で見たとおり、押せる領域はiOSで約44ポイント、Androidで約48dpを目安に確保し、ボタンどうしの間隔も十分にとります。予約の時間枠のように選択肢が並ぶ画面ほど、この点検が効きます。

最後に、色だけに頼らない表示です。エラーを赤、完了を緑のように色だけで区別すると、色の見え方が異なる人には伝わりません。色に加えて、文字やマークでも同じ意味を示します。予約完了なら、緑色に加えて完了しましたの文字とチェックマークを添える、というやり方です。

演習：完成一式に統合し、最終チェックリストで仕上げる

ここからは実践です。これまでの成果物を並べ、一貫性と倫理・アクセシビリティを点検して、提出できる完成一式に仕上げます。点検にはSTEP3の最終チェックリストを使い、直したところを記録しながら進めます。

ここで完成一式と最終チェックリストがそろえば、修了制作の土台が固まります。次のレッスンでは、第4章で学んだ行動データの読み方をふまえて、リリース後にどう改善を続けるかの提案書を作ります。