入力時間11％減！書きやすいエディタのUIデザイン - クックパッド開発者ブログ

こんにちは、投稿開発部の佐野大河（@sn_taiga）です。 先日、クックパッドのiOSアプリでレシピのエディタ画面をリニューアルしました。今日はそのUIデザインの設計についてお話します。 方針は「簡素化」 エディタ画面は、レシピを考えて記録・投稿する人にとって重要な機能の一つです。レシピには材料や作り方、料理写真、タイトル、紹介文などさまざまな項目があり、頭の中にある料理をこれらの形に落とし込んでいくのはなかなか大変な作業でもあります。なので、レシピを書く際の手間を減らし、ユーザーがストレスなくレシピを書けることを目的に「簡素化」という方針を定め、改善に取り組みました。具体的に行ったことは大きく以下の二つです。 １.入力や編集のステップを少なくする 以前のエディタ 新しいエディタ 以前のレシピエディタはひとつの項目を選択するとモーダルが開き、入力を終えたら元の画面へ戻ってくるウィジェット

[stilo]

このUIScrollViewの使い方はエグい

[progrhyme]

良い

[verda]

美しい

[Falky]

いいUIだ。

[h_taiji]

どうやって入力時間減を計測したのか、とてもきになる

[programmablekinoko]

タッチデバイスって余計フラストレーション溜まるからこういうの大事よね

[sho_yamane]

こういう簡素化めっちゃ大事

[buhoho]

11%でかい。フォームサイズの変更とか、フォーカスアウトされてる項目を薄くするとか、参考になる

[Gonzoo]

こういう細かい改善ができるのはすばらしい

[kikkistudy]

よく考えられてるな～。一見小さな工夫の積み重ねで使いやすいアプリってできるってことがよくわかる記事

[Yoshiori]

11% すごくない？？？

[kaipu1224]

こういう部分に工数かけられる環境っていいよね。

[morishin127]

最新作です