マガジンのカバー画像

UIデザインのはなし

113
本
実際に実務で参考にできそうな、UIデザイナーさんのお役立ち記事をまとめています。
運営しているクリエイター
oyuuuhan

全てのUIデザインに必要な５つの状態（実例と共に） - The five UI states

授業ではあまり習わないですが、UIデザインの実務において常に考えなければならないフレームワークの一つにThe five UI statesがあります。雑に説明するとUIは以下の５つの状態になる可能性があることを踏まえて、それぞれに対してデザインを作っておくというコンセプトです。 • 何も登録されていない状態 (Blank state) • ロードしている状態 (Loading state) • 不完全な状態 (Partial state) • エラーが起きている (Error

TK - UXデザイナ…

業務アプリケーションのWebフォームはどこまで説明・補助をするべきか

これは SmartHR Advent Calendar 2020 の17日目の記事です。 @kgsiです。SmartHRという会社でプロダクトなデザイナーをしております。 今回の記事は、業務アプリケーションの闇に向き合って憤死している一人のデザイナーが、首を180度にねじっても答えが出ない、Webフォームにどれだけの説明と補助が必要かに悩んだ内容を結論無く語る記事です。 フォームのベストプラクティスは先人たちが世にゴロゴロ出しております。Form Design Patter

こぎそ

「オブジェクト指向UIデザイン」で失敗したこと・学んだこと

　2020年に話題になったUIデザイン関連本のひとつ、『オブジェクト指向UIデザイン 使いやすいソフトウェアの原理』。 　皆さんは読まれましたか？ 　私は一度読んだだけでは使える自信がなかったため、練習として第三章「オブジェクト指向UIの実践」を参考に架空のアプリケーションの画面を設計してみました。本記事は、そこで失敗したことと学んだことの記録です。 ※本記事は書籍の知識が前提となっています。オブジェクト思考UIデザインの説明は割愛しますので、ぜひ書籍をご覧ください。

しもしも

初回体験を改善せよ！カオスな施策でデザイナーが解決した3つのこと

デザイナーのまちぇり(@macheri_me)です。クックパッドマートチームにジョインして4ヶ月が経ちました！エンジョイ★カオス！ 今回のテーマは、初回体験改善のためのチュートリアル機能についてです。 【今回の記事で紹介すること】 🎉チュートリアル機能の施策事例と成果について 😭順調そうに見えて実はぐちゃぐちゃだった施策の課題 💪解決のために、デザイナーはどのような工夫をしたか 🎉初回注文率が2倍に改善！チュートリアル施策事例【改善前】複雑な体験が伝わらない...初回注

ShikiCheri/…