実は2017年5月に、Mobikeの体験設計を手がけたデザイン会社に直接訪れる機会がにありました。EICOはGoogleやAmazon、Alibabaといった大企業から、MobikeやOnePlusなどのスタートアップまで満遍なく手がけています。また、関わるサービスのフェーズも0→1から1→10までさまざまです。 今回は、彼らの組織編成やデザインプロセス、気になるクリエイティブなプロダクトのデザイン戦略について聞いてきました！ EICOってどんな会社？ EICOは、製品やブランドの真の価値を創造するために、デザインコンサルティング事業に特化したスタートアップです。現CEOである张伟（Rocky）と许士彦（Ricky）が2004年に北京で設立し、現在13年目。社員数は現時点で約60人、そのうちの90%がデザイナーなのだそうです。みんなプロフェッショナルでデザインに熱意のある人ばかり！ 彼らの

ニューヨークやロンドンに展開するコンサルティング会社、Conversion Rate Experts社が、UX（ユーザーエクスペリエンス）とCRO（Conversion rate optimization　コンバージョン率最適化）のための27つのテクニックをまとめたインフォグラフィックを発表いたしました。 この記事は、Conversion Rate Experts社の許可の元、テクニック20について詳細に書かれた記事を翻訳したものです。元記事は、Techniques 20–22 of “Tools for UX and CRO: The Ultimate Guide for 2017”です。 ユーザーテストツールは、Webページについての深く細かい洞察が得られる素晴らしいツールです。どのようにしてより良いものに改善すべきかを正確に示してくれます。 ユーザーテスト（ユーザビリティテストとも呼

アプリデザインにおけるUIのアニメーションは、いざ作るとなると「どう動かすか」などと考えてしまい、無難なものに落ち着きがちです。発想が小さくなっているなと感じたら、他の人の自由な発想を見てみるのもいいかもしれません。 そこで今回は、dribbbleにて公開されているメニューUIのアニメーションから10点ご紹介いたします。ぬるぬる動きまくるポートフォリオからインスピレーションを見いだせれば幸いです。 ※過剰で独りよがりなアニメーションはユーザー体験として不適切になりがちですので、きちんとTPOをわきまえたアニメーションを心がけましょう！ Animated sliding tab bar フッター部分を完全に非表示にさせつつも、折りたたまれていたかのように表示させるアニメーションです。ユーザーが混乱しないように予め操作方法を説明しておくといった配慮が必要になりますが、デザインとしては使いやすい

2016.3.23 / Leanstartup, UX リーンスタートアップの仮説検証とMVPキャンバス Masafumi Kawachi 先月から、STANDARDに参画いたしました、デザイナーの川地 真史と申します。初めてのブログ執筆ということで、まずご挨拶させていただければと思います。実は元々、学生時代にSTANDARDにてインターン生として学んでいた身でした。その縁もありこの度、再び「未来の豊かさにつながる仕組みをデザインする」ために参画することにいたしました。このブログにおいては、私からしたら”書く”という行為、皆様からしたら”読む”という行為を通して良い体験価値を届けられたらと思います。よろしくお願いいたします。 新しいサービスを立ち上げる際に不確実性の高い中で答えを探し求めるとき、リーンスタートアップという概念はとても強力な助けとなります。この2,3年で広く浸透し、多くの企業

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

3月2日の昨日、私たちは OneShot をリリースしました。このアプリは、スクリーンショット内のテキストにハイライトを入れた画像をTwitterに投稿できるというiOSアプリです。アプリがどのように出来上がり、またデザインがどのように決められていったかを皆さんと共有できたら面白いと思い、この記事を投稿しました。その他、アプリの初期段階のイテレーション、採用されなかったアイコン、framer.jpプロトタイプなどについても言及しています。 始まりはダイレクトメッセージ 友人の Ian Ownbey がTwitterのダイレクトメッセージでフリーランスのデザインプロジェクトに関して私にコンタクトしてきたのが、1月14日のことです。彼は、彼の友人の Jason Goldman と小規模なiOSアプリの仕事を請け負っていたのですが、アプリを完成させるためにデザイナーを探しているとのことでした。当

小説家の平野啓一郎氏が近年唱えてきた「分人主義」は、人間は一つの人格だけを生きているのではなく、対人関係ごとに異なる人格を持ち、その集合体として生きているという考え方だ。一方、田川欣哉氏率いるデザインエンジニアリングファーム「takram」は、「デザイン」と「エンジニアリング」という2つの手法を一人の人間が切り替え、組み合わせながら開発する方法論を採っている。根底の視座に共通点を持つ2人が語る、これからのデザインとは。 田川▶　takramはデザインエンジニアリングの会社です。デザイナーとエンジニアがチームを組むのは珍しくありませんが、takramにいるのは、エンジニアリングの経験を積んでからデザインの世界に入ってきた人、つまり一人の中に2つのスキルが同居した人たちです。彼らを「デザインエンジニア」と呼んでいます。最近の仕事を紹介しましょう。東京ミッドタウンの「活動のデザイン展」に出展した

Insights for Innovation is at the heart of what IDEO is known for—human-centered design. This 5-week customer insights course, an in-depth focus on the first phase of design thinking, will ground you in the needs of the people you’re creating for. Develop empathy for your customers and surface insights for creating products and services they want and need. Course Outcomes Better understand the soc

パスワードを忘れた方はパスワードの再設定を行ってください。 初めての方ははてなID登録 (無料) してください。 うまくログインできない方はお問い合わせをご覧いただき、Cookieの設定をご確認ください。

こんにちは、デザイナーの小林です。 最近スマホデザインで、アプリデザインや、機能性を持たせたUIのデザインが求められることが多くなってきました。 Photoshopで幅640pxで作成後、実機で確認をするのですが、どうも文字サイズを決めるのに毎回迷ってしまいます。 「小さすぎるんじゃないか？」 「見出しと本文の違いがパッと見で分かるだろうか？」などなど… そこで普段見慣れているだろう、スマホのデフォルトの純正アプリや有名アプリの文字サイズを調べてみました。 検証方法 iPhone4S（古くてスイマセン）でキャプチャーとる Photoshopで上からテキストをトレース。（このときの文字設定の数値を記載しています。） ホーム画面 通話履歴 メール リマインダー メモ帳 ミュージック Google Chrome Facebook Twitter Youtube はてなブックマーク evernot

EAIntroViewはウォークスルー画面を簡単に追加できるライブラリです。 ウォークスルー画面のページの数だけEAIntroPageインスタンスを作成します。作成したEAIntroPageインスタンスを使ってEAIntroViewインスタンスを作成し、表示したいViewに追加することでウォークスルー画面を表示できます。 表示が終了した時やページをめくった時はdelegate経由で知らせてもらえます。 ウォークスルーの1ページを構成するEAIntroPageインスタンスは以下のようにいくつか作成方法があるみたいです。 タイトル・文章・背景・タイトル画像を指定して作成 UIViewからの作成 Nibからの作成 GitHubからダウンロードできるサンプルプロジェクトは７種類のウォークスルーを確認できるようになっており、参考になるかと思います。 作成例 - (void)showIntroWith

国内だけでも毎月何十本も新作が発表されているスマホゲームアプリ。実は数々の有名タイトルを始め、各ゲームにおいて多く採用されている基本操作やUIを、3つのゲームアプリを例に紹介します。 メニュー一覧は画面下 ゲームアプリ内のホームやキャラクター選択、ガチャ、設定などの大まかなカテゴリ分けされたメニューは、画面下に1列で配置されることがほとんど。メニューをタップ操作した際に、場所が画面下部以外だと、画面を手で遮る範囲が出てきてしまいます。 また、片手操作用にメニューを画面右端もしくは左端に設定できるものもありますが、多くのアプリが画面下部に設置している上、並び順も似たような形になっているので、逆に混乱を招いてしまうこともあります。 ユーザーの慣れと、操作性の観点から見て画面下部にするのが妥当です。 キャラクターの詳細はタップして長押しで見ることができる 自分の育てたいキャラクターは、そのキャラ

Few days ago, Apple introduced iPhone 6 Plus. The new iPhone substantially changes the way graphics are rendered on screen. We've made an infographic to demystify this. 320 × 480 375 × 667 414 × 736 320 × 480 750 × 1334 1242 × 2208 1080 × 1920 3.5″ 4.7″ 5.5″ iPhone 6 Plus has screen with lower pixel resolution than the image rendered in previous step. Before the image can be displayed on the scree

外国語アプリのティザーサイトやLPは参考になるデザインも多く、まとめられているのをよく目にします。 ただ、英語でないと成立しづらいデザインだったりするし、コンテンツを参考にするのも難しいことが多いと思います。 そこで、自分が素早く参考サイトを確認にできるように、 日本語でデザインされているアプリのティザーサイトやLPを集めてみました。 アプリじゃなくてサービスじゃん！みたいなサイトもあるかと思いますがご容赦ください。 ちなみに、随時更新していく予定です。順不同です。 最終更新：2015/11/5 AIアナリスト

現実的なタスクシナリオを書くことで参加者を関与させ、行動を促そう。また、そのインタフェースがどのように利用されるべきかは明かさないようにしよう。 Turn User Goals into Task Scenarios for Usability Testing by Marieke McCloskey on January 12, 2014 日本語版2014年2月4日公開 あるインタフェースで何が機能し、何が機能してないかを理解する最も有効な方法は、それを利用しているユーザーを観察することである。これがユーザビリティテストの本質だ。適切な参加者が現実的な活動をしようとしているとき、ユーザーが苦労する原因になりそうなことについての定性的知見は得られる。こうした知見はデザインをどのように改善すべきかを決定するのに役立つ。 また、サイト全体のユーザビリティを明らかにする手段として、ユーザーがタス

いつも聞いた内容をアップするだけで精一杯で、自分の思考が残せていないのが残念すぎるので、 今日からは、自分の考えも入れつつレポートしようと思います。 さて、12月１７日は、大学時代の友人で、現在goodpatchのUXデザイナーである田中翔子ちゃんにお誘いを頂き、 「OpenNetworkLab × NTTドコモ・ベンチャーズ 共催　UX/UIのグローバル最新事例セッション！」を聞いてきました。 今回のセッションの目玉は、何と言ってもUI、UXのの分野で世界的に有名なFrog Design社 生でお話が聞ける長時間聞ける貴重な機会ですが、実は結論は始まって1分目に出てた。 「世の中の環境がどんなに変化しても、人間が体験するということは変わらない」 これは、当たり前に聞こえるけど、意外と浸透していない考え方でもある。 と、いうのも今日の朝、「2014年のCESはウェアラブル機器祭り？ 」とい

第8回 ツールやスキルに依存しないデザイナーであり続けるために 2013年10月9日 TEXT：秋葉秀樹 最近、デザイナーから「JavaScriptとPHPでは、どっちのニーズが高いですか？」「いますぐ使えるHTML5スキルを学びたいんですが…」と尋ねられることが多い。そのたびに私は「あなたがやりたいことをやったらどうでしょう？」と答える。 非常に冷たい言いかたのように思えるかもしれないが、それ以上の答えはない。 本連載を通じてお伝えしたかったのは、「いまはツールやスキルに依存せず、つねにデザイナー目線で考えられる人が強く求められる時代だ」ということだ。 最終回となる今回は、私自身の自戒もこめて、強く求められるデザイナーのスキルの考え方をまとめてお伝えしたい。総じていえば、日々の失敗や反省を繰り返して高めていくことで得られることばかりだ。 オペレーションスキルで給料があがるという誤解 求人