風変わりなUIのアプリの作成

風変わりなUIのアプリの作成 | Tsukutta

初めまして、JoeK3816と申します。

よろしくお願いいたします。

買い物リスト系アプリのUI

私が作ったMUS - My Usual Shoppingは買い物リスト系のiPhoneアプリです。

通常、買い物リストのアプリは以下のようにチェックリストが使用されています。

(Markdown記法のToDoチェックリストについては✅で表記しています)

✅キャベツ

✅大根

✅にんじん

MUS - My Usual Shoppingを作成するにあたり、当初はこの方式を採用するつもりでいました。

ですが、頭の中のイメージとして何か違うんだよなぁ...と思うようになりました。

というのも、✅を右側に置きたいという考えがあったのです。

でも✅は項目の左側に配置するというのが、一般的な考えであってそれが形式でもあります。

右側に置いてしまうとどうも見栄えが悪いというのも問題点でした。

✅が左側にあると片手で持った時に指が届かない・操作しづらいということが念頭にありました。

右側にあれば容易にタップできます。

これを実現したいと思うようになりました。

考えた結果、以下のようにすればいいのではないかと思いつきました。

これなら右側に配置しても違和感はなくなると思いました。

そしてこのボタンを"アルカウボタン"と命名することにしました。

一般的な買い物リスト系のアプリとしては随分見た目が風変わりなものになりました。

ですが、アルカウボタンを右側に配置出来たのでタップしやすくなりました。(左利きの方にとっては操作しづらいことと思います。この点については改善を図りたいと思っています。)

ただのボタンですが、チェックリストの固定概念を外していこうと思いながら進めていき解決策が見つかり良かったと思います。

操作のしやすさを実感していただけたら嬉しいです。

最後まで読んでいただきありがとうございました。

追記: Ver.1.2.0を公開しました。このアップデートでアルカウボタンを左側にも配置できるように改善しました。左利きの方またはアルカウボタンは左側の方が良いという方は、[設定] ボタンから切り替えることができます。