本セミナーでは、デザインやITの知識を持たない方でも直感的で使いやすいUIの検討(アプリケーションの画面設計等)を行える方法論をご紹介します。 DXに取り組む企業の増加、ノーコード開発ツールの発展などの背景から、最近、デザインやITの知識をほとんど持たない方が業務用アプリ等の画面をつくる機会が増え…
![ノンデザイナーでもできる。直感的で使いやすいUIの設計方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/c55c639405b70303ea10ec13bdd34112c9c32a5e/height=288;version=1;width=512/https%3A%2F%2Ffiles.speakerdeck.com%2Fpresentations%2F28124c4e34dd402b8ffabe032fc7ec0c%2Fslide_0.jpg%3F30784866)
ナッジ・行動経済学を活用した 行動促進策の設計法 ~暮らしの中での行動変容による社会課題解決~ 2023/4/21 1 Copyright (C) Mitsubishi Research Institute, Inc. ナッジ・行動経済学を活用した行動促進策の設計法 ~暮らしの中での行動変容による社会課題解決~ 2023 年4月 株式会社三菱総合研究所 先進技術センター 要旨 目次 頁 1.拡大するナッジなどの緩やかな行動変容の取り組み 2 2.行動特性による行動ボトルネック分析 6 3.行動促進策の設計 8 3.1 ボトルネック要因に影響している行動特性を弱める 8 3.2 行動特性を利用して行動を促す 9 (1)フレーミングと参照点でメッセージを設計する 9 (2)セグメント異質性を意識して設計する 11 (3)スモールアクションを設計する 13 (4)フィードバッグを設計する 14
昨今、プロダクトマネージャー(以下PdM)の需要が高まり、多くの企業で採用や育成に取り組んでいることと思います。しかし、PdMは幅広いスキルや役割が求められるため、どのようにステップアップしていくのか、定義することが難しい面があります。 そこで私たちのチームでは、PdMの「スキルマップ」を作成してみました。あくまで私たちのように「クライアントワークを行うPdM」向けのものではありますが、PdMのキャリアを考えている人や、PdMとして成長したいと考えている人へ、自身のスキルを客観視するきっかけになるかと思い、この記事でご紹介することにしました。 スキルマップと合わせて、各々のスキルをどのように身につけるのかや、スキルを得た先にあるキャリアパスについても触れたいと思います。ぜひご覧ください。 グッドパッチが求めるPdMスキルを「35項目」に整理 今回私たちが作成したスキルマップでは、PdMのス
はじめに 最近プロジェクトマネジメント関連の仕事をする機会が増え、要件定義や設計関連の業務もするようになったので、私の経験を基に要件定義の具体的なプロセスや考え方について、まとめていきます。 本記事について Findy様の「要件定義 先達に学ぶ今日から使える実践テクニック Lunch LT」で登壇した内容を元に作成しています。 この記事の対象者 要件定義の基本や思考プロセスを学びたい人 エンジニアからプロジェクトマネジメントをやりたい人 ビジネスサイドとエンジニアサイドのコミニュケーション能力を向上させたい人 具体的な事例を通して要件定義を学びたい人 前提 紹介する内容はあくまで一例であり、プロジェクトやチームの状況に応じて調整が必要 あくまで自分(駆け出しPM)の経験に基づいた内容を言語化しています プロジェクト規模は10名〜20名のWebアプリ開発を想定しています システム開発の全体像
SnapEDAから社名を変更したSnapMagicは2023年10月4日、最先端の人工知能(AI)と膨大な同社独自のデータセットを組み合わせた、回路基板設計を自動化するツール「SnapMagic Copilot」を発表した。これは、150万人のエンジニアに利用されてきた電子設計検索エンジン「SnapEDA」の上に構築されたものだ。 SnapMagic全体は3つのステップからなる。Step1はSnapMagic Search(旧:SnapEDA)での部品選択、Step2はSnapMagic Copilotでの回路設計、Step3はSnapMagic Storeでの部品購入だ。 Step1の部品選択では、SnapMagic Searchで何百万もの電子部品向けCADモデル、シンボル、フットプリントから適したものを探し出すことで、素早く設計できる。既存のさまざまなプリント基板(PCB)設計ツール
アメリカ・メリーランド大学にて今秋、『ゼルダの伝説 ティアーズ オブ ザ キングダム』を使った機械工学コースが開設された。同作のビルド要素の学習利用として注目を集めている。国内ではインサイドが伝えている。 Image Credit: Ryan D. Sochol on YouTube 『ゼルダの伝説 ティアーズ オブ ザ キングダム』は、Nintendo Switch向けに発売中のアクションアドベンチャーゲームだ。本作では、リンクの右手に宿る「ウルトラハンド」の能力によって物体やゾナウギアを組み合わせ、さまざまなものをビルドできる。その自由度は高く、制作物は国内外問わずSNSなどで日夜共有されている。海外掲示板Redditでは本作での工作物の共有専用コミュニティ「r/HyruleEngineering」などで盛んに披露されている(関連記事)。 そうした本作のビルド要素が、大学の工学部におけ
世はまさに大サブスクリプション時代。この潮流の中で弊社スマートバンクもまた、去る2023年7月12日にB/43プラスというサブスクリプションサービスをリリースしました。 サブスクリプションといえばユーザーに提供されるコンテンツや機能といった直接的な価値に焦点が当たりがちですが、その土台にはサブスクリプションビジネスを成立させるための課金システムがあります。本記事では筆者が行った課金関連の開発を振り返ってみて重要だったポイントや工夫点を伝えてみたいと思います。 すでに世に多くのサブスクリプションサービスがある中で、課金システムの実装はコモディティ化した単純な作業に思えるかもしれません。しかしながら自社サービスにてゼロから実現するとなると、想像よりも多くの思考と意思決定が必要とされる、エンジニアリング観点ではとても奥深い題材といえます。いち開発プロジェクトのケーススタディ、あるいはいちプログラ
デジタル技術を活用して企業のビジネスを変革し、自社の競争力を高めていく「デジタル・トランスフォーメーション(DX)」が注目を集めるなか、従来のようなITベンダやシステム部門が中心になって要件定義をすすめるスタイルから、業務部門のユーザが主体的に関与するスタイルへの変革の必要性が増しています。 システムの要件を定義する責任は、構築されたシステムを利用してビジネスに貢献する役目を負うユーザにあると言われています。しかしながら、システム開発の遅延の過半は要件定義の失敗にあると言われるように、要件定義においては、その過程で様々な問題に直面します。 そこでIPAでは、要件定義の過程で直面する問題への対応をガイドすることが、ユーザへのよりいっそうの支援策となると考え、「ユーザのための要件定義ガイド(初版)」の内容を一新し、「ユーザのための要件定義ガイド 第2版 要件定義を成功に導く128の勘どころ」と
スキルエリアシステム ペパボでは、個人のスキル向上のためのガイドを目的とし、デザインに必要なスキルの領域を次のように定め、人材育成や目標設定のために活用しています。 Expert Skill Areas 優先度の高い専門性のスキルエリア Communication Design ブランドを正しく活用し、成長させるための、さまざまなレベルのコミュニケーションのデザイン、またはブランド自体のデザインを行う。 知識・スキル ブランド価値の形成と活用について理解し、それらを達成するためのコミュニケーション要件を定める。 誰に、どんなメッセージを届け、どのような認知・行動の変化を起こすかを定める。 テキスト、画像、動画、ストーリー、などさまざまな手法とそれを伝えるメディアの選定、メディアに応じた手法の最適化をおこない、アウトプットとして提供する。 タッチポイント、流入、メディアの選定とコンテンツの設
俺の屍を越えてゆけみたいになってもうた ども。しょーてぃーです。 本記事は守・破・離の「守」です。 学んだことを、 まずはかんたんなことからシェアする記事です。 プロンプトも全てコピペできるので、 お試しあれ。 🚸 なおこの記事企画はPVやいいね数をみて 需要がなければすぐやめて、 また一人でAIと山奥にこもる予定です笑 (仮説実行検証!) 概要所要時間: 5分 完成する成果物: 1.インタビューシートの概要 2.インタビューフロー(添付画像) インタビューをしたほうがいいと言われて、 頭ではわかっているがどのように設計したり 具体的にどんな質問を投げかければいいのか 困ったことはないだろうか? リサーチを何百回 やってきた私もまだある。 本当に 設計は大変である。 そしたらAIと一緒に作ればいい。 「え〜、AIって難しそう!理系っぽい!」 いや、安心してくれ。 私は一切コードがかけない
UIデザイン用にフォントやアイコンのサイズ、スペース、角丸、シャドウ、パディング、コンポーネントなどで比例スケールを使用したバリエーションを簡単に作成できるオンラインツール(ローカルも可)を紹介します。 たとえば、黄金比でフォントサイズを設計したり、白銀比でコンポーネントを設計したり、ということができます。また、作成した比例スケールは、CSSで書き出されるのですぐに使用できます。 Proportio Proportio -GitHub Proportioの特徴 Proportioの使い方 Proportioの特徴 Proportioはデザインシステムに必要となるタイポグラフィ、スペースや角丸やシャドウなどのシェイプ、コンポーネントに使用する比例スケールを簡単に作成するためのツールです。 パラメトリックデザイン(変数を基準としてサイズを決める形状作成方法)を採用しているので、体系的なデザイン
この前ポジショントークしたらそれなりに反響があったので書いてみる。 これまでの人生を振り返ると毎年ラジオや電話や配信サービスを作っている気がするし、なんかそういう仕事が回ってくることが多い気がする。 最近自分なりに答えが出たかなと思ったことがあるので言語化してみようと思う。 OGP は Flux ぽい画像だ。 注意・免責事項 ここにあるソースコードは不完全です。これは私が元々手元で実験していたボイラープレートであるとはいえ、いろんな仕事で培ったノウハウ的なものも含まれているので、念には念を入れて意図的に要件が透けそうな箇所は削除しています。 その結果元々のボイラープレートと乖離してしまい、動作しないコードになっています。ただ概念を伝えるには十分なコードになっているはずなので、脳内補完してください。質問は Twitter のメンション、もしくは Issue でのみ受け付けます。 (完全版を書
本連載では、SmartBankのデザイナーが「デザイナーの業務効率化」をテーマに、FigmaやNotionを活用した「業務効率改善のTips」を紹介していきます。今回焦点を当てるのは「Figmaを活用し、職種を超えて全員でデザインするための工夫」についてです。 こんにちは!SmartBankでデザイナーをしている福嶋(putchom)です。 2022年9月にふたりめのデザイナーとしてSmartBankに入社し、現在はおもにプロダクトのUIをデザインしたり、デザインシステムを設計したりしています。私たちは、「B/43」というVisaプリペイドカードと家計簿アプリがひとつになった新ジャンルのサービス「家計簿プリカ」を運営しているのですが、チームメンバー全員でサービスをデザインできるように、デザインを透明化し目線を揃えた上で有意義な議論ができるようにしています。 第6回ではプロトタイピングや詳細
くらにゃんの人格が憑依したAI相手になぜなぜ分析・・・ではなく「にゃぜにゃぜ」と問答をしていたらあっという間に時間が過ぎました。自分がある程度勉強している分野の壁打ち学習には良いかもしれません。 こんにちは。AWS事業本部コンサルティング部に所属している今泉(@bun76235104)です。 ソフトウェア設計・クラス設計などの学習捗ってますか? 私は実際にソフトウェア設計に関する本を読んで学習したり、OSSを書いてアウトプットしたりするのですが、なかなかフィードバックをもらえず上達しているのか分かりません。 普段のお仕事も直接的にコードを書くことも少ないので、先輩によるご指導などももらいにくい状況です。 そこで今回、話題のAIとソフトウェア設計の考え方について壁打ちしてもらったところ、非常に良い学習方法だと感じたので、この記事を書いてみました! ちなみに私は以下のようにソフトウェア設計関連
ここ1, 2年でFigmaが急速に浸透しました。日本でも最近はFigmaだけでUIを制作しているところも増え、仕様やサイトマップの設計、さらにはチームでのコミュニケーションツールとしてもFigmaが使用されています。 Figmaの使い方をひと通り学びたい人に、短期間で使えるようになりたい人に、使用頻度の高い機能を優先的に解説した実用性の高い解説書を紹介します。 著者はQiitaのUIデザイナーである綿貫氏、Figmaを中心にして社内のデザインシステムを整備し、現在も拡張され続けているとのことです。 本書ではFigmaによるUIデザインはもちろん、その前段階であるWebサイトの設計図をはじめ、プロトタイプの作成、デベロッパーへのハンドオフ、さらにチームでFigmaを使用する便利機能まで解説されています。
Speaker Deck This deck requires a password Password
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog みなさまこんにちは。ヤフーでデータソリューション事業のUI/UXデザインを担当している、横内です。 2022年11月に弊社が運用するデータ可視化ソフトウェアのDS.INSIGHTで人流データを分析できるPlace機能を大幅アップデートしました。その際使用したOOUIという設計手法から得られた学びをプロジェクトの実例を交えながらご紹介します。 OOUIとは そもそもOOUIとは何者でしょうか。OOUIとは、Object Oriented User Interfaceの略語で、通称オブジェクト指向UIと呼ばれています。 オブジェクトとはその名の通り「役割を持ったモノ」を指す言葉です。例えばお店で買うクロワッサンや、ECサイトでカゴに入
by Morgan Davis 現代では多くの人々がスマートフォンの電卓アプリを使っていますが、過去には電子式ではなく機械式の計算機も使われていました。1948年に登場して以降、約20年にわたり地球上で最高のポータブル計算機だった「クルタ計算機」は、ナチスの強制収容所に収容されていた囚人によって発明されたとのことで、テクノロジー系メディアのArs Technicaがその歴史についてまとめています。 The hand-cranked calculator invented by a Nazi concentration camp prisoner | Ars Technica https://arstechnica.com/science/2021/12/the-remarkable-history-of-the-hand-cranked-curta-mechanical-calculato
ダンジョン、作るの得意ですか? なんとな~くマップタイルを敷いてみたり。 なんとな~く分かれ道を作ったり。 なんとな~く行き止まりに宝箱を置いたり置かなかったり。 なんとな~く敵を配置してみたり。 なんとな~く謎解き要素を入れてみたり。 していませんか? ダンジョンってそれっぽく作ることは簡単なんですよ。 ただ、そうして作られたダンジョンが面白いかどうかはまた別です。 ぶっちゃけ、 分かれ道があったところで怠いダンジョンは怠いし、ちょこちょこ宝箱があった所で「うひょ~、このゲーム最高に楽しいぜ!!」とはならない。 というのが現実じゃないですかね。なんとな~く作ったダンジョンが、なんとな~くつまらないダンジョンになっても、まぁ別に全然おかしな話じゃないわけです。 ただ、なんとな~く作っている人も、別になんとな~く作りたくて作っているというよりは、 何を考えて作れば良く分からんからとりあえず手
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く