はじめまして、UIデザイナーのMです。
実はブックウォーカー採用サイトなどで既に登場しているので、はじめましてじゃないかも(？)しれませんね笑
新しく入社された方に「採用サイトにいましたよね？」って言われることも…
さて、今回はMが普段案件担当しているBOOK☆WALKERアプリについてお話しさせてください。
「一覧」を「マイブック」にリニューアルします！
2021年春に「本棚」をリニューアルしてから数ヶ月、みなさま大変お待たせいたしました。
BOOK☆WALKERアプリの「一覧」が「マイブック」としてリニューアルいたします！！(パチパチ)
公開時期は2022年2月ごろを想定しております。
詳しいリニューアル内容はまた後日別のブログ記事にて紹介させていただく予定なので、BOOK☆WALKERアプリユーザーのみなさま、ぜひ楽しみにしていてください。
追記：
2月下旬にマイブックを実装したアプリがリリースされました！
詳しい内容などは下記から確認してください！
アプリ開発チームにアサインして…
わたくしごとですが、私は今までアプリデザインをした経験がなく、4月にアプリ開発チームにアサインされた時は右も左もわからない状態でした。
部長に、「アプリデザインやったことないんですけど大丈夫ですか！？」と言ったことを覚えています笑
BOOK☆WALKERアプリの本棚リニューアルが先に進んでいたことから、既に膨大な量のデザインや仕様などが用意されており、最初の1ヶ月はインプットをメインにしながら手を動かす、という日々でした。
本棚リニューアル時からお世話になっていたGoodpatch Anywhereの方々と連携し、まず最初に取り掛かったのが「シリーズまとめ」です。
かねてより「購入したシリーズ作品をまとめられるようにしてほしい」という要望があったため、どのようにしたら購入した本をすっきり見せられるかを考え、膨大な量のパターンを作成しました。
今回一番こだわった部分ですので、どうなったかは実際触って確かめてみてください！
お手持ちの本が多い方ほど助かる機能になっていればと思います！
細かいところだと、アプリの下部にあるタブの「ストア」アイコンも新しくします。
現在のカートアイコンだと、お知らせの赤バッチがつくと
カートに購入していない本が何件か入っているのではないか？
と感じてしまう状態でした。
なので、ここは「本を買う場所＝ストアなのである！」という場所がわかるようにしました。
同時に社内アンケートも取り、意見をいただきながら④のお店を連想させるアイコンに決定しました。
ユーザーテストとクローズドテストを経て…
ある程度マイブックの形が出来上がった段階で、デザインツールのFigmaでプロトタイプを作成し、社内の有志を募ってユーザーテストを実施しました。
作成したプロトタイプをUIの詳細を伝えずに実際触ってもらって、使い勝手の良さ/悪さ、わかりやすさやどう感じたかなどをヒアリングしました。
テストしてもらった人の目線やタップ位置、迷った時間なども確認し、細かに議事録をとってその後の改善に役立てました。
また、実際に普段BOOK☆WALKERアプリをご利用いただく頻度の高いユーザーの中からランダムに、リニューアル予定のベータ版BOOK☆WALKERアプリをクローズドテストとして配布し、触っていただく場も設けました。
これはBOOK☆WALKERでも初の試みだったのですが、かなり有益なご意見をたくさんいただき、改修してよかったところ、課題になったところなどリニューアル公開までに調整する機会もいただけたので、配布アプリを調整してくれたディレクター、そのために動いてくださった開発含め準備は大変でしたが、実施してよかったと感じています。
ご参加いただいたユーザーのみなさま、本当にありがとうございました！
最後に
現在はアプリのリリースに向け佳境に入ってまいりました。
鋭意、細かい部分の調整を進めております。
私も日々開発さんから上がってきたサンプルアプリと睨めっこしながら実機確認を行っております。
リリース後もみなさまのご意見をいただきつつ、より使いやすいアプリになるよう改善してまいりますので、引き続きBOOK☆WALKERアプリをよろしくお願いいたします！
まずは2022年2月ごろのリリースをお待ちいただければと思います！
また、ブックウォーカーでは一緒にBOOK☆WALKERアプリを良くしていきたい！と思ってくださる、アプリデザイナー・エンジニアを募集しております。
我こそは！と思っている方はぜひ採用サイトからご応募お待ちしております！
※この記事のBOOK☆WALKERアプリの画像はすべて開発中のものです。
