UXデザインツール「STUDIO」でのプロトタイプ作成が最高という話 | sizucca.com
ブログ書くぞーー！！ と取り急ぎのブログを立ち上げた のが 1 ヶ月前。 月日が経つのって早いですね（思わず目が遠くなる）。 その内ビルド方法を忘れて記事の更新できなくなりそうな未来が見えるわぁ…と思っていたら、 テンション上がるプロトタイピングツール「STUDIO」を見つけたので、 勢いに任せてその感想を書き散らしてみようと思います。 目次 作成したデモ プロトタイピングツールの使い所 STUDIO の感想 あとはこれができれば最高！！な要望 敢えての懸念点 まとめ 作成したデモ 百聞は一見に如かず。とにかくどんなプロトタイプが作れるのか見たい！！という方は、 以下からデモで作成したプロトタイプのライブプレビューがご覧いただけます。 iPhone 版 ※ 1 ページのみ Web 版 ※ 1 ページのみ sizucca.com（iPhone 版） ※ グローバルナビゲーション部分は遷移可能
「BMWのドア音」に学ぶ、完璧なUXデザインのためのマイクロインタラクション
神は細部に宿る－－。たとえばBMWの「完璧なドア音」が究極のUXを生み出すように、 Webデザインではマイクロインタラクションが大切なのです。 BMWのような自動車会社がサウンドエンジニアのエリートチームを雇っていることは、驚くべきことではありません。なぜなら自動車は大きな音を出すものだからです。しかし、彼らがクルマの出す音を小さくすることよりも「チューニング」することに時間をかけていることは驚くべきことです。 たとえば、「クルマのドアを閉める音」は単にクルマを密閉する際の副次的な音ですが、作り手は「完璧なドアを閉める音」を生み出すためには努力を惜しみません。彼らは正しい「音」をつくるために材料、フィルター、空洞を調節します。同様に、ワイパー、窓のモーター、座席の調節などが、すべて美しい音を奏でるようになっています。 以上のことからデザイナーは、なにを学べば良いのでしょうか。それはUXです
なぜそのモーダルはダメなのか？店舗設計に学ぶUX改善5つの秘訣 - WPJ
海外サイトで最近よく見かける、メール登録を促すモーダルウィンドウ。なぜあのUIがダメなのか？ 優れた実店舗のUXから考えてみると… インタラクティブなデザインにおいて心理学は重要な役割を果たします。最適なUXを提供するためには、ユーザーに共感し、ユーザーが行動する前にユーザーの意図を汲み取らなければなりません。それによって、ユーザーが求める方向へ簡単に導き、最適なコンテンツを見てもらえるようになります。 この記事では、実店舗が売上を伸ばすために取り組んでいる5つの方法（中にはとても些細なものもあります）について考えてみます。どれもオンラインショップの改善にも応用可能な方法です。 1.レジでの追加購買促進 一般的に、小売店は往々にしてもっとも値段の高い商品を店舗の前面に配置して、お客さまに先に見せて（価格差に関するお客さまの心理を利用するため）、より安価な商品を店の奥に置くことで、とてもお得
Webデザインが圧倒的に捗るGoogle Chromeの拡張機能12選
みなさんはChromeの拡張機能を活用していますか？ 拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL：FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます。ランディングページなど縦長のページのスクリーンショットを撮影するときに便利です。 2. PerfectPixel by WellDoneCode ダウンロードURL：PerfectPixel by WellDoneCode ページ内に任意の画像を重ねることができる拡張機能です。画像を動かしたり、透過させたり、サイズを変更したりしてレイアウトすることができます。ボタンやロゴの配置を迷っているときにコ
UI/UXデザイナーなら一度は目を通しておきたい「デザイン原則」まとめ【随時更新】
世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01： 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28： 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/
今っぽくなった！トレンドをおさえたjQuery プラグインまとめ
作成：2015/04/6 更新：2016/06/29 Web制作 > トレンドとなりつつある視覚効果や、細部にちょっとした動きを取り入れたいときに使えるjQuery プラグインをまとめました。ユーザーが使いやすくなるよう、ページにひと工夫したいときに。少し前のプラグインもありますが、今から使えそうなものもピックアップ。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マイクロインタラクション １．粘性 ２．移動するプレースホルダー ３．滑らかにページ移動させる ４．パスワード強度を可視化 ５．オートコンプリート ６．テキスト入力 ７．Google Map（吹き出し・マーカー） ８．オートページャー ９．プログレス12パターン １０．ノーティフィケーション レタリング １１．１文字ごとに指定 フルスクリーン １２．モーダルウィンドウ（全画面） １３．フォーム（全
世界ナンバーワンのUIデザインを目指し「赤字になっても納得できるまでやる」 | グッドパッチ - 土屋尚史 | Web転職Poole
UI（ユーザインターフェース）とは、例えばアプリのユーザが、スマホでアプリを操作するときの操作のしやすさのこと。機能が同じアプリでもUIによってレビューの内容が変わり、それに応じて売上も変わるなど、コンテンツの評価を左右します。そして、キュレーションアプリ『Gunosy』が爆発的にヒットした際、そのUIデザインを担当したのが株式会社グッドパッチです。 “世界でナンバーワンのUIデザイン会社”を目指すグッドパッチは、どうしてこのUIという分野に進出し、大きな功績を収めて来たのでしょう。今回は、代表取締役の土屋尚史氏に、世界を横断するグッドパッチのこれまでの軌跡と、プロダクトへのこだわりについてお伺いしました。 土屋 尚史氏 株式会社グッドパッチ代表取締役兼CEO。ウェブ制作会社のディレクターを経て、サンフランシスコに渡りデジタルエージェンシーbtraxでスタートアップの海外進出支援などに従事
EvernoteのUXデザイナーが考える、UXのつくりかた/Silicon Valley Report
先日、500Familyのミートアップにて、EvernoteのUXデザイナーである@JOSHUANTAYLORから直接お話を聞く機会がありましたので、その概要を共有したいと思います。ちなみに、Joshは、InVisionのブログ等でも紹介されているので、ご存知の方も多いかもしれません。 Functional 、Emotional、Aspirational、3つのうち、どのレベルの体験を届けるのかUXを考える上では、まずはどんな体験をユーザーに届けるのかを考えることが重要です。 ユーザーに届ける体験は、Functional/Emotional/Aspirationalの3つのレベルに分けられるとのこです。 Functional Functionalなレベルを求めるユーザーは、サービスに対して機能的であることを求めています。例えば、ボタンを押した時にどう動作するのか、どんなガジェットが使えるの
月間1000万PVを支える「UIの言葉選び」のためのチェックリスト - クックパッド開発者ブログ
クックパッド ダイエット事業室の田中です。昨年５月からスタートした「クックパッド ダイエット」にリリース当初から携わり、デザインやダイエットニュースの編集を担当しています。 現在クックパッドダイエットのサイトは月間1000万ページビューを超え、「ダイエットといえば『クックパッド ダイエット』」と言われるような世界を目指して、日々、運用・改善に取り組んでいます。 今回紹介するのは、クックパッドダイエットのUIをデザインする時の「UIの言葉選び」の具体的なチェックリストです。 最高のレイアウトでも言葉がイマイチだと台無しに みなさんは、UIの中の「文言（言葉）」をどのようなプロセスで決定していますか？ UIのレイアウトや遷移の方法について熟考する姿勢を持っている方は多いと思うのですが、文言の検証方法については確固たる視点を持っていない方もいらっしゃるのではないかと思います。 UIで王道のレイア
ユーザビリティの高め方7選 デザイン会社 ビートラックス: ブログ
デバイスがパソコンからモバイルへ、そしてウェブからアプリの時代へ移り変わっていくとしてもユーザビリティとは常に変わらず求められるものである。そしてユーザービリティはそのサービスが提供する価値に大きな影響を持っている。 例えば、ECサイトを考えてみるとユーザビリティが直接購買意欲につながるわけではないが、商品購入までの過程をスムーズにおこなうことができたら、ロイヤリティーの高い顧客を増やすことが出来る。ユーザビリティはその全てのフローに関わるものである。 それではユーザービリティが高いサービスとはどのようなものだろうか？学術的な分野でユーザビリティの権威とも言われるJakob Nielsen博士はユーザビリティの高いインターフェイスは以下の5つのポイントを兼ね備えていると述べている。 学習しやすさ : システムは、ユーザがそれをすぐ使い始められるよう、簡単に学習できるようにしなければならない
デザインスプリントとPocketのプロトタイピング（翻訳）
本記事は、ブックマークサービスPocketが行ったデザインスプリントについての翻訳記事である。（オリジナル）。デザインスプリントとは、Googleの投資部門Google Venturesが投資先に行うデザインワークショップ。 Pocketの新規ユーザーにむけて、よりよいエクスペリエンスをデザインするお手伝いしました。 結果、新規ユーザーが最初のアイテムを保存する率が58%増加し、より高いアクティブ率とアクティブユーザーを生み出しました。 チャレンジ 新規ユーザーがアクティブユーザーになるための手伝いをする。多くの人々がPocketをダウンロードしサインアップするが、チームは彼らがよりアクティブな長期ユーザーになりやすくしたかった。 私たちのしたこと ポケットチームと3週間にわたり3回のデザインスプリントを行いました。彼らのiOSとAndroidアプリのために、新しいGetting Star
優れたUXを実現するための人間中心デザインとは？ - UXploration
当記事は、2015年2月5日に無料動画のオンライン学習サイト - schoo WEB-campus（スクー）にて開催した授業「優れたUXを実現するための人間中心デザインとは？」のフォローアップになります。 当日の授業の内容は schoo の下記ウェブサイトよりご覧いただけます（会員登録が必要です）。 はじめに 当企画は schoo と弊社コンセントとの合同企画で「社会に求められる価値あるデザイナーとは？」というテーマのもと、著者含むコンセントのアートディレクターの佐藤とサービスデザイナーの大崎の3名でそれぞれの立場から1人づつ授業を開催してきました。 デザイン領域の拡張に伴うデザイナーとしての役割とは？ 佐藤 通洋 先生 - 無料動画学習｜schoo（スクー） サービスデザイン時代のデザイナーのあり方とは？ 大崎 優 先生 - 無料動画学習｜schoo（スクー） 最終回となる今回は、以下の
小さな変更で大きくUXを改善するマイクロデザインってなに？ | WebNAUT by Beeworks
※この記事は2015年2月4日に執筆された記事です。 1月も過ぎ2015年のトレンド予想も出そろった頃でしょうか？ 王道な話題が語られるなか、数名の海外デザイナーからマイクロデザイン、マイクロコピー、マイクロインタラクション、マイクロUXといった言葉があがっていたのが気になったデザイナーTXです。 このマイクロデザインという言葉、概念としては新しくないのですが、 日本ではまだまだ認知度が低いようなので今回はその”マイクロ”な部分をクローズアップしていきたいと思います。 目次 マクロデザインとマイクロデザイン マイクロコピーとは？ マイクロインタラクションとは？ マイクロデザインとブランディング まとめ マクロデザインとマイクロデザイン マクロ/マイクロデザインを家で例えるなら、マクロデザインはその家の外観でマイクロデザインはドアの種類や階段の形などの細部のこと。 WEBデザインでいうと、マ
UXデザインで考えるコンテンツ設計 | ykazu.com
先日、ベースキャンプ名古屋にて開催された WCAN mini 2015 Vol.1 「UXデザインプロセスを活用したコンテンツの評価方法」（講師: 長谷川 恭久さん）の参加レポートとなります。 このセミナーでは、主に Web サイトにおけるコンテンツの実状と把握、その評価やより良いコンテンツを提案するための UX デザインの手法をレクチャーとワークショップを交え、5時間で学ぶというものです。 良いコンテンツを設計し提供するためには、ユーザーを理解すること・今のコンテンツを評価すること。これらは制作プロセスでは当たり前なことでも「できていない現実」に改めて気付かされます。いくつか自分なりの解釈も含めて、特に印象的だった内容をハイライトとしてレポートします。 良いコンテンツとは？ 「良い」は誰が決めるのでしょうか。利用者、ユーザーです。コンテンツ提供者は、ユーザーになり代わって良いコンテンツを
アプリUI勉強会 in ネットイヤーグループ
2. メンバー紹介 鈴木 健一鈴木 智大 イマジカデジタルスケープ、IADI、FICC inc. にてデザイン／ディレクション業務に 従事した後、2014 年にアプリやサービスのUI デザインを専門に行うSTANDARD inc. を設立。マーケティングエージェンシーで培ったノウハウを基に、ユーザーの 課題解決とビジネスゴール達成を両立するUI デザインを提供する。 元ケーキ職人。 CEO,Designer Designer DTP 制作会社、某新聞社を経て株式会社ナナメウエにてデザイナーとして数々の アプリUI デザインを手がける。2014 年2 月からSTANDARD へ参画。ユーザー の目的を最短で達成し、満足度を高めるためのユーザー体験やUI 設計、情報を 正確に伝えるためのビジュアルデザインを提供する。 元ブレイクダンサー。 3. メンバー紹介 吉竹 遼Designer 2011
グッドパッチ代表が語るユーザーインタフェースとアプリ戦略
数多あるアプリの中からユーザーに選ばれるために必要なこととは何なのか。 500万ダウンロードを突破し、ニュースキュレーションアプリの中で勢いのあるGunosy（グノシー）。TVCMのプロモーションやレコメンドエンジンなど、選ばれるアプリとなった理由はいくつか挙げられる。中でも、その操作性や読みやすさは初期から高い評価を得ていた。 そのユーザーインタフェース（UI）を生み出した会社は、気鋭のテクノロジーベンチャー、グッドパッチ。ネクストスタンダードとなるUIを生み出す株式会社グッドパッチ 代表取締役 土屋尚史氏にお話を伺いました。 iPhoneが登場したとき、世界は変わると思った 新しい技術とかそういうものがもともと好きで、新しいサービスとか技術とかデバイスとか出てきたら真っ先に試して取り入れる側の人間なので、スティーブ・ジョブズが初代iPhoneを発表するときのYouTubeを見て“これは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モバイルアプリのUIデザインの参考になるスライド10選
The Blog | Welcome to Adobe Blog
全エンジニア・全デザイナー必見！UI/UXを入門からマスターできるスライド資料25選 | iPhoneの神様
新着記事
