コンポーネント設計とAtomic Design ~UIデザイナーと開発者との協業を考える~

(引用元: bradfrost.com)
この記事は『CRESCO Advent Calendar 2021』 19日目の記事です。
こんにちは、エクスペリエンスデザインセンターのsgi-changです。

つい最近、アドベントカレンダーを執筆したと思ったら、もう一年が過ぎていて時の流れの早さに驚愕している毎日です。

元々はWebサービスのバックエンドエンジニアでしたが、最近はありがたいことにフロントエンドのお仕事も多くなりReactなどのSingle Page Application(以降、SPA)のフレームワークを使って開発する機会が増えました。

そこで「SPAのフレームワークはコンポーネント指向である。」

とよく聞くけど

「そもそもコンポーネントって何?コンポーネント設計って?コンポーネント指向との違いは?」

とモヤモヤしたことがあったので、コンポーネント設計についてAtomic Designと絡めて記事にしてみました。

ここではコンポーネント設計にAtomic Designをベースに紹介していますが、あくまで設計手法のひとつとして参考になれば嬉しいです。

以下の流れで進めていきたいと思います。

続きを読む

UX/UI関連おすすめ本を紹介します(2020年9月)

こんにちは

エクスペリエンスデザインセンターのひーです。

今回は、UI/UX関連のおススメ本を紹介したいと思います。
私がエクスペリエンスデザインセンターの仲間になってから、早いもので2年目になりました。
色々知識を深めたいと思い学習のための本を書店やAmazonなどで探そうとするとUI/UX関連の本が少ないと感じています。

もし「これからUI/UX学んでみたいよ」という人がいらっしゃったら参考にしてみてください。

※本の題名にリンクを張っておきます。

続きを読む

絵が描けなくても大丈夫!ストーリーボード活用!

こんにちは。UXデザインセンターの金井です。

最近、お仕事でストーリーボードを描くことがあったのですが、手書きではうまく書けず、しかも時間もツールもなかったので、Excelでお絵描きをしていた所、ちょっとびっくりされました。

確かにExcelに代表されるOffice製品のオブジェクト、結構色々なこと出来るのですが、あまりお絵描きには使われないかもしれないですね。。

Excelでイラストを書くなんて面倒と思われるかもしれませんが、基本のワンセットを作ってしまえば意外と楽で、やり直しも簡単、コピーもOK、色もサイズも簡単に変更できます。

続きを読む

あなたもカラーユニバーサルデザイン

健康第一

みなさま、お仕事おつかれさまです!2019年になりました。今年も張り切っていきましょう!
と、言いながら。年末にインフルエンザAに罹患!年始から致し方なし寝正月を過ごしたUXデザインセンター所属のカツメです。

昨年は体の調子を崩すことが多く、節目の年齢だからか・・・と、今年は猛進ではなく無理せず一歩一歩進んでいきたいと思います。健康第一。

さて、今回は「色」にしぼったデザインの話をしたいと思います。タイトルにもあります「カラーユニバーサルデザイン」。

「カラーユニバーサルデザイン」とは、NPO法人カラーユニバーサルデザイン機構 (CUDO〈クドー〉)が作った名称であり、一部を引用しますと、

人間の生まれつきの色の感じ方(色覚)は、大きく5つの型(タイプ)に分けることができそれぞれの色覚型には色の感じ方に異なる特徴があります。また色覚は病気や老いによって変わることもあります。
こうした人間の色覚の多様性に配慮し、より多くの人に利用しやすい配色を行った製品や施設・建築物、環境、サービス、情報を提供するという考え方を「カラーユニバーサルデザイン(略称CUD)」と呼びます。

ということだそうです。色の世界にもバリアフリーを!

続きを読む

UX×エンジニア~エンジニアは開発工程においてUXデザインを実践することができるのか?~

はじめまして、UXデザインセンター所属のエンジニア、sgi-changです。

今日はUXとエンジニアについて考えてみました。

以下の内容で進めていきたいと思います。

  • はじめに~ユーザーは誰?~
  • UXデザインのプロセスと主なデザイン手法
  • 開発工程でエンジニアはUXデザインを実践することができる?
  • 今、なぜ、UX×エンジニア?
  • おわりに

本記事は、

UXデザインという言葉は知っているけど、エンジニアはどうしたらいいんだ?

UX?エンジニアだから関係ないよね?

一体どこから手をつけていいのやら…

というエンジニアの方を対象としています。

続きを読む

「みんなのマイク」のご紹介

こんにちは、技術研究所のけんたろうです。
今回は2015年のクレスコフェアでアイデア賞を頂いた「みんなのマイク」について、ご紹介いたします。

はじめに

「みんなのマイク」とは、カメラで人の顔の位置を検出してマイクの高さを自動的に調整してくれるシステムです。
マイクスタンドの高さの調整は、通常はそれぞれの人の身長に合わせて手動で行いますが、その高さ調整を自動化することが「みんなのマイク」の目的です。
講演等でステージに人が上がるたびに、講演者または係員の人がマイクの高さを手動で調整する作業の手間が省けるというメリットがあるのです。

続きを読む

ユーザビリティは、単なる「使いやすさ」ではない!(UXデザインセンター #003)

こんにちは。
クレスコ UXデザインセンターのりんりんです。
「UX」について語る、UXデザインセンター連載の第3回目です。
第1回第2回は、「UX」と「UXデザイン」についてお話ししました。
今回は、「UX」と密接な関係にある「ユーザビリティ」についてです。

続きを読む

UX(ユーザー体験)とは?(UXデザインセンター #001)

こんにちは。

クレスコ UXデザインセンターのりんりんです。

 

技術研究所のブログをお借りして、今回から数回にわたって、UXについて書かせて頂きます。

このブログを通して、UXとは何かが分かり、UXについて真剣に取り組むことで、どんな「良いこと」や「価値」があるのか、どんな「差別化」ができるか、のヒントになればと考えています。

IT業界でスマホアプリやWebサイト、サービスの作成に携わるエキスパートの方だけでなく、業界に関係なく、新人さんから経営者まで、幅広くお役にたてれば、と考えています。

「UXって何?」という方も、もちろん大歓迎です。ぜひ最後までお付き合いください。

続きを読む