「UI／UX」に関する記事
-
2020/09/30プロダクトのデザインを長く健康に保つには？――デザインの優先順位・チームでのコミュニケーションのコツ
はてなのプロダクト開発の裏側をお伝えするリレー連載の第3回では、デザイナーの村田智さんに、ユーザーに価値を届けるためにデザイナーとして何を考え、どう取り組んでいるかを紹介いただきました。第4回となる今回も引き続き村田さんに、デザインの体系化や、それを促進するデザインのガイドラインについて解説いただきます。（編集部）
-
2020/09/25“チーム全員プロダクトオーナー”の開発――グッドパッチが重視する、デザインプロセスのメソッドとは？
デジタルプロダクトのUI/UXデザインを強みとし、戦略・ビジネスモデルやブランドなどのデザインにも提供価値を広げてきたグッドパッチ。多くの企業に優れたデザインワークを提供する一方で、業務をサポートするツールやソリューションを自社プロダクトとして開発し続けてきた。今年9月にはチームでのコラボレーション実現を目的としたクラウド型ワークスペース「Strap（ストラップ）」をローンチし、注目を浴びている。本記事では事業責任者としてプロジェクトを牽引する北村篤志氏、開発部門の責任者を務める西山雄也氏にイ...
-
2020/09/24「シンプルで誰でも使える」プロダクトは、ユーザーの実感を共有しながら作る――「Strap」開発の舞台裏
デジタルプロダクトのUI/UXデザインを強みとし、戦略・ビジネスモデルやブランドなどのデザインにも提供価値を広げてきたグッドパッチ。多くの企業に優れたデザインワークを提供する一方で、業務をサポートするツールやソリューションを自社プロダクトとして開発し続けてきた。今年9月にはチームでのコラボレーション実現を目的としたクラウド型ワークスペース「Strap（ストラップ）」をローンチし、注目を集めている。新型コロナウイルスの影響もあり、急激に変化する社会情勢の中で、開発の裏側ではどのようにコミュニケー...
-
2020/09/18TechFeed Summit#4開催、第4回のテーマはUXデザイン
「TechFeed Summit#4 - UXデザインを語り尽くす！」が、9月29日にオンラインで開催される。参加費は無料。
-
2020/09/14「顧客に向き合う」を行ってはいけない？ プロダクトマネージャーがUX設計において大切にしていること
日本でも徐々になじみの出てきた「プロダクトマネージャー（PM）」ですが、その役割や認識は業界、企業、人によってさまざま。これという正解はなく、みな手探りでプロダクトに向き合っているでしょう。そこで本連載では、プロダクトマネジメントにおいて最も重要だと思うことを、プロダクトマネージャーとして活躍する方や、プロダクト開発の現場の経験が豊富な方に、自らの経験を踏まえて解説していただきます。これからPMになる方、PMとして現場で悩んでいる方に、少しでも役立てば幸いです。第2回のテーマは、「顧客体験」。...
-
2020/06/25ページ表示前にデータを取得して反映できる「Nuxt.js」の非同期データ機能を使いこなそう
本連載では、Webページのユーザーインタフェース（UI）フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。前回は、Webページの状態を集中管理するVuexストアを説明しました。今回は、ページの表示前にネットワークからデータを取得して、ページやVuexストアに反映できる、Nuxt.jsの非同期データ機能について説明していきます。
-
2020/03/02Webページの状態を集中管理できる「Nuxt.js」のVuexストアを使いこなそう
本連載では、Webページのユーザーインタフェース（UI）フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。前回はWebページの一部分を部品として再利用できるコンポーネント機能を説明しました。今回は、Webページの入力内容や表示内容といった状態を集中管理できるVuexストアについて説明していきます。
-
2019/12/12画面要素を再利用できる、Vue.jsのコンポーネント機能を学ぼう
本連載では、Webページのユーザーインタフェース（UI）フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。前回は複数のページを切り替えるNuxt.jsのルーティング機能を紹介しました。今回は、Webページの一部分を部品として再利用できるコンポーネント機能について説明していきます。
-
2019/12/05クリエイティビティを阻害する最大要因は「時間」、Adobe XDではオンラインでのコラボ機能を大幅強化【Adobe MAX Japan 2019】
アドビ システムズは12月3日、現役のクリエイターおよびクリエイターを目指す人を対象とした日本最大級のクリエイティブカンファレンス「Adobe MAX Japan 2019」をパシフィコ横浜（神奈川・みなとみらい）で開催した。本稿では、特にUXデザインツール回りのアップデートを中心にお伝えする。
-
2019/11/26複数のページを切り替える、Nuxt.jsのルーティング機能を学ぼう
本連載では、Webページのユーザーインタフェース（UI）フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。前回はVue.jsの基本的な利用方法を説明しました。今回は複数のページを切り替えるNuxt.jsのルーティング機能を解説します。
-
2019/11/06ユーザー体験を支える検索・マッチング技術はどう作られる？ クックパッド、メルカリ、エウレカがノウハウを披露
サービス開発の手法や考え方について、知見や学びを共有する勉強会である「Cookpad Product Kitchen」。2019年9月25日に開催された第4回のテーマは「ユーザー体験を支える検索・マッチング技術」だ。サービス内にどれほど有益なデータがあったとしても、ユーザーがそこに到達できなければ、利便性を享受できない。いわば、検索・マッチングの技術がサービスの印象そのものを決定づけるのだ。では、有名サービスの開発・運用に携わるエンジニアたちは、いかなる手法を用いてデータとユーザーの橋渡しを行...
-
2019/11/05
Adobe、「Adobe MAX」にてAdobe XDのアップデート提供開始、ライブ共同編集が正式実装に
米Adobeは、11月4日（現地時間）に開催されたクリエイティブカンファレンス「Adobe MAX 2019」において、Adobe XDをはじめとするクリエイティブアプリケーションのメジャーアップデート提供を開始するとともに、iPad版Photoshop、Microsoft Surface対応Frescoなど、モバイル機器向けアプリを正式リリースした。
-
2019/09/02「Nuxt.js」の基本、「Vue.js」の利用方法を知ろう
本連載では、Webページのユーザーインタフェース（UI）フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。前回はVue.jsとNuxt.jsの概要を説明しました。今回はNuxt.jsでUI構築に利用するVue.jsについて、基本的な利用方法を説明します。
-
2019/06/11「Vue.js」でWebページを作成できるフレームワーク「Nuxt.js」最初の一歩
本連載では、Webページのユーザーインタフェイス（UI）フレームワーク「Vue.js」と、Vue.jsを利用してWebページを作成できるフレームワーク「Nuxt.js」の活用方法を、サンプルとともに紹介します。初回となる今回は、Vue.jsとNuxt.jsの概要を説明するとともに、プロジェクトの生成や実行、基本的な実装例を通して、Vue.jsやNuxt.jsの機能をいくつか紹介していきます。
-
2019/02/12SPAの保守開発を効率化――画面遷移理解を支援する
社会人エンジニア向けの教育プログラム「トップエスイー」から、エンジニアの皆さんに対して有用な情報をお届けするコーナーです。Webブラウザ上で稼働するアプリケーションでは、一度のダウンロードで複数のページ要素を持つ構成をとることができ、こうした実装手法は「SPA（シングルページアプリケーション）」と呼ばれます。ページ遷移が素早く行え、ユーザーにダウンロード待ちをさせることなく利用できることから、UXの改善にも効力があります。しかしながら、実際のページ遷移はコード内に潜み、どんなページ遷移をするか...
-
2018/06/27デザインから実装までのワークフローを融合し、迅速なモダンアプリケーション開発を支援する「Indigo.Design」
インフラジスティックス・ジャパンは6月26日に会見を開き、アプリケーションデザインプラットフォーム「Indigo.Design（インディゴ・デザイン）」を7月19日から提供開始することを発表した。
-
2018/05/21Webアプリ開発をもっとスピーディに！ 『K5 Playgroundではじめる高速クラウドネイティブ・アプリケーション開発』発売
クラウドネイティブなWebアプリを手軽に、短時間で作成できる開発ツール「K5 Playground」。その解説書『K5 Playgroundではじめる高速クラウドネイティブ・アプリケーション開発』が5月17日に発売となりました。K5 Playgroundの活用法だけでなく、Webアプリケーション開発の変遷の歴史から、実際にチャットボットアプリを開発する手順まで贅沢に詰め込んだ一冊となっています。
-
2018/04/16UI/UXデザインツールのAdobe XD、プロトタイピングの機能の充実で多彩なユーザー体験を表現
アドビ システムズは、3月19日に記者説明会を開き、UI/UXデザインツール「Adobe XD」について紹介。担当のシニアディレクター アンドリュー・ショーテン氏とプロダクトマネージャーのジョナサン・ピメント氏、シニアエクスペリエンスデザイナーのアレックス・ポレテク氏がXDの注目機能とUI/UXの最新トレンドをデモを交えて紹介した。
-
2016/09/30ITエンジニアがUXデザインを実践するコツと心構え
「UXデザイン（ユーザーエクスペリエンスデザイン）」という言葉は、近年多種多様な職種業種で頻繁に耳にするようになりました。皆さんは、その意味をどのように解釈しているでしょうか？ 「なんだか小難しそう」「ちゃんと勉強したことがないし、自分にはできそうにない」といった印象を持たれている方も少なからずいるのではないかと思います。ですが、今回私が特にエンジニアの方向けにお伝えしたいのは、UXデザインは職種や専門領域に関わりなく、誰にでも、もちろんエンジニアにもできることということです。では、どのように...
-
2015/10/05DeNA南場智子氏がサービス開発の悟りを講演「UXをまず作り込む。ビジネスモデルやマーケティングは後でいい」
アプリ・サービスのUIデザイナーが集うコミュニティ「UI Crunch」は、若手が成長できる場の提供を目的として、25歳以下限定のコミュニティ「UI Crunch Under25」を設立。その第1回イベントを9月26日、東京・渋谷にある株式会社ディー・エヌ・エー（以下、DeNA）の社員食堂「サクラカフェ」で開催した。基調講演には、DeNA会長の南場智子氏が登壇。「何故いまデザインなのか？」と題し、多くの失敗から導き出したという、いわばヒットサービスを開発するための「悟り」を披露した。開発者にも...
