プロダクトリリース前に確認したい23のUXチェックリスト
Fabio Muniz氏はTestLodge社のプロダクトデザイナーであり、製品開発の立ち上げ段階における設計で活躍しています。Fabio Muniz氏の仕事はfabio.designでご覧ください。 ソフトウェアの設計プロセスではプロダクトの欠陥が見つからず、ユーザーが使う段階になって欠陥が明らかになりユーザー体験を損ねてしまうことがあります。 この記事では、そういった事態に陥らないようにチェックしておくべき事項をリストアップしました。ここで挙げるチェックポイントは一般的なものであり多くのプロダクトに適用可能ですが、例外もあることをご理解ください。 インタラクションデザイン 01 - 頻繁に発生する操作が簡単にできるか チェックをする理由：同じ情報を繰り返し入力することは面倒であり、ユーザーの生産性向上に寄与しません。面倒な操作が多ければ、ユーザーはより生産性の高い競合プロダクトへの乗り
素晴らしいアプリデザインの秘訣は、「マイクロインタラクション」にこそある - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
Nick Babichさんによる寄稿記事です。ソフトウェアエンジニア、テクノロジーの熱狂的な支持者。UI/UXに夢中。ソフトウェア開発、マネージメント、生産性などなどについて執筆している。Twitter アカウントは、@101babich。本記事は、Mediumへの投稿記事を許可を得て翻訳したものです。元の英語記事もどうぞ。 私たちが日々の生活の中で体験するマイクロインタラクションの例 最高のプロダクトは、2つのことで秀でている：機能とディティール（細部）だ。機能によって人はプロダクトに魅力を感じ、ディティールによって、それを使い続ける。このディティールこそ、特定のアプリが競合から抜きん出る理由だと言える。 マイクロインタラクションは、ユーザーに対して快適なフィードバックを返すために有効なテクニックのひとつだ。 あらゆる道は、人間中心設計のデザインアプローチへと続いている。そこで最優先され
userflowpatterns.com - このウェブサイトは販売用です！ - userflowpatterns リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
問題解決型UXデザインアプローチ - taninnosorani blog
受託のUXデザインを進めていく中で作業の流れと自分が心掛けていることを記載しています。 基本的なプロセスはHCDやデザイン思考とあまり変わりませんが、ウォータフォールのような受諾型のためドキュメント指向のコミュニケーティングデザインを行いやすいように独自に実践している内容になります。ここでのUXは受託開発で多い問題解決型のUXを扱うため、最近ではむしろ主流とされている顧客開発型のUXとは多少異なります。 問題解決型UXのデザインプロセス 理解 アイディア ストーリー UI ビジュアルデザイン 開発 フィードバック 参考手法 ゴールダイレクテッドデザイン About Face 3 インタラクションデザインの極意 http://hart.herokuapp.com/public/user/yk/book/39 コミュニケーティングデザイン Webサイト設計のためのデザイン&プランニング htt
GoogleがUX改善に活用するHEARTフレームワークの使い方|グロースハックジャパン|Growth Hack Japan
UXを改善したいけど、どの指標をトラッキングすればいいのか分からない。 本日は、多くのサービスが抱えるこの悩みを、グーグルが採用する「HEARTフレームワーク」と「Goals-Signals-Metricsプロセス」を利用して解決する方法を紹介します。 参考: How to Choose the Right UX Metrics for Your Product グーグルのHEARTフレームワークは、ユーザー体験(UX)の品質を計測する上で役立ちます。 プロダクト全体に当てはめることも、一部の機能に当てはめることも可能です。 HEARTのHは、Happiness(幸福)を指します。 ユーザーの満足度、UIの使いやすさ、ネットプロモータースコア(カスタマー・ロイヤルティを計測する指標)など、顧客調査を通じて得られたデータがHappinessの構成要素にあたります。 HEARTのEは、Enga
明日から試したい、ユーザーの継続率を上げるためのグロースハック事例１８個（アプリ・WEBサービス） | SIROKグロースハックブログ
アプリやWEBサービスで、ユーザーの継続率を上げるためにはどういう施策が効くのでしょうか。前回の、ユーザー獲得のためのグロースハック事例２０個に続いて、今回は「継続率」を向上させるグロースハック事例を１８個紹介します。 新規ユーザーに ①会員登録なしでアプリが使える パペルックは会員登録とSNS機能を外したことで、それまで15万DLから一気にDL数が伸び今では600万DLあるそうです。 写真編集アプリpapelook（パペルック）の改善事例 ②自動でアカウント作成 コーディネートアプリ「iQon」ではアプリ初回起動時、登録がなく、すぐに色んな人のコーディネートを見ることができます。ユーザー名がランダムに割り当てられていて、後で変えることができます。 ③最初にゴールを見せる グルメ口コミアプリ「Retty」ではチュートリアルとデモで、使っていった時のイメージを表示しています。このマップをどん
Framer: A Free Prototyping Tool for Teams
High-fidelity interactive design, minus the code.So how does it work? Import from any of your favorite UI design tools or start from scratch in Framer. Simply right-click to swap out static elements and replace them with interactive components. Try it out now Motion that works like magic.Ready to design your first animation? Drag and drop with Magic Motion to create an immersive prototype. Just us
Framer - スマホアプリ用プロトタイプ作成ツールキット - モバイル/タブレット向けオープンソース紹介 - Mobile Touch - モバイル/タブレット開発者およびデザイナー向け情報ポータル
スマホアプリ開発で大事なのは何と言ってもUI/UXですよね。デザインを作り、それを実際に動かして検証して改善を行う。それを何度も何度も繰り返してはじめて優れたUXが生まれるものです。 そのためにはいちいち作って確認するのではなく、プロトタイプを作成してスクラップ&ビルドを繰り返さないといけないでしょう。そのためのツールキットがFramerです。 Framerの使い方 FramerではHTMLは殆ど手をつけず、JavaScriptでUIを実装していきます。その意味ではよりプログラマー向けのツールと言えるかも知れません。 例えば同梱されているサンプルアプリケーションのコードは次のようになっています。 imageLayer = new Layer({x:0, y:0, width:128, height:128, image:"images/icon.png"}) imageLayer.cent
「Lean UX」モバイルゲーム開発 (2/2) | GREE Creators Blog
UX（ユーザー体験）担当のアンダーソンです。 前回 「Lean UX」モバイルゲーム開発 (1/2) では、モバイルゲーム開発と「Lean UX」の親和性についてお話ししました。 続いて今回は、「Lean UX」を使用した開発サイクルを一つ、できるだけ具体的に紹介したいと思います。 モバイルゲーム『プロジェクトA』（仮称）で、Lean UXを試してみた 定量データだけではなく、定性データも活用して課題を特定する 従来、『プロジェクトA』ではDAU、ARPUといった定量データに基づき、日々サービスの改善を行っていました。 ところが、そういった定量データからは「何が起きたか」という事実は分かっても、「プレイヤーがなぜその行動を起こしたか」という部分を明らかにすることが出来ません。 その結果、講じられる解決策が定量データから導かれた企画者による想像の枠を超えず、そもそもの問題が明らかにならないま
UXデザインをアプリ制作のワイヤーフレームとプロトタイプに取り入れるケーススタディ « ブログ｜東京のアプリデザイン制作会社｜株式会社ハラハラ｜harahara Inc.
巷で良く聞かれる「UXデザインとは？」意味が広義にわたるため明快に答えることが出来る人はなかなか少ないのではないでしょうか？ただ「ハラハラという会社で提供するUXデザインとは何？」と聞かれたらこう答えると思います。 “ルック＆フィールによって発生する体験の価値をよりよくする為の作業” UXデザインを正しく運用・開発するためにはIA（情報アーキテクチャ）とそれを実行する手法（ステートメントシート、ペルソナ、カスタマーエクスペリエンスマップ、ワイヤーフレームなど）を組み合わせる必要があります。 今回はそういったツールの中で制作過程におけるレイトステージにおいて弊社で最もハードに使われる「ワイヤーフレーム」と「プロトタイプ」を組み合わせる開発方法を少しだけご紹介いたします(あくまでもアプリの操作法では無くワークフローの一部を抜粋したものになります) 基本的な流れはワイヤーフレーム→プロトタイプの
UI/UXデザイナー兼ソフトウェアエンジニアにジョブチェンジを果たした - id:anatooのブログ
もともと只のソフトウェアエンジニアだったのですが、最近になって肩書きが長くなりました。 何やってるのか やることが増えました。 UI設計 ワイヤフレーム作成 ビジュアルデザイン プロトタイプ開発 開発 エンジニアの頃は、一番下の普通の開発しかやってませんでしたが、ここ最近は上記のことをまんべんなくやっています。ワイヤフレーム作成では、アプリやウェブサイトの設計書となるワイヤフレームをOmniGraffleでガリゴリ書いています。その次のビジュアルデザインでは、PhotoshopやIllustratorなどを使ってアプリやウェブサイトの実際の見た目のデザイン作業をやっています。プロトタイプ開発では、実際に動作するプロトタイプ(ハイフィデリティプロトタイプって言うらしい)を作ってUI上の問題を解決していくということをやっています。UXに関してはこれらの作業全てを通じて改善に貢献するということを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://uiohmy.com/
日本中の「UI/UX」の参考になるスライド資料を気合いで全部集めました！（たぶん） | BtoBサービスキューレーション Boxil（ボクシル）まとめ！
GitHub - rejasupotaro/MaterialDesignSample
Flinto - The App Design App