マガジンのカバー画像

UIデザインのはなし

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

#Design

もう途中のデザイン見せるの抵抗なし!周りを巻き込みながらデザインする心構えと方法

Rettyでリードデザイナーをしてますヤマモトマユミ(@mayya)です。 新しくジョインしたデザイナーの方と働き始めた時に、「途中のデザイン見せるのは抵抗がある・・」「デザインを細かく見せながら作っていく方法に慣れなくて・・」など、コメントをいただくことがあります。 今回は、Rettyでアウトプットドリブンなやり方を数年行ってきた私なりの心構えと具体的方法を書いていきたいと思います。今回の内容が「もう途中のデザイン見せるのに抵抗なくなった!」と思ってもらえるきっかけになる

エンジニアから信頼されるデザイナーになる

こんにちは、デザイナー兼エンジニアのふじけん(@kenshir0f)です。 普段はKomercoのUIデザインと実装を担当しております。 チームやプロダクトの状態に合わせて、デザインしたり実装したりと役割を変えながらサービス開発に携わっていますが、Komercoに参加した当初から実装に入っていたわけではありませんでした。 デザイナーとしてアウトプットしつつも、エンジニアの実装負担を下げる取り組みを行うことで少しずつ信頼を得て、そこから開発スピードを上げるため徐々に実装を担当

UIデザイナーに必要なのは、決定力のあるデザインを作る能力

※過去ブログからの移転 最近、デザイナーに求められるスキルが多くて何を学べば良いかわからなくなってきた。と言う声を聞くようになってきた。 流行りの記事のいくつかに目を通すと、デザイナーは「経営者と対等に話せるコミュニケーション能力、ビジネスセンスを保有していて、イケてるグラフィックを作り、コードまでかけないといけない」らしい。 スキルを多く保有している方が望ましいのは間違いない。 ただ、現場デザイナーに最も大事なのは実装面での考慮事項が網羅されて考え込まれた「決定力の

デザインとエンジニアリングを「繋ぐ」部分と「切り分ける」部分

これは Qiita Advent Calendar 2021 「エンジニアリングに興味があるデザイナー、デザインに興味があるエンジニア」の2日目の記事です。 --- 株式会社スペースマーケット所属のデザイナーの中原です。 スペースマーケットというWebサービスの開発に携わっています。 お鍋には必ずウインナーを入れます。 どんな内容?デジタルプロダクトの開発において、デザインとエンジニアリングは密に連携して協業する(シームレス)のが良いとは言うものの、目指すものの違いがあ

Figmaのリファクタリングからはじめるデザインシステムの構築

こんにちは、GaudiyデザイナーのTORAJIRO(@jirosh1998)です。 『英単語アプリ mikan』の副業デザイナーとして、Figmaリファクタリング&デザインシステムの一歩目を構築した話を書こうと思います。 このnoteの最後に、今回作成した『mikan DesignSystem』のデータを公開していますので、ぜひご覧ください👋(mizoさんをはじめmikanのみなさん、具体的なアウトプットの公開まで許可いただき感謝です!心広すぎ!) デザインシステム本

10年選手のUXデザイナーがプロダクト開発をイチから学び直した話

こんにちは。 Ubie株式会社にて、デザイナー / プロダクトオーナーをしている村越(@smurakos)です。 外資系コンサルティングファームでのUXデザイナー・シニアマネジャーを経て、2021年2月にUbieにジョインしました。 この4月からはAI問診ユビーという医療機関向けのプロダクトのプロダクトオーナーをしています。 これまでは、事業会社でUXデザインチーム立ち上げ・UXリサーチのためのフレームワーク整理という「型化」の部分や、数人〜数十人規模での組織の人的マネ

管理画面大好き人間が初めて管理画面をリニューアルした話

スマートキャンプデザインブログです。 今回は、デザイン/開発をやっている葉栗が書きます。 スマートキャンプ運営の「法人向けSaaSの比較サイト - ボクシル」の管理画面の一部を大幅にリニューアルしたので、その時に考えた想いや学んだことについてまとめました。 BtoBサービスは管理画面が重要BtoBのWebサービスは情報を管理することを目的としているサービスが多いため、管理画面の設計はユーザーの業務効率に直結します。 大切だとわかっていながらも、どこか意識として「裏側の設

これからお前がプロダクトデザイナーとして SmartHR でヘヴィメタルする前に伝えておきたいことがある

俺だ。SmartHR VP of ProductDesign の @ouji だ。 俺は長年 SmartHR でプロダクトデザイナーをやってきた。 長年といっても数年や十数年なんてちゃちな時間じゃねえ。お前がまだ培養液シリンダーの中を漂うボウフラだった頃から俺はイカれたエンジニアや狂った PdM(プロダクトマネージャー) と火花を散らしてきた。文字通りお互いのヘヴィメタルをぶつけて死合ってきたんだ。 あの頃の SmartHR は今ほどお行儀の良い開発体制なんてなかった。 六

気兼ねなくレシピを保存するためのデザイン

こんにちは、デザイナーの佐野大河 @sn_taiga です。 先日、クックパッドのiOSアプリで、レシピ画面を中心とした「レシピの保存」機能のデザインをアップデートしました。 毎日の料理の中で、もっと気兼ねなくレシピを保存できるように この方針のもと、このデザインに至りました。 今日は、どのような想いのもと方針を定め、それをどうUIデザインに落とし込んだのかについて紹介します。 レシピを保存する目的そもそもレシピを保存する目的って何でしょうか。 レシピを見る人の多

UIデザイン力を鍛えるリデザインの勧めとコツ

Twitterでクラシルのリデザインの題材として使って良いとつぶやいたら数名からリデザイン案をもらえました。ありがとうございます! リデザインは、デザインの基礎スキルを身につけられると思うので、どんどんやったら良い派ですが、リデザインする際は何かにフォーカスすると振り返りしやすく技術を積み上げやすいです。 今回は、僕もクラシルのリデザイン案を作りつつそのコツを書いてみたので参考になればと思います。 デザイン力を鍛えるリデザインのコツ インターン採用でリデザイン課題を出す

エンジニアといい感じに連携したいデザイナーの取り組み

こんにちは、デザイナーの佐野大河 @sn_taiga です。今日はエンジニアといい感じに連携したいデザイナーの取り組みについて話します。 チームのエンジニアにヒアリングしてみた画面を設計するときや仕様を詰めるとき、伝えるとき、動作検証をするときなどなど、日々デザイン業務に取り組む上でエンジニアとコミュニケーションを取るシーンは多いと思います。 そんな中自分が「エンジニアが開発しやすいように」よかれと思ってやっていることを付箋に書き出し、チームのエンジニアにヒアリングをして

UIデザイナーを目指す新卒に伝えたい事を言語化してみた

delyで、新卒デザイナーを積極採用しているので、面接で話している事や伝えたいことを言語化してみました。(※一般論ではなくあくまでクラシル開発の話になります) 事業会社のUIデザイン業務先ず、学生がイメージするUIデザイン業務と、実際の業務が異なる事が多いので可視化してみました。 UIデザインの磨き込みを行う印象が強いですが、実際は左図のように、ユーザーの行動分析、アイディアを言語化し、デザインに起こしてみて議論をし、開発版のアプリで触ってみて、良ければさわり心地やグラフ

レシピサービスに買い物体験を組み込むにあたってデザイナーとして向き合った課題と解決までの話

こんにちは。2021年3月5日(金)にCreators MIX 2021で登壇しましたのでその発表内容を公開します。 以下、発表内容です👇 佐野大河(@sn_taiga)といいます。昨年からクックパッドアプリに買い物体験を組み込むプロジェクトに携わっています。 レシピサービスで買い物 さっそくですが、タイトルにもある「レシピサービスで買い物」と聞いてどんなイメージを持ちますか? いろいろあるかと思いますが、まずは自分がこのプロジェクトにジョインしたときのことを少し話

複雑な仕様での失敗と、今後の対策

こんにちは。サカイと申します。都内でデザイナー兼PMをしています。 以前の職場では完全なデザイナーとして働いており、仕様を決めている人から複雑な仕様をドンと渡されていました。それをなんとかわかりやすくしようと試行錯誤していたのですが、なんとかなった試しがありません。 現在は仕様を考える立場になったので、同じ状態になることはできるだけ避けたいと考えています。当時は受ける側であったため、「そうはならんやろ」と思っていたのですが、これは単純に視野が狭かっただけでした。 様々な