最新記事

ゲシュタルトの法則とは？ ゲシュタルトとは、ドイツ語で「全体」や「形態」を意味する言葉です。人の知覚はモノを見るときに、無意識のうちにひとつのまとまりとして捉える傾向をもっています。まとまりの中で、似ているものをグループとして捉えたり、左右対称の図形を見出そうとする傾向があり、それらはゲシュタルトの法則と呼ばれています。これはチェコ出身のドイツの心理学者、マックス・ヴェルトハイマーによって体系化された、ゲシュタルト心理学の基本概念でもあります。ちなみにゲシュタルト心理学の定義

Figmaでフレームやレイヤーを追加していくと「Rectangle 1」「Rectangle 2」のようにデフォルトの名前がつきますよね。それぞれのレイヤーに名前を付けて管理したい場合は「名前を変更」機能を使って名前を変えていくことが多いと思います。 場合によっては、複数のレイヤーに同じ名前を付けて管理したい場合もあるのではないでしょうか？今回は、そんな時に役立つFigma Tipを紹介します。 ## レイヤー名変更モーダルの使い方 1. 名前を変更したい複数のレイヤーを選択

デザイナーの皆さんは普段ポッドキャストを聴いていますか？日本でもデザインをテーマにした素敵なポッドキャスト番組がたくさんありますが、ポッドキャストは世界中のデザイントレンドを深く知るのにも最適なメディアだと思います。 例えば、今世界中で注目を集めるAIやChatGPTについて、有名な専門家が未来のデザインとAIの関わり方について語る内容であったり、「レイヤー名をちゃんとつけないデザイナーは良いデザイナーじゃないの？」というトピックについて議論したり、デザイナーのキャリアのあり

近年の人工知能（AI）の進化は驚異的であり、特にデジタル技術の進歩を推し進めています。最近では、無料で使えるDALL•EやChatGPTなどのAIツールが登場し、AIが広く一般に認知されるようになってきました。もはやAIは未来の話題ではなく、現代の私たちの生活に深く根付いています。 私の働く会社でもこの革新的なテクノロジーを取り入れ、子供たちが安全かつ簡単に絵本を作れるプロトタイプを今年制作し、先月公開しました。このプロトタイプは、DALL·EやChatGPTを駆使した技術が

Figmaでデザインに画像を追加した後に、元画像の解像度を確認したり、画像を別ソフトで再編集したくなることはありませんか？ 実はFigmaには、Figmaのサーバーにアップロードされた元画像を開いてくれる機能があるのです。 使い方は、 1. 画像のレイヤーを選択 2. 「インスペクト」タブを開く 3. 「インスペクト」タブの下の方にある画像の「ファイル名」リンクを選択 これによってブラウザで元画像を開くことができ、画像のサイズ確認やダウンロードをすることができます。 「インス

古典的条件づけとは？刺激をくり返し与えることで条件反射するようになる学習記憶 古典的条件づけ（Classical conditioning）とは、一定の条件の刺激をくり返し与えることで条件反射するようになる学習記憶をさします。生理的な反射を引き起こす刺激を何度も提示することで、深層心理や無意識に影響を及ぼして反応が変化する「条件づけ」という学習手法のひとつです。Aという刺激をBという刺激とセットでくり返し提示すると、刺激BだけでもAと同じ反応をすることが条件反射としてきざみ込

プライミング効果とは？経験や情報が認知や行動に影響を及ぼす効果 プライミング効果（Priming effect）とは、経験したことや見たり聞いたりした情報が、認知や行動に影響を及ぼす効果のことです。プライミングのもととなる言葉「prime」は「準備する」という意味をもつ英単語で、認知心理学では先に取り入れた情報が潜在的に作用する現象を「プライム記憶」と呼んでいます。先行情報の種類は文字、映像、音楽など多岐にわたり、それらの先行刺激のことを「プライム刺激」と呼び、影響を受ける事

3月15日、SmartHRのデザインチームによる、SmartHRのデザインシステムの構想から構築、運用までを紹介した書籍『ちいさくはじめるデザインシステム』が発売されました。 近年よく話題に上がる「デザインシステム」ですが、その目的や形態はさまざまで、新たに作りはじめる時には「どこから手をつければ良いのかわからない」という悩みを抱えるデザインチームも多いと思います。 また、Storybookなどのツールを使用してデザインシステムを外部に公開している企業・サービスも増えてきまし

Figmaに限らず、PC作業でコピー&ペーストを使うとき、「Command ⌘ + C」と「Command ⌘ + V」を使うのはもはや当たり前になっていますよね！ 毎日のように使うこのコピー&ペーストのショートカットですが、Figma上でコピーしたレイヤーやグループを「Command ⌘ + V」で貼り付けると、フレームの外にペーストされてしまったり、予想外の場所にペーストされてしまう現象に悩まされるデザイナーも多いのではないでしょうか？ 実は、Figmaには「ここに貼り付

小紅書（RED）とは？ 『小紅書（RED）』とは、買い物やライフスタイルに興味を持つ若いインターネットユーザー向けのモバイルアプリケーションです。サービスのコンセプトは、「ユーザーがプロダクトを通じて、世界中の良いものを発見することができること」であり、インフルエンサーの投稿を閲覧したり、商品を使用した感想を共有し合うこともできます。また、アプリ内には、ショッピング機能もあるため、気に入った商品を購入することができ、RED一つのプロダクトで「発見 → 交流 → 購入」という一

忘却曲線とは？記憶保持の時間経過が描く曲線 ヒトの脳は経験や情報を保管して記憶する機能をもっています。しかし一度記憶したものを忘れるメカニズムも備えています。短期記憶や中期記憶は一時的に記憶されますが、時間とともに必要のない情報は消えてしまいます。記憶は情報を覚えた直後からわずか1日の間に急激に忘却が進み、その後の忘却はゆるやかに進行するのが特徴です。このような記憶保持の時間経過が描く曲線を、忘却曲線（Forgetting curve）と呼んでいます。忘却とは短期記憶や長期記

ECサイトの商品一覧や動画視聴サービスの動画一覧画面など、Figmaに複数の画像を追加したいような場合、どのように追加していますか？一つずつレイヤーを選択して「塗り > 画像」を選択したり、一度すべての画像をFigmaに追加してから配置を調整するといった方法を使う人も多いのではないでしょうか？ 今回紹介するショートカットは、そんな時に便利な「複数画像を埋め込み先のレイヤーを選択しながらFigmaに追加」できる『Command ⌘ + Shift + K』です！ このように、F

近年、メタバースと呼ばれるオンラインの仮想空間が注目されています。メタバースとは、物理現実と仮想現実が融合した共有空間を表す言葉であり、完全に没入型でユーザー同士の相互作用が可能な仮想環境です。ユーザーはリアルタイムで交流し、ゲームやソーシャル、学習、ショッピングなどの多彩な活動を体験できます。その他、既存のオンラインサービスは２次元のインターフェースであり、没入感に欠けますが、メタバースは３次元の没入感あふれる体験を提供してくれます。 一方で、ここ数年私たちが経験したパンデ

エピソード記憶とは？1回限りの具体的な経験についての記憶 エピソード記憶（Episodic memory）とは、いつどこで何があったかがはっきりしているような1回限りの具体的な経験についての個人的な記憶です。特定の時間や場所で個人が経験した特別な出来事やイベント、事象などのエピソードについての記憶をさしています。いつ、どこでという時間的、空間的文脈がはっきりしていることが特徴で、そのときの感情が結びついてエピソードとして強化されます。エストニア生まれのカナダ人心理学者であるエ

Figmaで作ったデザイン、またはその一部だけをちょっと画像として他のところに貼り付けたい時ってありませんか？画面デザインをMiroやパワーポイントに貼り付けるときなど、いちいちエクスポート機能を使って書き出すと時間がかかります... そんな時には、画像としてコピーしたいレイヤーやグループ、フレームを選択した状態で『Command ⌘ + Shift + C』のショートカットを使うと、選択した部分をpng画像としてクリップボードにコピーすることができます！一つのレイヤーやグル

意味記憶とは？よく知られている知識や事実についての記憶 意味記憶（Semantic memory）とは、エピソード的な情報を伴わず、特定の文脈からは独立して存在する知見や一般事実ついての記憶のことです。たとえば「カエルの子はオタマジャクシである」のように科学的に証明された知見などもこれに含まれます。エストニア生まれのカナダ人心理学者であるエンデル・タルヴィングは、エピソード記憶と意味記憶と呼ばれる性質の異なる2種類の記憶は、長期記憶に分類されると提唱しました。 ## 記憶の種

先週、オンライン送金サービスのWiseがブランドデザインを全面的に刷新したことを発表しました。その新たなブランドデザインは、金融サービスの常識を打ち破った面白いものでした。また、与えたいブランドイメージに沿って論理的にビジュアルアイデンティティを設計したことが伺える良い事例となっています。 ## Wiseとは？発想の転換で低い手数料の国際送金を実現したオンラインサービス Wise（旧称: TransferWise）とは、低い手数料での海外送金を実現したオンラインのP2P送金サ

共感マップとは？ユーザーの環境や感情、思考を理解するためのフレームワーク 共感マップとは、ユーザーの置かれた環境やその中で抱く感情・思考などについて理解するためのフレームワークです。UXデザインやサービスデザインにおいて最も使われることの多いフレームワークの一つでもあり、デザイン思考の産みの親であるIDEO創業者のデビッド・ケリーがスタンフォード大学に設立したd.schoolのカリキュラムでも採用されています。また、過去にはハーバードビジネスレビューでも掲載されたことがあり、

長期記憶とは？長期的に保持される特に重要な記憶 長期記憶 (Longterm memory) とは、脳に取り込まれて記憶として保管された情報の中から、特に重要なものが長期的に保持される記憶として定着したものです。 長期記憶はどのようなプロセスを経て生じるのか、記憶のメカニズムの流れから説明しましょう。人は視覚や聴覚などの感覚器官を通じて情報を認識すると、まずは感覚記憶としてほんの一瞬だけ記憶にとどめます。その中から一時的に覚えておきたい情報は海馬に運ばれて１分程度保持される短

ヒューリスティック分析とは？UXのプロの知見に基づいて行う分析手法 ヒューリスティック分析とは、経験則（ヒューリスティック）を基にしてUX/UI上の問題を発見するユーザビリティ評価手法の一つです。代表的な評価手法であるユーザーテストのように被験者（ユーザー）を必要とせず、「UXのプロである専門家が自身の知見や経験則を基にして主観的に行う分析」になります。 被験者（ユーザー）を必要としないため、より短い時間・労力でウェブサイト・アプリの評価をすることができ、調査の設計によっては

デザイン思考を実践するための具体的な手法をまとめた書籍、『Design Thinking Toolbox』の訳書『デザインシンキング・ツールボックス 最強のイノベーションメソッド48』が2月13日に刊行されたので、早速チェックしてみました！ 本書は、2019年日本語版刊行の『デザインシンキング・プレイブック』に続く、第2弾としての位置付け。デザイン思考を実践するための48もの手法が、デザインシンキングを細分化した8つのフェーズに分けて紹介されています。 ## 手元に置いておき

感覚記憶とは？感覚器官でキャッチした情報をそのまま1～2秒ほどとどめる機能 ヒトは目や耳や鼻や手などの感覚器官でキャッチした情報を、そのまま1～2秒ほどとどめる機能をもっています。この機能を感覚記憶 (Sensory memory) と呼びます。感覚記憶は一時的な最も短い記憶です。その中で特に注意を向けた情報だけが脳に送られて短期記憶として取り込まれ、重要ではないと判断された感覚記憶は意識に残ることもなく消えてしまうのが特徴です。 こうした機能がある理由として、情報を保管する

半構造化インタビューとは？参加者の回答を深掘りするためのインタビュー形式 半構造化インタビューとは、事前に準備した質問項目に沿ってインタビューを行い、相手の回答に応じてより詳しく内容を掘り下げるインタビュー形式です。インタビューで聞きたいトピックから逸脱することなく、詳細な情報を得ることができるという利点があります。 例えば、 > 「夕飯の献立を考える時はどのようにしていますか？」 という質問に対してインタビュー参加者が、 > 「アプリの〇〇などを利用して探すことや、動画サー

記憶とは？情報を保管してのちに思い出す機能 記憶とは、過去の経験や取り入れた情報を一度脳内の貯蔵庫に保管して、のちにそれを思い出す機能のことです。記憶はヒトに限らず生物がもつ基本的な働きで、広い意味でいえば私たちの日常生活の中で記憶に関わりのない活動はほとんどありません。たとえば日常生活を送るためのルーティーンや、自分が誰で何をしている人なのかという自己に対する認識など、過去の記憶に支えられた行動や認知は数多くあります。また記憶することで経験を対策として活かすことができるため