デザイン思考は何が問題なのか？その限界と先にある可能性 デザイン会社 ビートラックス: ブログ
「デザイン思考を導入してみんですけど、これといった結果が出てないんですが…」 日本企業にデザイン思考ブームが到来して、数年経ち、効果について検証し始める時期になってきてるのだろう。 デザイン思考は現代のビジネスにおいて、重要な役割を果たすが、同時にその限界と課題についても多くの議論がされている。 その辺に関して、掘り下げてみたいと思う。 誰にでもわかるデザイン思考の基本とプロセス デザイン思考の誤解とその限界そもそも、企業がこの手法を取り入れようとする背景には、イノベーションの創出を期待していることが多い。 しかし最近では、デザイン思考を導入してみたものの、それだけでは十分ではないという現実に直面する企業も少なくない。 これは、デザイン思考を万能なツールと過信し、そのプロセスさえ踏めば、何かしら新しいイノベーションや、ヒットサービスが生み出されると勘違いしている部分が大きい。 では、どのよ
Figmaの実践的な使い方がこれでよく分かる！ UIコンポーネントの作り方にフォーカスされた解説書 -Figmaで作るUIデザインアイデア集
※本ページは、アフィリエイト広告を利用しています。 UIデザインでもっとも使われているツールは何か、と言えばFigmaと答える人が多いと思います。Figmaは、Webサイトやスマホアプリの制作において欠かせないといっても過言ではないデザインツールです。 そんなFigmaをもっと使いこなしたい、UIデザインをする際のアイデアや実践的なテクニックを解説した解説書を紹介します。デザインシステムをベースにしているので、しっかりとした知識を学ぶことができます。 本書はデジハリなどの講師である相原氏、現役UIデザイナーである岡部氏、二人による共著です。Figmaの解説書も最近では増えてきましたが、本書はFigmaで特にUIコンポーネントの作り方にフォーカスされた解説書です。
気持ちよいUIができたら後は放置。傑作Flash『艦砲射撃・マテスナ』作者の素敵な“悪癖”【フォーカス】 レバテックラボ（レバテックLAB）
TOPフォーカス気持ちよいUIができたら後は放置。傑作Flash『艦砲射撃・マテスナ』作者の素敵な“悪癖”【フォーカス】 ゲームクリエイター TANAKA U ゲーム制作フリーランス。「動かしているだけで気持ちよい」が信条で、UI制作に強いこだわりを持つ。専門学校でゲームづくりを学んでいた2003年にFlashゲームサイト「NEXTFRAME!」を立ち上げ、多数のゲームを制作。2006年にバンダイナムコゲームス社に入社し、2009年からフリーランス。ソーシャルゲームを中心に、UI演出、UIコンサルティング、ゲームデザインなどを手がける。仮想通貨「Monacoin」についてSNSでつぶやいただけで、何者からか400万円相当のMonacoinを振り込まれ、戦慄したことがある。 X NEXTFRAME! 2000年代のWeb上には、「Adobe Flash」規格の無料ゲームが、個人によって多数制
Appleのデザイン哲学とApple Intelligenceがもたらす革新的UXとは
デジタルプロダクション「factory4」でアプリやさまざまなIoTプロジェクトのUIUXデザインを手がける新谷友樹さんが、UIやUXにまつわるトピックについて解説する本連載。今回のテーマは「Appleのデザイン哲学とApple Intelligence」です。 こんにちは！株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。 先日、Appleが開発者向けイベント「WWDC24」で次期OS「iOS 18」の詳細を発表しました。ホーム画面のカスタマイズ機能、アプリアイコンやウィジェットの配置、プライバシー関連機能の強化、メッセージのサポートなど、数多くの新機能が追加されましたが、とくに注目すべきはAI「Apple Intelligence」の統合です。 Appleは、その優れたデザイン哲学にもとづき「Apple Intelligence」
理想のUIをめざして！Webでハーフモーダルを作って磨き上げた話 - Tabelog Tech Blog
こんにちは！飲食店システム開発部オーダーチームの開発エンジニアを担当している堀口です。 食べログオーダーは、レストランでの飲食体験をより快適にするためのモバイルオーダーシステムです。飲食店に来店したお客様が自身のスマートフォンを使用してQRコードを読み取り、Web上でメニューをカートに追加し注文することができます。メニュー選択や注文操作はWebでありながら、ハーフモーダルを使用したネイティブアプリのような注文体験ができます。 この記事では、モバイルオーダーシステムのUI改善に焦点を当てます。ハーフモーダルの採用がどのようにして決定されたのか、その開発プロセス、そして実際に達成された改善点について詳しく掘り下げていきます。Reactを使用したフロントエンド開発で遭遇した課題と、それらをどのように解決したかの具体例を紹介します。 目次 なぜ「ハーフモーダル」を採用したか ハーフモーダルの導入と
話題のClaude「Artifacts」は対話型AIにおける「UX革命」である｜梶谷健人 / 新著「生成AI時代を勝ち抜く事業・組織のつくり方」
ChatGPTのライバルサービスの一つである「Claude」が、彼らのサーバーが一時パンクするくらい話題になっている。 その理由は、運営元のAnthropicが発表した2つのリリースだ。 リリースの1つ目は新しい大規模言語モデル「Claude 3.5 Sonnet」のリリース。そしてもう一つが、今回の話題の中心である「Artifacts」機能のリリースだ。 「Claude 3.5 Sonnet」は、ほぼ全てのベンチマークでOpenAIの最新モデル「GPT-4o」を打ち負かしており、処理スピードは前モデルの「Claude 3 Opus」の2倍で、API費用は1/5程度に下がっている。 シンプルに性能、速度、費用面などの面でトップクラスの大規模言語モデルが登場したのだ。 しかし、今回Claudeが話題になっている理由は「Claude 3.5 Sonnet」というよりも、もうひとつのリリースであ
これがユーザーを欺くためのUIデザインだ！ 最近のWebサイトやスマホアプリで見かけるダークパターンの知識がしっかり身につくデザイン書 -ダークパターン
※本ページは、アフィリエイト広告を利用しています。 ダークパターン（Deceptive Patterns）とは、Webサイトやスマホアプリでユーザーを騙して個人情報や時間やお金をかすめ取るために設計されたユーザーインターフェイスのことです。 たとえば、いつの間にかメール配信に登録されていたり、購入時に手数料が加えられていたり、無料だと思っていたらサブスクを契約させられていたり、登録は簡単なのに退会するのは難しかったり、キャンセルがクリックしにくいようにデザインされていたり、さまざまなダークパターンが存在します。 最近のWebサイトやスマホアプリで見かけるダークパターンをはじめ、それらのダークパターンを反面教師として制作時に気をつけるべきポイントを詳しく解説したUI/UXのデザイン書を紹介します。 ダークパターンに騙されないように知識を増やしておくのにも役立ちます。 本書はダークパターンの名
｢iOS 18｣ ｢iPadOS 18｣ ｢macOS 15 Sequoia｣の壁紙が入手可能に ｰ ｢macOS 15 Sequoia｣には初期MacintoshのアイコンやUIデザインの壁紙も | 気になる、記になる…
ホームAppleiPhone｢iOS 18｣ ｢iPadOS 18｣ ｢macOS 15 Sequoia｣の壁紙が入手可能に ｰ ｢macOS 15 Sequoia｣には初期MacintoshのアイコンやUIデザインの壁紙も ｢iOS 18｣ ｢iPadOS 18｣ ｢macOS 15 Sequoia｣の壁紙が入手可能に ｰ ｢macOS 15 Sequoia｣には初期MacintoshのアイコンやUIデザインの壁紙も 2024 6/11 本日、Appleが「iOS 18」「iPadOS 18」「macOS 15 Sequoia」を正式に発表しましたが、その各最新OSに搭載されている新しい壁紙が公開されダウンロード可能になりました。 「iOS 18」では全部で4色の壁紙が追加され、ダークモード用とライトモード用の計8枚がダウンロード可能。 「iPadOS 18」の壁紙も4色が用意されており
はじめてのアプリUIデザイン。フローやWebサイトとの違いを解説します！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの花ちゃんです！ 最近Webサイト制作だけではなく、アプリ開発にも携わることが増えてきました。 その中で「Webサイト制作に似ているな〜」と思ったり、「あれ、ここは違う！」といった気づきがたくさんありました。前職ではソーシャルゲームのUIデザインを担当していましたが、Web業界に転職したときも、まったく同じことを思ったのを覚えています。 今回は、Webデザイナーの方がはじめて「アプリのUIデザイン」をするときに必要な知識や考え方、意識したほうがよいことを、フェーズごとにまとめてみました。 アプリにおけるUIデザインとは そもそも「UI」とは、ユーザーインターフェース（User Interface）の略で、日本語では「ユーザーとの接点・接触⾯」という意味になります。 UIはユーザーの目に触れ使用する部分すべてを指し、このUIを通してコンピューターとユーザーは情報のやりと
The rev.ng decompiler goes open source + start of the UI closed beta - rev.ng
Hi there! Long time no see! It has been a while since our last update about rev.ng, but we've been quietly working hard. So, it's time for some news! 🚀 tl;dr In this blog post we: Announce the open sourcing of the rev.ng decompiler, the start of the UI closed beta, the release of the new website, rev.ng Hub and the docs. Also, we do private demos. Explain how to try rev.ng. Explain the design and
これでもうUIデザイン用のSVGアイコンに困らない！ 商用無料のSVGアイコンを横断検索・ダウンロードでき、カスタマイズもできる便利サイト -Iconbuddy
商用で無料利用できる、MITライセンスなどのオープンソースで利用できるSVGアイコンは、たくさんのサイトからリリースされています。これらをまとめて検索してダウンロードでき、しかもカスタマイズもできてしまう便利サイトを紹介します。 FigmaとVS Codeのプラグインも揃っており、そこから直接アイコンを利用することもできるので、かなり便利です。 Iconbuddy -200K+ open source free svg icons Iconbuddyの特徴 SVGアイコンの利用方法 Iconbuddyで利用できるSVGアイコン Iconbuddyの特徴 Iconbuddyは、オープンソースで利用できる200,000種類以上のSVGアイコンを無料で検索、ダウンロード、さらにアイコンのカスタマイズもできるアイコン検索エンジンです。 Iconbuddy -200K+ open source fr
❝UIデザイナーから見た実装の話❞ をテーマに『UI＋FE合流点』を開催してきました。
2月6日、スタートアップ支援をしている Gaji-Labo と KARTE などの開発運営をしている株式会社プレイドさんとの共催で『UI＋FE合流点』を開催しました。 プレイドのプロダクトデザイナー tori（鳥越 良子）さんSmartHR のクリエイティブディレクター sekig（関口 裕）さんスマートバンクのデザイナー putchom（福嶋 瞭）さん三人のゲストと Gaji-Labo 代表の原田、UIデザイナーの今西がお話させていただきました。 ちなみに UI＋FE合流点 は『ゆーあい・ぷらす・えふいー・じゃんくしょん』と読みます。 UIデザイナーとフロントエンドエンジニア向けにお互いの狭間になりやすいポイントを境界ではなく「合流点」として業界のトッププレイヤーたちに語ってもらうリアル開催イベント。 ネット配信や動画はしないオフラインイベントならではの踏み込んだ話になるので、今回も冒頭
アクセシビリティとか生成UIとかVivaldiとか（Re: Accessibility Has Failed: Try Generative UI = Individualized UX）
アクセシビリティとか生成UIとかVivaldiとか（Re: Accessibility Has Failed: Try Generative UI = Individualized UX） 2024年3月4日 著 ヤコブ・ニールセン氏といえば、ユーザビリティやUXの分野では大家として知られており、Web業界歴の長い方ほど、その名前に馴染みがあるのではと思います。私もいち時期、氏の著書で勉強させていただきました。そんなニールセン氏が最近になって書いたAccessibility Has Failed: Try Generative UI = Individualized UXという記事は、長年デジタルアクセシビリティに携わってきた立場からすると、ちょっと看過できない内容。 もちろん、デジタルアクセシビリティがいまだ道半ばであることは認めますけど、私の狭い観測範囲においても「やっぱりな」という感
デザインにセンスは必要ない、大切なのは「情報を整理」する力 Udemyの人気講師が教える、UI/UXデザインの基礎
「デザイナーだけがデザインをする時代は古い」「デザインにセンスはない」と語るのは、Udemyの「UI/UXの改善を進めるための基礎講座」などで人気を誇る、UI/UXデザイナーの濱野将氏。生成AI時代において、デザインをビジネスをつなげるためのポイントや、UI/UXの基礎を解説します。 UI/UXデザイナーが教えるデザインの基本 濱野将氏：それでは、僕からは「ビジネスを実現する『デザイン』の基本」をお話しさせていただきます。よろしくお願いします。 今日のアジェンダはこんな感じです。「デザインの必要性」「デザイナーだけがデザインする時代はもう古い」「UI/UXについて」。今回はAIがテーマなので「AIを使ったプロジェクトの進め方」も少し紹介させていただきたいなと思っております。 簡単に自己紹介をさせてください。株式会社IMAKE代表の濱野と申します。職業はUI/UXデザイナーで、講師もさせてい
Vercel AI SDK 3.0の新機能「Generative UI」をサンプルコードで試してみた | DevelopersIO
Vercel AI SDK 3.0の新機能の一つである「Generative UI」を利用することにより、これまでにない新しいUXを生成AIアプリで提供できそうです こんにちは、筧( @TakaakiKakei )です。 2024年3月1日にVercel AI SDK 3.0がリリースされました。 本ブログでは、当該リリースにおける注目の新機能を紹介します。 Vercel AI SDK とは Vercel AI SDKは、開発者がAI駆動のユーザーインターフェースをJavaScriptやTypeScriptで構築するためのオープンソースライブラリです。 OpenAI、Azure OpenAI、LangChain、Mistral、AWS Bedrock、Google Gemini、Cohere、Anthropic、Replicate、Hugging Face、Fireworks.ai、Per
UI/UX改善リリース「ロードマップ」 - Python学習チャンネル by PyQ
こんにちは、PyQサポートです。 PyQでは、学習をスムーズに進められるよう継続的なUI/UX改善を続けています。 今回のリリースでは、 「今やっているコースの次にどんな学習を行えばいいのか知りたい」 「目標までの道筋を俯瞰的に知りたい」 そんな声にお応えして、学習ロードマップを公開しました。 pyq.jp ロードマップについて 開始レベル別に学習内容を確認 ミッションとネクストステップ 今後の予定 ロードマップについて ロードマップは、 学びたい事や目標に合わせて、PyQの2000問以上のコンテンツから、何をどんな順番で学べばいいかを示しています。 第一弾となる今回は、「データ分析を学びたい」「Python 3 エンジニア認定基礎試験対策」という目標に合わせたロードマップを公開しました。 開始レベル別に学習内容を確認 各ロードマップ画面では、学習開始時のレベルに応じたロードマップを確認で
UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ
デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら
プロンプトでUIを生成してくれるAIサービス「v0」をUIUXデザイナーが使ってみた
デジタルプロダクション「factory4」でアプリやさまざまなIoTプロジェクトのUIUXデザインを手がける新谷友樹さんが、UIやUXにまつわるトピックについて解説する本連載。今回はAIサービス「v0」についてです。 こんにちは！株式会社Cosmowayが組織するデジタルプロダクション「factory4」のUIUXデザイナー新谷です。今回は、プロンプトからUIを作成してくれるツール「v0」の使いかたや、実際に使ってみた感想などを紹介していきます。 「v0 by Vercel」とは Next.jsを開発するVercelが、生成AIへのプロンプトでUIを自動生成するサービスを公開しました。2024年1月頭時点ではベータ版ですが、Freeプランも提供されているためログインすれば誰でも使用することができます。ChatGPTのように、プロンプトを投げるとAIがTailwind CSSとShadcn
知識０から、ちょっとUIデザインに詳しくなるnote｜やました
前回は、「UIデザインってそもそも何なの？」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策（プロトタイピングとユーザビリティ評価）を話しました。 今回はサービス、プロダクト開発において、デザイナーではない人でも知っていて損はないUIデザインの重要ポイントについて説明します。主に以下の３つのテーマについて順番に議論をしていきます。 デバイスやソフトによるUIの違い ユーザーにかかる身体的・認知的負荷を理解する UIの重要概念（ナビゲーション、インタラクションなど）を知る 「ちょっと」と銘打っておきながらめちゃくちゃ長いnoteになってしまったので、気になる項目だけ読むか、何回かに分けて読んでいただくことをおすすめします、。 ※どこか内容に間違ってる部分やご意見ありましたらコメントいただけたら嬉しいです。 デバイスやソフトによるUIの違い皆さんがお使
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UIデザイン用に、AIで色彩理論に基づいたカラーパレットを生成してくれる無料オンラインツール -AI Color Combination Generator
