明日からできる、爆速Figma活用術 - エムスリーテックブログ
こんにちは、エムスリーデザイングループでチームリーダーをやりながらエンジニアリングGも兼務しているプロダクトデザイナーの大月です。 私が所属しているエムスリーのデザイン組織は以下２つの強みがあります。 多様性 スピード 特に日々の業務では"スピード"をとても大切にしており、 デザインを早くすることで、検証回数を増やし、PDCAを多く回し、価値創造を加速することを意識しています。 こうしたエムスリーのスピード文化から、日々の業務を効率化できるFigma活用法もデザイナーのみんなで学びあっています。 今回は、エムスリーのデザイナー間で話題になった、意外と知らなかった、知っているだけで日々の業務が一気に楽になった！というFigma活用術を紹介します。 少しでもFigmaでのデザイン作業をスピードアップさせたい方の参考になれば幸いです！ 爆速のための3種の神器 1. 秩序をつくる ファイル構成とコ
ユーザーファーストなサービスの立ち上げ方 - Speaker Deck
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
プロダクト | SmartHR Design System
SmartHRのプロダクト群全体で再利用できる、デザイントークンやコンポーネントライブラリ（SmartHR UI）、デザインパターン、ライティングガイドラインを提供します。 これらを組み合わせることで、デザインの再現性を高め、統一感のあるユーザーインターフェースと一貫した製品体験を効率よく設計できるようにします。 また、このデザインシステムは、ドキュメントやガイドラインを素早く提供することを優先し、常にWork In Progressで運用されています。 デザインシステムをつくる目的デザインシステムの取り組みには、2つの目的があります。 包括的な「デザインの共通言語」をつくり、プロダクトの生産性と品質に貢献すること 具体的には、以下に関わるブレを低減し向上する：プロダクト開発におけるアウトプットの速度プロダクトにおける提供価値の品質ユーザーの体験品質（プロダクト利用時の一時的UX）Smar
なぜ今、日本に「デザイン」が必要なのか | 日本
日本企業はイノベーションを強化し、顧客との関係を再構築しようとしている。デザインはこれらを実現する上で極めて有効な手段となる。 日本の経営幹部の多くが、従来のコア事業の外に成長の源を求めるようになっている。他社との差別化と競争優位性を生み出す源として、イノベーションが果たす役割が重要視されている。イノベーションは、単に科学的な発明を意味するのではなく、顧客ニーズに新しい解決策を提供することを意味する。新しい解決策は、新しい技術によって実現されることもあれば、既存のテクノロジーを従来とは違う組み合わせることで実現される場合もある。 残念ながら、日本はかつてのトップイノベーターとしての地位を失っている。WIPO (World Intellectual Property Organization、世界知的所有権機関) が公表している2021 年のグローバルイノベーションインデックスでは、日本は1
アメリカの丸亀製麺から考える日本でDXが進まない本当の理由 デザイン会社 ビートラックス: ブログ
先日サンフランシスコ市内にある丸亀製麺 (アメリカだとMarugame Udon) に行った。コロナの期間は閉店していたが、今年に入ってからは営業を再開している。地元の人たちにも大人気の繁盛店。 入口でトレイを取り、列に並んで、カウンター越しにオーダーを行う仕組み。 そこであることに気づいた。 「めっちゃ人多くない？」と。それも、お客さんだけではなくて、従業員の数が。 従業員がめっちゃいる。列に並んでいる客と同じぐらいに。そして、それぞれのスタッフが “一つ” の作業しかしていない。
フェラーリ2000台を診た日本人が語り尽くす「赤の真髄」（平澤 雅信） @gendai_biz
男なら一度は憧れるスポーツカーの最高峰・フェラーリ。熟練の職人がハンドメイドで仕上げる「赤い跳ね馬」は、圧倒的性能を誇る一方で扱い難さも天下一品だ。フェラーリを骨の髄まで知り尽くし、今夏『フェラーリ・メカニカル・バイブル』を著した日本屈指のメカニックが、めくるめく鋼鉄の迷宮へとご案内する。 「ロールス・ロイスとセット売り」の時代 私のキャリアは平成の年号とともにあり、フェラーリのメカニックを生業として、29年になろうとしている。その間、整備や修理、サーキットメンテナンスなど、触ったフェラーリの数は、のべ2000台超を数える。 今までの人生の半分以上はフェラーリのメカニックをやっていて、そのうちの半分くらいの時間は仕事しているわけだから、人生の４分の１はフェラーリをバラしたり組み立てたりに費やした計算だ。 学生生活が終わっていきなり強烈な時代のなかに放り出されたことが、私のフェラーリ人生の始
【デザイナー必見】世界の著名デザイナーに学ぶ、UXにまつわるTED Talk7選 デザイン会社 ビートラックス: ブログ
プロダクト開発やグロースにおいてUXデザインを考慮することが当たり前になった昨今、UXデザインにもさまざまな考え方が生まれた。特にデザインする対象がデジタルなのかアナログなのかによって考慮すべきUXデザインの領域は異なってくる。 つまり、良いUXデザイナーになるには幅広いUXデザインに関する知識を身に着けることが重要になってくる。そこでこの記事では、代表的な7つの異なる考え方のTEDトークを紹介する。 どれも10〜15分ほどのの動画のため、本を読むより短い時間で多くを学べると思う。休憩時間や移動時間にぜひ見ていただきたい。 【わかりやすく解説】UXデザインの基本と主要概念 1. Donald Norman – The three ways that good design makes you happy – (良いデザインがあなたを幸せにする３つの方法)登壇者のDonald Normanは
【練習内容公開】イラストを100日練習しました｜燕禅
イラストレーションの練習を100日やりました．知らないことばかりだったので勉強していてとても楽しかったです！ いいタグがあったので記念として初日に描いたものと並べておきます#進化してたらRT見た人もする#画力変化ビフォーアフター pic.twitter.com/WKhBvyZSoi — 都路 燕禅 (@enzen3852) November 29, 2020 イラストの練習を始めてトータル100日を突破しました．一旦立ち止まって初日のイラストと今のイラストを比べてみると，見違えるほど上達できたかなと思っています． そこで今回はこの記事で，私が100日でどんな練習を行い，どんな変化を遂げていったかを振り返ってみようと思います． (追記: 60日目と70日目のイラストの削除について。着物や扇子などの模様は、自分の手元や実家にある実物の写真・インターネットの写真などを複数参考にして、いずれのデザ
【個人開発・ポートフォリオに】無料で簡単にいい感じのデザインにできるサービスまとめ - Qiita
個人開発・ポートフォリオ作成をする方に贈る いくらプロダクトが素晴らしいとしても、一見してダサいデザインだと、ユーザーは使う気がなくなってしまう。 でも、今からデザインの勉強をするのは面倒だし、そこまでこだわりがあるわけでもない。 Q. 簡単に及第点のデザインにできるサービスとかないんですか？ A. あります。 ということで、デザインのことはよくわからなくても、簡単にそれっぽくできるサービスをまとめました。 個人的には、「それっぽさ」の大部分はページレイアウトと画像、「こなれ感」は配色とフォントによって構成されていると思っています。 また、私はケチなのでここで紹介しているものは、すべて無料で使えるサービスです（課金プランはある）。 書かないこと 細かい使い方 大体有名なので、使い方はggれば出てきます。 ライセンスなどの情報 特に素材系は規約などを確認の上で使ってください。 あくまでも、こ
UXデザイナーという職種は存在しなくなる？ | デザインコラム・ブログ | デザイン作成依頼はASOBOAD
UXデザインとは実際何なのでしょうか？UXデザインの仕事を探すときや、UXデザインとは一体何なのかを理解しようとするときに使えるような、わかりやすいUXデザインの定義はないものでしょうか？今回は、ドイツのベルリンに拠点を置くイノベーションスタジオ AJ&Smart の動画「UXデザインとは？」を翻訳してご紹介します。※翻訳・記事掲載は許諾を得ています。(Thank you, AJ&Smart !!) 以下翻訳内容です。 僕の名前は、ジョナサン・コートニー。 かなりの数のUXデザイナーを雇っていて、僕自身もUXデザイナーだ。これからUXデザイン(UXデザイナー)とは何なのかについて話していくよ。 UXデザインの定義について 始めに簡単に「公式」のUXデザインの定義を確認しておこう。個人的にはこの定義は役立つものとは思わないし、特段実用的なものだとも思わない。けど「公式」とされるものが、どうい
【最高のサービスは診断メーカー】資金力も知名度も無い初心者のwebサービス運営者が現実的にユーザーを獲得できるサービスの設計方法 - 考えすぎてしまう人のブログ
どうもせせりです:) 「どうやってユーザーを獲得したのか」、「作っても人が来ない」というコメントを結構もらったのでそれについて書いてみようかと思います しっかり書こうと思うとそれこそ本一冊くらいになってしまうので今回は極端にしぼります 普段ぼんやり考えている事を文章化するのがすっごく難しかったのでわけがわからなかったら優しく突っ込んで下さい:) メディアやHPの集客についてはSEOなどの話になってくると思うので素人の僕には難しいです！そっちは専門家まで！ その前に この記事ではデザインや見せ方の話ではなく「こういう風にサービスを設計すると個人でもなんとか戦える」という話をします ふわっとした話や逆に細かすぎる話ではなく本当に夢も希望もない「現実的に人を集められるサービスの設計」です イメージは「ツイッターでフォロワーが100人くらい、頑張れば30人くらいは初期ユーザーとして使ってくれる」く
53サービス・アプリのクラウドやフレームワーク・言語など聞いてみた！ アーキテクチャ大調査2020｜ハイクラス転職・求人情報サイト AMBI（アンビ）
53サービス・アプリのクラウドやフレームワーク・言語など聞いてみた！ アーキテクチャ大調査2020 エンジニアHub恒例のアーキテクチャ大調査。2020年版では、フロントエンドとサーバサイドの開発環境や、クラウドサービスの利用を分けてアンケートを実施。53のアプリ・サービスから回答がありました。 ソフトウェア開発には日進月歩で新しいテクノロジーが続々と登場し、開発からデプロイ・運用までさまざまな環境でトレンドが次々と移り変わっていきます。そこには、技術選択した開発者の設計思想も見えてきます。 エンジニアHubでは、2017年と2019年にさまざまなIT企業にアンケートを実施し、各社のサービスやアプリを開発しているプログラミング言語やアーキテクチャ、またインフラを構成するミドルウェアやデータベースをまとめて掲載しました。 今回の2020年版ではテクノロジーの進化にあわせ、開発環境についてWe
UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ～業務システムとSaaSのUIを考える
デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら
SlackのUIデザインを手掛けたデザインエージェンシーMetaLabのデザインプロセスとは？ ｜ブログ｜root｜デザインの実践を個から組織・事業へ
この記事はSlackのデザインを出掛けたカナダのデザイン会社Metalabの創始者Andrew Wilkinson氏の記事を公式に許可をいただき翻訳したものです。 「君たちは、チャットボットについてとりとめのないゴミがつまったPDFを提出して、私たちの数か月分の時間を無駄にしたね！」 私はクライアントのある成功企業のCEOの元を訪れていた。彼は満足していなかった。彼が私たちに依頼をしたのは、プロダクトの次のバージョンを考える上で手伝ってほしいというのが理由だった。私たちはいつものやり方で、デザインにすぐに着手するのではなく、数ヶ月を費やして、彼の事業の未来の再考を試みるような戦略資料をつくっていた。 彼は不満を抱えていた。彼がMetalabの元にやってきたのは、すばらしいプロダクトを開発できるという私たちの評判を耳にしたからだ。にも関わらず、私たちは何か月もプロジェクトに費やして、チャット
未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie
「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD]（92MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を
現役ITフリーランスがオススメする高単価エージェント会社トップ３ – ストレスフリーに生きる技術
独立しているフリーランスエンジニア(SE)にとって、案件を紹介してくれるエージェントというのは命綱も同然です。ですから、信頼できるおすすめエージェントと良い関係を作ることはフリーランスにとって生命線となってきます。 「失敗しない！」フリーランスエージェントとの賢い付き合い方とおすすめ こちらの記事では、私の体験談も交えながらおすすめのエージェントをご紹介して参ります。 エンジニア・プログラマに特におすすめのエージェント３社 ギークスジョブ ギークスジョブは、渋谷にあるギークス株式会社の運営するエージェントです。こちらはフリーランス業界でも１５年の実績がある老舗のエージェントになります。 ギークスジョブの特徴 フリーランス業界の老舗だけあって、フリーランスエンジニアの求めているものを知り尽くしているおすすめのエージェントだと言えましょう。 案件数、案件の幅、サポート力を含めた総合力で他のエー
Atomic Designの概念に基づいたJavaScriptフレームワークのコンポーネント設計とは？ - pixiv inside
はじめに こんにちは。はてなブログとエモい話が何よりもすきな17新卒のエンジニアPotato4dです。 ひょんなことからこのpixiv insideに技術的な記事を書く機会に恵まれたので、JavaScript周りの話を書きたいと思います。 概要 モダンなJavaScript環境に慣れ親しんだ方には、「コンポーネント」という単位をベースとしたUIやロジックの開発を行う事は珍しくないかと思います。 しかしながら、その「コンポーネント」という単位の大きさと分割指標については、中々まとまった資料が存在せず、それぞれの開発者や、フレームワークによりけりとなっている印象を受けます。 昨今のフロントエンド開発、特に全てJavaScriptで完結するSPA開発で頭の悩ませる部分としては、状態の管理に次ぐ、大きな課題となっているのではないでしょうか。 今回の記事では、そんなJavaScriptにおける「コン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「UXデザインとは」からはじめる「本流」のUXデザインはじめの一歩 | UXデザイン基礎セミナー 第1回
無料コーディング練習所 | 未経験からWebデザイナーへ！【2024年版】
UXデザインが大事なのはわかるけど�エンジニアの私ができることってなんでしょう？�
