TOP スペシャルコンテンツ サイバーエージェントの高速UI・UX開発を支える「ProtoPie」とは？ Adobe XDやFigmaとの連携方法、違いに迫る。【セミナーレポート】 2023/02/24 PR サイバーエージェントの高速UI・UX開発を支える「ProtoPie」とは？ Adobe XDやFigmaとの連携方法、違いに迫る。【セミナーレポート】 イベントレポート ゲームデザイン デザイナー自身がノーコードで、動きのあるUI・UXデザインを実現できるツール、ProtoPie（プロトパイ）。 UI・UXツールの定番、Adobe XDやFigmaのプロトタイピング機能と比較して、よりリッチなインタラクションをデザイナー側で精緻に制御できたり、様々なデバイスによる入力に対応しているため、現在、Googleやマイクロソフトを筆頭に130ヶ国以上の企業で、アプリ開発、自動車や携帯電話など
はてなブログの方に全てのセッションの聞き起こしを書いたので、そのまとめをこちらに載せます。いずれのセッションも、後ほどTwitterモーメントのリンクの追加や文章の修正などをする可能性があります。 1日目・「核拡デザイン」を探求し続けて / 中西 元男 ・トイレの美しさに向き合い続けて考えたこと / 大塚 航生 ・魅力を伝えるストーリーのつくりかた・つたえかた / きよえ氏 ・IoT時代における新しい音声体験のデザイン / 京谷 実穂 ・SENSORY EXPERIENCE DESIGN 感覚を鍛え、感性を磨く－デジタル時代の生涯教育 / 阿部 雅世 → 本人の意向により削除 ・クリエイティブを競争力に デザイナーを10倍輝かせる組織作り / 佐藤 洋介 ・ビッグデータから導き出されるビジュアルトレンド / 宮本 哲也 ・ビズリーチのデザイン哲学 / 株式会社ビズリーチ ・自動運転社会を見
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 10年前、ユーザーインターフェイスでアニメーションやモーションを使うことは、ユーザーのことを考慮するのではなく、むしろユーザビリティの低下につながりました。なぜなら、ピカピカする派手なWebサイトや立ち上がるポップアップ、点滅するボタンなどが多用されていたからです。 しかし、アニメーションやモーションに対する認識は、ここ数年で大きく変化しました。 iPhoneやモバイルアプリの導入以来、多くのデザイナーは動的アニメーションの将来性を見越して経験を積んできました。そして、アニメーションはインターフェースデザインの重要な部分になりつつあります。なぜなら、アニメーションはデザイナーに「時間」という新たな次元を提供したからです。 現代のインターフェースは、静的な画面の連
Shin UX 2017 - UX strategy - UX reviewAI-enhanced description This document provides an overview of UX design topics including strategy, design, business models, testing, and product management. It discusses concepts like personas, user flows, wireframing, prototyping, failing fast, and the importance of design for business. Case studies and examples are provided from companies like Skype, Zappos,
コンテキストをWebサービス＆サイト構築に利用する視点を身につける！ UX DAYS TOKYO 【UX基礎ワークショップ】参加費：無料 年に一度世界のUXのカンファレンスを行っている 「UX DAYS TOKYO」が提供する、UXの基礎が学べるワークショップを開催します。 主催者：Web Directions East.LLC 協力：Yahoo! JAPAN 同様ワークショップを日にち違いで開催！ 同じワークショップが他の会場でも開催されます。 4/27(木) 14:00 〜 16:30 UXワークショップ「コンテキストの理解と実践」 * 谷岡学園 梅田サテライトオフィス (グランフロント大阪タワーA南館16階) * https://uxdt.connpass.com/event/55689/ 4/27(木) 19:00 〜 21:00 UXワークショップ「コンテキストの理解と実践」 *
ども、UI Designerの清田です。 Origami Studioにて、プロトタイピングする機会があったのですが、あつかいやすさにココロをうたれたのでその魅力をご紹介します。 Origami Studio とは？ Facebook社が開発した、Mac上で動作するプロトタイピングデザインツールです。 Made in Origami We created Origami to help us design and build many of our products like Facebook, Messenger and Instagram. We're excited to see what you make in Origami. Facebook社が開発・提供している、Facebookアプリ、MessengerアプリはOrigami Studioを用いて デザイン・プロトタイピング
![[Origami Studio]でプロトタイピングしてみた #origamistudio | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/057c03fa13a3fd5cb83eeb226f7601c599f7f521/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttps%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2017%2F03%2Feye-cach-origami-studio.png)
Chronoscapeをカタチにした必然と偶然｜UX & Service Sketch #26「0からのプロダクトの立ち上げ方」 Google Android Experiments OBJECTにてグランプリを受賞したChronoscapeが実際にカタチになるまでにどのようなプロセスを経たのか？必然的アプローチと偶然的アプローチという２つの視点からお話しました。 Chronoscapeについて https://www.android.com/object/vote/chronoscape/ https://www.facebook.com/chronoscapeproject/
MatthieuはUpLabsの創設者で、MaterialPaletteとWOW.js.のクリエイター。 良いユーザー体験のためには格好良いデザインだけではなく、仕組みや構造、使いやすさにも気を配る必要があります。近年ではUXデザインの重要性が叫ばれ、こういった考え方も徐々に浸透してきてはいますが、だからといってビジュアルやインタラクションのデザインを軽視してもいいと言うわけでもありません。 この記事では過去にも何度か取り上げている、UIコンセプトギャラリーサイトのUpLabsからまたいくつかのUIコンセプトを実装コード付きでご紹介します。ユーザーがサイトを使うときの心地よさを演出するためのヒントがたくさん詰まっていますので、是非参考にして下さい。 ※各項目ごとにCodePenを埋め込んでいるため、読み込みに少し時間がかかる場合があります UpLabsのオススメUIコンセプト５選 1. カ
コラボレーションツールの発展と課題 UXに携わる方であれば、UXデザインないしはサービスデザインに関するコラボレーションツールの１つや２つをこれまでに利用した経験があるのではないでしょうか？ UXデザインやサービスデザインのプロセスが多様化し、複雑化する中で我々UXデザインに関わる人間の負荷を軽減してくれる大変便利なツールがオンライン、オフライン問わず次々と登場しています。著者はこれまでにプロトタイプを強みとしたオンラインツール「UXPin」や紙上のテンプレートを無償で公開している「Service Design Toolkit」などを利用してきました。 ところが、どれも長くは続きませんでした。なぜか？ それは、これまでのオンラインツールやコラボレーションツールはUXデザインまたはサービスデザインプロセスの一部のみに特化していたためです。結果、UXデザインはワイヤーフレームを作成することであ
画像の出典：form-ux-tips あなたのアプリやサイトを利用する人々にはある一定の目的があります。そしてその目的を達成するために フォームに 記入しなくてはならないことがよくあります。Webやアプリにおいてフォームは、ユーザにとって未だに最も重要な 種類の操作 であるからです。事実、フォームは目的を達成するまでの 過程における最後のステップ と見なされることも多いのです。 フォームは目的達成の手段にすぎません。迅速に混乱なく、ユーザがフォーム入力を完了させられるようにするべきです。 この記事では、ユーザビリティテスト、フィールドテスト、視線計測（アイトラッキング）、そしてユーザからの実際の不満の声に基づく実用的なガイドラインを紹介します。 フォームの構成要素 一般的にフォームは以下の5つの要素から構成されます。 構造 。フィールドの順番、ページの外観、各フィールドとの論理的な関連付け
ExperienceFellow（エクスペリエンスフェロー）というオンライン・ツールをご存知でしょうか？ THIS IS SERVICE DESIGN THINKING の著者 Marc Stickdorn氏と Jakob Schneider氏が共同で立ち上げたサービスで、一言で言えば「カスタマージャーニーマップの自動生成を可能にしてくれるツール」です（カスタマージャーニーマップとは？については「ユーザーエクスペリエンス・ジャーニーマップ」をご参考ください）。 ExperienceFellow とは？ ExperienceFellow が掲げているコンセプト「Research customer experience」が示す通り、被験者のエクスペリエンス（体験）を記録し、ジャーニーマップとして可視化するだけではなくチーム内でジャーニーマップを起点にコメントや洞察を登録・評価することができるサ
UXチームの宮村です。 2015年度はUXデザインの理解・スキル向上のための社内教育を強化し、様々な取り組みを行いました。その中で、講師として気づいた初心者が陥りやすい点などをまじえながら、教育内容についてご紹介したいと思います。 2015年度に行った教育施策は以下の通りです。 新卒向け （社会人未経験） UXチームの若手UXデザイナー向け （20代〜30代前半のディレクター経験者や他業界からの転職者など） 事業部向け （UXチーム以外の、ディレクターや営業など様々な職能のメンバー向け） などなど。 それぞれ複数回、数種類のUXデザイン教育をかなり手厚く行っています。今回は、２〜３月に実施した事業部向けのUX視点強化のための教育施策について紹介します。 トレーニング内容について 今回のUXトレーニングでは、以下の目的・目標を掲げて実施されました。 目的：「あるべき姿」（仮説）を導出し、その
UXチームの坂本です。 3/18 (金) に東京で開催された「UX Days Tokyo 2016 」に参加してきました。ネットイヤーグループは今年もシルバースポンサーとして参加しています。本イベントは、「UX」をテーマにしたイベントで、海外から著名なスピーカーをお呼びして、カンファレンスとワークショップで構成される 200 名規模のイベントです。 初日のカンファレンスに参加してきましたので、その中で気づいた点をまとめておこうと思います。 16 年のUXワークから学ぶ 16 のレッスン by Jesse James Garrett 書籍『ウェブ戦略としての「ユーザーエクスペリエンス」 』でも有名な米 Adaptive Path 社の創設者でもあるJesse James Garrett 氏。現在に至る 16 年間で得たことを 16 のワードで紹介していただきました。IA や UX においては
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
