atomic_design

UXで大事なのは、意外と価値観や目的の共有と、組織づくりかもしれない。という話。

先日、辻堂のエンジニアさんのご自宅でBBQに参加させていただいたのですが、微妙な天候だったのでちょっと残念でした。梅雨、早く終わって欲しいです。

どうも、あしたのチーム デザイン事業部 部長 鈴木雄大です。

先日、UXリサーチ居酒屋 -甘口-に参加してきました。
会場で自分がお話させてもらった人のほとんどが、UXデザインの工程の一部を切り取り、実務に取り込んだりしているようでした。「UXデザイ

もっとみる

Atomic Design と Figma の組み合わせでデザインが便利になる|デザインシステムの作り方

スマートキャンプデザインブログ、デザイナー/エンジニアの葉栗です。

ユーザー体験の統一化のために大切な「デザインシステムの作り方」について紹介します。(スマートキャンプでもまだまだ模索中......)

スマートキャンプでは、インサイドセールスに特化したCRM「Biscuet(ビスケット)」という新サービスを発表をしました。

まだ開発中のサービスですが、このBiscuet(ビスケット)のデザイ

もっとみる
これからもスマートキャンプデザインブログをよろしくお願いいたします!
64

Atomic Designでランディングページを作ったので、作成手順とかまとめました。

こんにちは、@ktmoukです。時間を管理できるアプリ「Hackaru(測る)」を一人で開発しています。

最近、ユーザが最初に訪れるページ、いわゆるランディングページをリニューアルしました。Atomic Designを参考に、Vueのコンポーネントを分割しています。

本稿では、個人開発でAtomic Designを使うときの作成手順をまとめてみました。Web制作の参考になれば幸いです。

ラン

もっとみる

from bookmark to favorite - 2018.12

これは、日々の Web 制作で生まれたブックマーク集です。時事的に新しい記事もあれば、そうでないものもあります。引き出しやすいようにメモも付けておきます。

JavaScript

web speech API
- たった 17 行のコードで音声自動文字起こしを実装する - Qiita

JavaScript の web speech API で Chrome で動く自動文字起こしの実装。

op

もっとみる

技術書典6で「INSIDE MERY」と「スターティングgRPC」を頒布します!

4/14(日)に池袋サンシャインシティで開催される技術書典6にて「INSIDE MERY」と「スターティングgRPC」を頒布します。サークルは「MERY Engineer Team」です。この記事は、MERYサーバサイドエンジニアのgamiが書いています。以降簡単に本の内容を紹介したいと思います。

INSIDE MERY

「INSIDE MERY」は株式会社MERYのエンジニア6名で執筆しまし

もっとみる

今日はAtomicDesignについて考える会に来ていま〜す

Atomic DesignとPrototypingのベクトルの相反性

Atomic Designは一番小さな構成要素から段々と組んでいき、より大きな構成要素ができている。イメージとしては螺旋状に黄金比が決めっていくイメージ。外向きのベクトル。

逆にPrototypingはモヤっとした中から、あれこれ試して境界線を決めていくイメージ。内向きのベクトル。

この二つは共存するはずなんだけど、初期段階からAtomicデザイン的に考えていくとスピードが落ちる。逆にスピード

もっとみる
読んで良かったと思えるコンテンツを引き続き届けますね!
7

手戻りが少ないアトミックデザインの導入

こんにちは、クックパッド株式会社デザイナーの藤井(@kenshir0f)です。
業務では主にKomercoというサービスのデザインを担当しています。

Komercoは料理が楽しくなる料理道具やうつわ、調味料や食材など料理が楽しくなるモノが買えるアプリです。
料理に興味がある方はぜひ触っていただけたら嬉しいです。

さて、今日お話しする内容は新規事業でアトミックデザインを導入したお話です。これから

もっとみる

今さらですが「Atomic Design」って何ですか?

こんにちは。
ajikeでUI/UXデザイナーを担当しているハラです。
趣味は、飼っているチワワ2匹(9才女の子、1才男の子)を連れて、ビールを飲みながら散歩をすることです。

はじめに

今回は、「Atomic Design」の考え方や実践方法について簡単に書いていきたいと思います。

・「Atomic Design」をそもそも知らない
・「Atomic Design」の意味がわからない
・知っ

もっとみる

Daily UI #026 モーダルのメルマガ登録画面はユーザーに嫌われてしまう?

ファームノートでUXデザイナーをやっている秋山ウテです。

今回はメルマガ登録ポップアップにFigmaで挑戦しました。

目次
一般的には嫌われるメルマガ登録ポップアップ
サイトの直帰率にも影響する
ユーザーの文脈に沿っていれば効果あり
まとめ
おまけ:Atomic Design的なコンポーネントの仕分け

また、下記記事を参考にしています。

一般的には嫌われる登録促進のポップアップ

メルマガ

もっとみる
どうも!ぜひ「ご感想」+「#ファームノート」でツイートを♪
3