オブジェクトベースなUIデザイン｜Yoko Nishida｜note

2018/11/05 377 users

WEB+DB PRESS Vol.107掲載のオブジェクトベース設計によるUIデザイン改善を読んだ。デジタルなサービスのUIを設計していく上で、とても参考になる知見なのでまとめてみる。 オブジェクトベースUI設計とはユーザーがやること（タスク）の手順をそのまま画面に反映させるのではなく、ユーザーの関心対象（オブジェクト）を... 続きを読む

CI&UIリニューアルしながらデザインシステムを作った話｜Yoko Nishida｜note

2018/05/19 68 users コデアル 協業 刷新 Sketchファイル ドキュメント

「 コデアル 」という求人サービスのデザインシステムを作ってみました。CIリニューアルに伴う全スタイル＆コンポーネントの刷新、エンジニア＆デザイナー間の協業、そして約3ヶ月運用してみた感想をつづってみます。 実際に使っているドキュメント、Sketchファイルはこちら↓ ・ Codeal Design Guideline ・ Codeal UI Kit.sketch ・ Sketch Tips fo... 続きを読む

とある求人サイトをデザインリニューアルした話｜Yoko Nishida｜note

2018/05/12 91 users デザインリニューアル リモ コデアル 求人サイト 下調べ

副業で「 コデアル 」という求人サイトのデザインリニューアルをしました。このリニューアルでは、何をやったのかを振り返ってみようと思います。 〜 目次 〜 1. プロジェクト概要 2. まずは下調べ 3. 主要画面のデザイン 4. デザインガイドライン 5. 機能単位のデザイン 6. コミュニケーションルール 7. 実装レビュー 8. このプロジェクトでの学び 1. プロジェクト概要 コデアルはリモ... 続きを読む

デザインスキル評価アンケートを作って分かったこと｜Yoko Nishida｜note

2018/03/30 47 users

デザイナーが伸び悩まないためのスキル27分類 をアレンジしたスキル評価アンケートを作ってみました。アンケートが出来上がるまでの過程を紹介しつつ、回答結果から見えてきたキャリアの方向性まで考えていこうと思います。 どんなアンケートを作ったのか？ 事業会社でWebサービスのUIデザインを作ることをメインにしている人なので、現状の自分に求められていそうなスキル項目を質問してみました。 なるべく回答者の方... 続きを読む

Atomic DesignからみたBootstrap｜Yoko Nishida｜note

2018/01/08 109 users Atomic Design

はじめまして。UIデザイナーの @nikoko45 です。 最近Webサービスのデザインガイドラインを作っていて、特にコンポーネントをどうまとめたら良いのか模索中です。ユーザーには一貫したUIや世界観を提供でき、開発者にはもっと効率的に作業スピードをあげられる方法はないか考えてみました。 デザインガイドラインで目指したいこと 一貫性のあるデザインを維持するために、デザインファイルのテンプレート作成... 続きを読む