FlowMapp — Website Planning Tool: Sitemaps, User Flows, Wireframes, and Content.Content Streamline ideas, create briefs, make notes Estimation & invoice Manage costs, estimate development, create invoices
Customer Experience Mapping Platform | User Journey Management Software
Build a centralized repository for your customer experience assets All your customer journeys and CX assets are in one place, with clear statuses, tags, and ownership; A single source of truth for all stakeholders — from a big picture to micro journeys. Set up a customer journey taxonomy with custom tags and statuses. Zoom into your CX data with chunks, organize your research insights and connect
ＮＴＴデータとグッドパッチがUXデザイン分野で協業
株式会社ＮＴＴデータ（以下：ＮＴＴデータ）と株式会社グッドパッチ（以下：グッドパッチ）は、お客さまの新規サービス創出支援を目的として、UXデザイン（ユーザーエクスペリエンスデザイン）分野で協業することを2016年11月28日に合意しました。UXデザインとは、ユーザーエクスペリエンス（UX）と呼ばれる、“ ユーザーがサービスを通じて受け取る体験やそれに伴う感情”を中心として、サービス全体を上流工程から設計することです。本協業により、両社は、UXを軸にしたデザインプロセスやそれに伴うUIデザイン（ユーザーインターフェースデザイン）に関連するソリューションを、新規サービス創出を検討しているお客さま向けに、共同で提供していきます。 image 【背景】 昨今、新規ビジネス分野の開拓において、企業のIT環境もビジネス環境の変化に柔軟かつ迅速に対応する重要性が高まっています。そこで、短期間でのシステム
7stepでつくる、ユーザーエクスペリエンスジャーニーマップ | ajike switch
こんにちは。 最近ガムを１日１本くらい消費していて 健康被害が気になっている山口です。 今日はカスタマージャーニーマップの書き方をご紹介します。 テンプレートを気にしないで、手書きでざざっと作れるようになると便利です。 カスタマージャーニーマップとは？ サービス全体のデザインを考えるツール カスタマージャーニーマップの説明も色々ありますが、『サービス全体のデザインを考えるツール』という説明が１番わかりやすい気がします。 誰かの何かを解決するのがデザインの本質、と言います。 カスタマージャーニーマップはまさにUXをデザインするツールの一つ。UXを向上させるために、ユーザーの視点から課題を見つけ、解決策を考えることができます。 目指すUXデザインを可視化して共有できるツール また、プロジェクトのストーリー全体を可視化することができるので、色々な人とプロジェクトが目指す「UXデザイン」を共有する
モバイルデバイスにおけるアコーディオンUI
アコーディオンはモバイルのスペースを節約するが、方向感覚を失わせたり、大量スクロールの要因にもなる。しかし、簡単なデザイン修正で、このUI要素のユーザビリティは改善できる。 Accordions on Mobile by Raluca Budiu on May 31, 2015 日本語版2015年7月21日公開 アコーディオンというのは、展開することで、隠していた情報を表示するデザイン要素である。オーバーレイとは違い、アコーディオンはページのコンテンツを押し下げるので、ページコンテンツの上に重なることはない。 Toomy.com： Price（：価格）というフィルターはアコーディオンとして実装されており、展開するとページコンテンツは押し下げられる。 デスクトップでのアコーディオンの利用には議論の余地がある。一方、モバイルではアコーディオンは最も役立つデザイン要素の1つだ。ごく小さな画面スペ
確実に良くするUI/UX設計
日経電子版のリニューアルで、コンセプトモデル設計とプロダクト監修をさせていただいた。 超大型アプリを完全リニューアルするとき、KPIを落とす事なく、どのように整合性やユーザー利便性を担保していくか。 「日経電子版×Sansanアプリ開発プロジェクト成功への道〜アプリ開発者勉強会Vol.2」より http://connpass.com/event/16187/
［速報］Googleが新しいUXの体系「Material Design」を発表。あらゆるデバイスとスクリーンに適用。Google I/O 2014
［速報］Googleが新しいUXの体系「Material Design」を発表。あらゆるデバイスとスクリーンに適用。Google I/O 2014 Googleは6月26日（現地時間25日）、米サンフランシスコでイベント「Google I/O 2014」を開催。次期Androidの「L」とともに、今後Googleがあらゆるデバイスとスクリーンに適用する新しいUXの体系「Material Design」を発表しました。 基調講演では次期Androidの「L」が今日からデベロッパープレビューとして公開されると発表。AndroidのOSにはアルファベット順のコード名が付いており、次期AndroidはLから始まりますが、まだコード名はついていません。 Lでは、Androidのユーザー体験を最初から考え直した新しいUXの体系「Material Design」を採用。基調講演で行われた「Materia
メタファーがUXを向上させる5つの理由 | Goodpatch Blog
メタファー、日常生活であまり使うことのない言葉ですが、実はWebを通して私たちは日常的に触れています。 そもそものメタファーの意味はwikipediaに下記のように説明がありました。 メタファーは、言語においては、物事のある側面をより具体的なイメージを喚起する言葉で置き換え簡潔に表現する機能をもつ。わざわざ比喩であることを示す語や形式を用いている直喩よりも洗練されたものと見なされている。 参考: wikipedia Webにおけるメタファーで代表的、かつ議論があるものと言えば、保存を示す「フロッピーディスク」のアイコンでしょうか。 フロッピーディスクは昔、（今ではあり得ない量ですが）データを保存するものでした。そのなごりで私たちはフロッピーディスクのアイコンを見ると「保存するアイコン」と認識するようです。 この他にもWebにおけるメタファーの例はたくさんありますが、 今回は「メタファーがU
UI/UX設計の教科書、About Face 3輪講の資料を公開します - ninjinkun's diary
一昨年に社内で行ったAbout Face 3輪講の資料を公開します。実は今までずっと公開されていたのですが、存在を知られていなかったので、改めて周知します。 About Face 3はUI/UX設計の教科書で、ユーザーストーリーやペルソナなど、基本的な内容が押さえられています。ディレクター、デザイナー、エンジニア、サポート等、プロダクト制作に関わる全員の共通知識として使える内容だと思います。 About Face 3輪講概要 1. ゴールダイレクテッドデザイン 2. 実装モデルと脳内モデル 3. 初心者、上級者、中級者 5. ユーザーのモデリング : ペルソナとゴール 6. デザインの基礎 : シナリオと要求 8. 優れたデザインの総合 : 原則とパターン 10. オーケストレーションとフロー 11. 間接的な操作を取り除く 12. 良き振る舞いのデザイン 13. メタファ、イディオム、ア
リクルートライフスタイルのUXデザイン #RLSUX にいってきた(1)
久々にUX系セミナーのまとめです。 参加したのは「リクルートライフスタイルのUXデザイン」というセミナー。 弊社と同じくデータドリブンな会社のリクルートライフスタイルさんが、どんな風にUXUIデザインを進めるのかが気になっていたので、セミナー知ったときにはるんるん気分でした。 ちなみに。私と同様の人が多かったようで、この勉強会たいそうな人気！参加者50人に104人が応募されていました。しかも私は申し込みが最後から2番目・・・という状態だったので半ば諦めてたのですが。運良く抽選にあたり参加することができました。ありがたやありがたや。なむなむ。 リクルートライフスタイルの UIUXチームについて まず登壇されたのは、じゃらんを担当されている筒井康浩氏。まず、「なぜUIUXチームがうまれたか」について説明いただきました。
優れたUIデザインを作るために知るべき12のTips | Goodpatch Blog
こんにちは、だいきです。 海外のUIデザインに関する記事「14 Golden Eggs of Good UI Design（直訳: 優れたUIデザインの14の金の卵）」で書かれていたUIデザインに関するTipsがとても勉強になったので、その中からいくつか抜粋したものを翻訳しました！ （この記事はJohannes Thönesというブログの14 Golden Eggs of Good UI Designという記事の抜粋翻訳ブログです。） 1, 先進的な技術を使う理由 photo credit: Carlos Varela via photopin cc HTML5が新しい技術だからといって、それを使う必要性はありません。 新しい技術を使うことが目的になってはいけません。 ユーザーとユーザーが期待している事を考えてください。 どんなUX（ユーザーエクスペリエンス）をユーザーに与えたいですか？
UX に真面目に取り組める組織づくりについてのスライドを公開しました - つきあたりを右に
と、いうわけで転職しました 本来の職種は相変わらず 「前例の無い事をなんとか形にして」をなんとかするデベロッパとしてですが、 「UX Developer として組織的に UX とかそういうの強くして」というのも兼任しております で、入社して1週間経って、早々と「じゃあ、出来る UX デザイナー/ディレクター/エンジニア を社外から引っ張るとか、採用募るとか、属人性の高い他力本願にしないで、組織として体制を整える方向で行きましょうよ」ということで作ったのがこのスライドです このスライドについて 昨今、割とどのソフトウェア・Webサービス開発の現場でも「UI/UX デザイナーを募集します」と求人出しています。 しかし、求人出してるところって、そもそもそういう人材が不在で、受け入れ態勢整ってない事多いのが実情です。 そして、その後どうなるかというと、その人の属人性に大きく依存した働きのみが期待さ
UI と UX の違い - Zerobase Journal
「UI」は「ユーザー・インタフェース」。 「UX」は「ユーザー・エクスペリエンス」。 「UI/UX」と混同表記する人がいるから、「UI と UX の違い」という不要な疑問も生じるんです。 「UI と UX の違い」なんて瞭然ですよ。 それを説明するために、ちょっと回り道します。 「怪我と痛みの違い」は瞭然ですよね。 「怪我」は客観的物質的存在です。 怪我した本人でも他人でも誰でも、そこに怪我が「ある」ことを観測できる。 一方、「痛み」は主観的な感覚ですね。 他人の「痛み」は観測できない。 痛がっている様子から「痛いんだろうな」と推定することはできるけど。 「UI」が「怪我」、「UX」が「痛み」に対応した比喩です。 「UI」は客観的物質的存在です。 誰が見ても iPhone にホームボタンは一つです。 誰が押してもホーム画面に遷移する、というインタラクションです。 一方、「UX」は主観的な体
UIとUXとデザインと。 - void chachaki::Blog::main
記事やイベントなどで「UI/UX」と併記される度にもやもやとしたものが浮かぶ。何故ゴッチャになるのかなぁと考えてみたりした。特に結論はなく。混乱の原因として、「デザイン」という言葉がついただけで、ひとつメタな視点に立つ必要がある、それが抜けて議論されてしまうのかなぁと思ってみたりした。 UIがあって、そのUIを設計(デザイン)する場合、一つメタな視点でUIを眺める。UIデザインでは、UX(ユーザー経験)を考える必要がある。そんなに難しいことではなくて、このUIを使う時どんな風に使うかなぁ…といったことは想像すると思ってる。 次に、UXのためにデザインしようとすると、これは企画とかサービスになると思った。ビジネス視点というのもあるけれど、基本的にサービスを起点にUXのためのデザインを行なうと思っている。このサービスを使う時どんな体験になるかなぁ…といった具合のイメージ。 じゃぁそのサービスを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ITエンジニアに易しいUI/UXデザイン
「使ってもらえるアプリの考え方」スマホデザイン会議 2012 忘年会スライド
UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!