UXデザインツール「STUDIO」でのプロトタイプ作成が最高という話 | sizucca.com
ブログ書くぞーー！！ と取り急ぎのブログを立ち上げた のが 1 ヶ月前。 月日が経つのって早いですね（思わず目が遠くなる）。 その内ビルド方法を忘れて記事の更新できなくなりそうな未来が見えるわぁ…と思っていたら、 テンション上がるプロトタイピングツール「STUDIO」を見つけたので、 勢いに任せてその感想を書き散らしてみようと思います。 目次 作成したデモ プロトタイピングツールの使い所 STUDIO の感想 あとはこれができれば最高！！な要望 敢えての懸念点 まとめ 作成したデモ 百聞は一見に如かず。とにかくどんなプロトタイプが作れるのか見たい！！という方は、 以下からデモで作成したプロトタイプのライブプレビューがご覧いただけます。 iPhone 版 ※ 1 ページのみ Web 版 ※ 1 ページのみ sizucca.com（iPhone 版） ※ グローバルナビゲーション部分は遷移可能
スタートアップ UX設計の舞台裏 ~ペルソナ・カスタマージャーニーマップ編~
Housmartの高松です。 みなさんのサービスはUX設計をしっかりと出来ていますか？ 現在カウルでは、さらなる使いやすいサービスを目指してUXの再設計を行っています。 今回はその一部として行ったペルソナの定義、カスタマージャーニーマップの作成などを具体例をもとにご紹介します。 実際のサービス設計では結構抜けてしまいがちなUX設計のフェーズ。ペルソナやカスタマージャーニーマップなど知識としては知っているけど、自分のサービスで実践をしたことがない！という方も多いのではないでしょうか。 カウルのサービス カウルはスマホで簡単にマンション探しが出来るサービスをWebとiOSで提供しています。 ユーザは会員登録後、欲しいマンションの条件を登録するとおすすめのお部屋の提案を受けられます。おすすめのお部屋を見てお気に入りに入れたり、実際に見学の予約をすることもできます。 その他にも購入にかかる費用のシ
「BMWのドア音」に学ぶ、完璧なUXデザインのためのマイクロインタラクション
神は細部に宿る－－。たとえばBMWの「完璧なドア音」が究極のUXを生み出すように、 Webデザインではマイクロインタラクションが大切なのです。 BMWのような自動車会社がサウンドエンジニアのエリートチームを雇っていることは、驚くべきことではありません。なぜなら自動車は大きな音を出すものだからです。しかし、彼らがクルマの出す音を小さくすることよりも「チューニング」することに時間をかけていることは驚くべきことです。 たとえば、「クルマのドアを閉める音」は単にクルマを密閉する際の副次的な音ですが、作り手は「完璧なドアを閉める音」を生み出すためには努力を惜しみません。彼らは正しい「音」をつくるために材料、フィルター、空洞を調節します。同様に、ワイパー、窓のモーター、座席の調節などが、すべて美しい音を奏でるようになっています。 以上のことからデザイナーは、なにを学べば良いのでしょうか。それはUXです
心理学から学ぶ！心地よいUXデザインを作る方法
心理学や神経科学からUXデザインを良くする方法について紹介。ユーザー体験を最大化するためにUXは欠かせません。1990年代のインターネット初期の事例から現在に至るまでWebサイトのデザインなどどう変遷してきたのか、必見です。是非ご覧ください。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、Design School Canvaのブログ記事を、Design School Canvaより了解を得て日本語翻訳し掲載した記事になります。
なぜそのモーダルはダメなのか？店舗設計に学ぶUX改善5つの秘訣 - WPJ
海外サイトで最近よく見かける、メール登録を促すモーダルウィンドウ。なぜあのUIがダメなのか？ 優れた実店舗のUXから考えてみると… インタラクティブなデザインにおいて心理学は重要な役割を果たします。最適なUXを提供するためには、ユーザーに共感し、ユーザーが行動する前にユーザーの意図を汲み取らなければなりません。それによって、ユーザーが求める方向へ簡単に導き、最適なコンテンツを見てもらえるようになります。 この記事では、実店舗が売上を伸ばすために取り組んでいる5つの方法（中にはとても些細なものもあります）について考えてみます。どれもオンラインショップの改善にも応用可能な方法です。 1.レジでの追加購買促進 一般的に、小売店は往々にしてもっとも値段の高い商品を店舗の前面に配置して、お客さまに先に見せて（価格差に関するお客さまの心理を利用するため）、より安価な商品を店の奥に置くことで、とてもお得
『UX戦略』は事業にUXを組み込みたい人向けの良書だった。
発売日前日ということで、まとめまではいきませんが感想を書いておきます。 （ざっと読んだ所感なので、間違いなどありましたらご容赦！） 『UX戦略』はどんな本？UXデザインの手法を使いつつコンパクトに価値の仮説を検証しながらビジネスに落とし込んでいく考え方と方法について書かれている。 UX戦略の基本要素は下記の4つ ビジネス戦略：TK価値の革新：TK検証のためのユーザー調査：TK革新的UXデザイン：TKなぜ「UX戦略」が必要なの？収益構造のロジックがあっても実際にユーザーにとって価値があるものでなければ成立しない。ユーザーへの価値提供をビジネス戦略の上に「乗せる」のではなく「組み込む」ことが事業づくりにとって必要だから。 どうやって「ビジネス戦略」に価値提供を組み込むの？リーンスタートアップの思考法と手法に加えてUXデザインの手法を利用する。 なにがわかる本？リーンなプロダクト/マーケットフィ
デザイン最優先のAirbnbがユーザー獲得のために行う3つのマインドセットと4つのコアプロセス デザイン会社 ビートラックス: ブログ
Airbnbは、空き部屋をシェアしたいオーナーと部屋を探している旅行者をつなぐオンラインプラットフォームで、ここ数年で世界中で急激にユーザー数を伸ばしている。いまや世界191カ国の人々が登録しており、日本でも一部の地域を中心に利用者が増えている。 Airbnbの成長度合いは凄まじく、ゴールドマンサックスも「ホテル業界を駆逐してしまうかもしれない」と示唆をしているほどである。創業者の2名が元々デザイナー出身という事もあり、彼らはプロダクトにおけるデザインを最も重要視している。 同時に、ユーザー数を増やす為のグロースハック施策にも注力しており、社内に凄腕グロースハッカーやデータサイエンティストを有し、日々ユーザー獲得及びコンバージョン向上を行っている。 Airbnbの成長を示すグラフ – provided by http://rentingyourplace.com/airbnb-101/ そ
Webデザインが圧倒的に捗るGoogle Chromeの拡張機能12選
みなさんはChromeの拡張機能を活用していますか？ 拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL：FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL：PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ
UX（ユーエックス）ってなんだ？実際に活躍している人たちに聞いてみた（前編） | ウェブ電通報
ユーザー体験価値設計の重要性 前回からすっかり連載の時間が空いてしまいました（汗）。連載を続けるのって難しいですね。メディアの記者やライターの皆さんとは職業柄普段からお会いしていますが、改めて尊敬した次第です。 今回は、IT業界でもよく使われる用語である、UX（＝読み：ユーエックス／ユーザーエクスペリエンスの略）という言葉に迫ってみたいと思っております。 UXとは、語義通りユーザーがあるサービスやプロダクトに接しているときの体験全体を総称する言葉として一般的に使われており、ITのウェブサービスやアプリの世界でも、類似したサービスやたくさん出てくる中で、このUXの考え方が年々重要視されてきています。 ITサービスの場合はデバイスからアプリまたはウェブにアクセスして操作することがほとんどで、その画面UI（ユーザーインターフェース）と併せて考えることが多いので、よく「UI／UX（ユーアイユーエッ
DeNA南場智子氏が語った「経営会議より、UI/UXが大事」なぜ今デザインなのか？ - リクナビNEXTジャーナル
DeNAとGoodpatchが合同で運営する「UI Crunch」から、若手デザイナーのためのコミュニティの発展を目的として誕生した「UI Crunch Under25」。第一回のイベントが渋谷ヒカリエで開催された。その基調講演でDeNA会長・南場智子氏は、「これからのデザインとビジネスの関係」をテーマに講演。 何かの才能を持っている人や、ものをクリエイトできる人に対して、すごくコンプレックスを持っているという南場智子氏。なぜ今、デザインが大事なのか？その理由を、自らの失敗談とDeNAの事業戦略を交えながら語ってくれた。 ▲株式会社ディー・エヌ・エー 取締役会長 南場 智子氏 1986年、マッキンゼー・アンド・カンパニー入社。ハーバード・ビジネス・スクールでMBAを取得し、96年、マッキンゼーでパートナー（役員）に就任。99年に同社を退社して株式会社ディー・エヌ・エーを設立、代表取締役社長
【2015年版】UI/UXの参考になる！「デザインが美しい」と話題になったWebサービス・アプリ30選
皆さんが普段使用しているアプリ。便利なものや楽しいものが多くありますが、UI/UXを気にして使用したことはあるでしょうか？多くの人が使用している人気のアプリは内容だけでなく、UI/UXが優れているもの。 どれだけ内容が良かったとしても、UI/UXが優れていなければ長期的に使ってもらえません。そこで今回は、2015年にリリースされたアプリの中で、「デザインが美しい」と話題になったものを紹介したいと思います。 1：PeekPeek 今では、スケジュール管理アプリは数多くありますが、このアプリは他にはない面白い部分があります。それは、ほとんどの操作をジェスチャーで行うというもの。メニューボタンなどはなく、長押しやスクロールといった方法で操作します。このような操作性は、Peekだけです。 2：KocriKocri どこの学校にもある黒板。そのあり方を「一変させてくれるかもれない」と感じさせるのが、
Android エンジニアが知っておきたい UX アンチパターン - Qiita
はじめに Android Developers 公式チャネルで公開されている「UX アンチパターン」の紹介です。UX の改善はユーザの満足度向上にもつながりますので、紹介内容をチェックすることをおすすめします。 動画 URL https://www.youtube.com/watch?v=x_gxZd9kLv4 トピック別の再生用リンク ダイアログ タッチできない UI デザイン 時代遅れ 他プラットフォームの移植 非標準ナビゲーション 共有機能を独自実装 WebView で UI を作る しつこい 縦向き固定 その他 ちなみに個人的に残念だと感じるトップ3はこちらです。 下タブバー 非標準のナビゲーション WebView で UI を作る ダイアログ 読み込み中のダイアログ ちらつきについては、ProgressDialog を使用した場合のイメージでしょうか。 ダイアログ全般について、基
UXを理解する極意を教えましょう。 - 株式会社メルカリ 執行役員 松本 龍祐｜mixi agent(ミクシィ エージェント)
2015年5月、株式会社メルカリに突如参画された執行役員の松本 龍祐氏。数千万のユーザーを持つサービスを生んだコミュニティファクトリーの設立や、ヤフー社にてアプリ開発室室長を務めるなど、輝かしい実績をお持ちです。ご自身の経験から、ディレクターやデザイナーのキャリアについて語っていただきました。 新しいもの好きが高じて、ソーシャルのプロへ ────学生時代から起業されるなど、精力的に活動されていらっしゃったかと思うのですが、どのような心境だったのでしょうか。 松本 学生時代に会社を設立した経緯もあり、いわゆる就職活動をしなかったため、まともな社会人になれないんじゃないかという恐怖心が先行していましたね。そのためやりたい仕事をやるというよりも、人に必要とされる社会人になろう、という想いで仕事をガンガン受注し、ステップアップを意識していました。仕事がなくなれば、死ぬんじゃないかとも思っていました
第9回 Plag** - UI/UXがイケてる！おすすめスマホアプリ - MdN Design Interactive
Amebaのクリエイティブディレクターが徹底考察！ UI/UXがイケてる！おすすめスマホアプリ 第9回 Plag** 2015年8月27日 TEXT：鈴木伸緒（株式会社サイバーエージェント） より良いユーザー体験を提供するうえで、スマホアプリにおけるUIの工夫やユーザーの心的効果を考慮したデザインなどを、サービスの機能ごとに紹介していく本連載。第9回目では、「Plag**」を取り上げる。 「Plag**」という名前は「伝染する・感染する」という意味の「Plague」からとっており、コンテンツの拡散性に特化したアプリとなっている。フォロー・フォロワーという概念を取り払った新種のSNSで、ヨーロッパを中心にサービス開始から6週間で10万ユーザーを突破して大きな話題となった。さっそく、その世界観を引き立てているUIやインタラクションを見ていこう。 Plag** iOS版 https://itun
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
モバイルアプリのUIデザインの参考になるスライド10選
The Blog | Welcome to Adobe Blog
全エンジニア・全デザイナー必見！UI/UXを入門からマスターできるスライド資料25選 | iPhoneの神様
【永久保存版】エンジニア・デザイナー必見！「UI/UX」の基礎が学べるSlideshare30選
【保存版】CSS Nite LP42「戦略志向のECサイト」リアルタイムレポート #cssnite_lp42
