UX/UI

旧年レゴ®シリアスプレイ®で「3D-KPT」を行い、そして新年に振り返ってみた

着物をきた新春の猫

過去の全てをなかった事にしてどんどん前に進んで行きたい、道に迷っても歩いてきた道を戻るのが嫌いなので前に進む事だけしたい、という「山で遭難する可能性が非常に高い」であろうタイプ、UXデザインセンター所属のカツメです。あけましておめでとうございます。皆さまにおかれましては、健やかに新春をお迎えのこととお慶び申し上げます。

今年は「変わる」をテーマに、やっていきたい。ていうか去年からやってきた。だからいつもと違って、前に進まず後ろを見てみよう。ということで、新年早々に旧年のことを振り返ってみたいと思います。(「去年のうちに振り返っておけよ」というツッコミをお待ちしています。)

UXデザインセンターの定例会で「レゴ®シリアスプレイ®」を活用した振り返りを行なったのですが、これが、よかった。なので「振り返りレゴ®シリアスプレイ®」のファシリテーションをしたことを振り返ることで、自分の振り返りをしつつ「レゴ®シリアスプレイ®」の魅力も伝えてしまおう!という一石二鳥な投稿にしたいと思います。

続きを読む

WebGL、Three.jsでワクワクしてみた2019、ひとりハッカソン編

(この記事は「CRESCO Advent Calender 2019」12日めの記事です)

こんにちは、UXデザインセンターのsgi-changです。

今年もAdvent Calendarに参加させて頂くことになりました。

ちょうど一年前「WebGL、three.jsでワクワクしてみた」を書いたのですが、

何を書こうかと色々迷った挙句…私の中で最近ますますホットな3DCGの記事が書きたくて、

もうすぐクリスマス、そしてもうすぐ1年も終わるし、

せっかくAdvent Calendarだし、

今年もやっぱりThree.jsでワクワクしてみたいなと思い、

Three.jsでひとりハッカソン(※)に挑戦してみることにしました。
(しつこくてすみません。)

続きを読む

最近噂のOOUI、オブジェクトベースのUIとは何だ!?

(この記事は「CRESCO Advent Calendar 2019」5日目の記事です)

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

2019年11月20日~22日で開催された「ET & IoT Technology 2019」の、スペシャルセッションプログラムに参加してきました。

色々とHCDやデザインにまつわるお話が聞けた中、ソシオメディア取締役 上野さんのディスカッション、「これからのUIデザイン ~オブジェクトベースUIへの招待~」がとても印象的だったのでレポートしたいと思います。

UI設計は、「何をどこにどういう状態で置けば良いのか」という事を考えるわけですが、実はデザイナーの経験則や一般論で行われていることが多く、これまで明確なルールやロジックは特にありませんでした。

そんな中、今注目を集めているのが「OOUI(object-oriented user interface)」。
日本語で言うと、「オブジェクト指向のUI設計」となります。

ひとつの指針としてこの考え方を用いればロジカルにUI設計できるとあって、デザイナーからも開発者からも注目されています。

オブジェクトベースUIって何?

早速ですが、OOUIとはなんでしょうか。

上野さんの講演案内から引用させていただくと、

オブジェクトベースUI設計とは、GUIの発明的起源であるオブジェクト指向のコンセプトを用いたUI設計手法であり、アプリケーションのUI構成を決める際に、オブジェクト分析の結果を手掛かりにして画面とデータを対応づけるものです。

とあります。

続きを読む

UXを選ぶ

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

iPhone 11 Pro を使っています。
発売日の翌日に機種変更しました。

サクサク動いて気持ちいい、バッテリーの持ちがいい、ディスプレイが美しい、カメラは明るく撮れてズームもきれい、つや消しボディの手触りがお気に入り… 

と、この流れだと「iPhone 11 Pro を2ヶ月使ってみて」という記事を書いてしまいそうな雰囲気ですが、今回は機種変更の際に感じたことを書きたいと思います。

続きを読む

毎日勉強する習慣はどうしたらつくのか考えた

はじめまして!UXデザインセンターのひーです。

今年の5月から、UXデザインセンターの仲間入りしUXの分野に初挑戦中。
まだまだ分からないことだらけです。

なので一刻も早く、知識や経験をつみたいので、
「セミナーや勉強を着実にこなして自分のものにしたい!」と思っていつつ、
慣れてない仕事に悪戦苦闘し、帰宅後はぐったり、、、。
そんな日々に追われるとあっという間に1日は過ぎ、そして1週間が過ぎてしまいます。
そうなると気が焦るばかり…。

そんなときに、メジャーリーガーの大谷翔平選手が高校1年生の時に将来の目標を、
「マンダラート」で作っていたことを思い出し、自分でも作ってみようと考えました。

続きを読む

Web Push通知の受信を、Firebase Cloud Messaging(FCM)+Service Worker +Notificationで受信側でコントロールしてみた

こんにちは、UXデザインセンターのsgi-changです。

今日はドライブレコーダーの続き…ではなく、Web Push通知について記事を書いてみました。

Web Push通知と聞いて、皆さんはどんな仕組みを思い浮かべますか?

Web Push通知と言えば、モバイルのネイティブアプリで受け取れるPush通知を、Webブラウザでも同様に受け取れる、

そんなモバイルライクなUXを提供するProgressive Web Apps(PWA、以下同)の機能の一つとされています。

今回は、Firebase Cloud Messaging(FCM、以下同)経由で、PWAとも関わりの深い、Push通知を受信するために必要な技術、

Service Workerや、Notification APIを使って、

Web Pushの受信時に、FirebaseのSDK(以下、SDK)任せにしないで、受信側で通知をコントロールすることにあえて挑戦してみました。(需要はあるのだろうか…)

続きを読む

グラフィック・レコーディングはじめました。

みなさま最近はいかがお過ごしですか。UXデザインセンターのカツメです。
「○○の秋」の季節がやってきましたね。私の秋は、いまさら?これから?グラレコ?グラフィック・レコーディングをはじめてみました!

お絵かき好きだし、気になるなぁ、やってみたいなぁ・・・。
やってみたいと思いながら行動に移せない、そんなことみなさんもありませんか。私はそういうことばかりです。
そんな中、社内で「グラレコやろうぜ!」という会を立ち上げてくださった方がいたので、しっかり乗っかり、3名でグラレコ勉強会をスタートしました!
人に乗っかる、仲間を作る、というのはいいですね。お互いの進み具合を見ながら「私もがんばろう!」と思える。「ちゃんとやってるよね?」監視の目、助かります。

グラフィック・レコーディングってなんだろう?

「グラフィック・レコーディング」とは、例えば会議などの対話や議論の場において、ホワイトボードや模造紙など大きなスペースに絵や図(グラフィック)を描いていくことによって、会議の内容をリアルタイムに視覚化(レコーディング)していくことです。

続きを読む

ユーザーテストの実施と分析

こんにちは、UXデザインセンターのabです。私事になりますがつい先日、1年ほど時間をかけてじっくり仕様を検討したプロダクトがリリースされました。

もちろん、リリースしたからといって終わりではなく、更に良いものを作るため現在はユーザーテストを実施しています。いわゆるユーザビリティの改善に欠かせないユーザーテストですが、今回はその実施と分析についてまとめたいと思います。

その前に、ユーザーテストについて少しおさらいを。

続きを読む

「理解のデザイン ~情報アーキテクチャ設計入門~」のセミナーに行ってきた

こんにちは!UXデザインセンターの平島です。

少し前になりますが、7/29(月)にHCD-net主催のセミナー 「理解のデザイン ~情報アーキテクチャ設計入門~」を受講してきましたので、内容と感想をまとめてみます。 講師はHCD-netの副理事長も務めていらっしゃる(株)コンセント代表の長谷川 敦士さんです。

続きを読む

マルチメディア検定を受けてきた話

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

去る2019年7月14日(日)に、公益財団法人画像情報教育振興会(CG-ARTS)が実施している、マルチメディア検定という試験を受けてきました。

この検定、ベーシックとエキスパートという2つのレベルに分かれているのですが、今回はエキスパートを受験しました。

続きを読む