2015.07.23 Think User First - Cookpad × Fablic クックパッドとファブリックのデザイナーが考えるユーザーファーストとは? http://connpass.com/event/17492/Read less
![Holiday のデザインと開発 - ユーザーに価値を届けるためのプロトタイピングから実装まで](https://cdn-ak-scissors.b.st-hatena.com/image/square/008c4ad69580e22f3a18d91bf1ca95bb4e50296c/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2F150723thinkuserfirstpublic-150724075447-lva1-app6892-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
ユーザーの期待に応えるクックパッドのUI/UXーWDF Vol.17 with HTML5 Experts.jp「アクセシビリティとUX」 仲 裕介(HTML5 Experts.jp副編集長) 3月14日に特定非営利活動法人Web Directors Forum(以下、WDF)とHTML5 Experts.jpの共催企画として、WDF Vol.17 with HTML5 Experts.jp「アクセシビリティとUX」が金沢にて開催されました。この記事では、その勉強会のセッションの模様をレポートします。 ユーザーの期待に応えるクックパッドのUI/UXー元山 和之 イベント最後のセッションは、クックパッドでデザイナーをされている元山和之さんです。今回のセッションでは、クックパッドが実践するユーザーファーストなサービス開発の様子を紹介していただきました。 余談ですが、クックパッドさんのプレゼンテ
この記事は原著者の許可を得て翻訳・公開するものです。原文: Measuring Product Health (Sequoia Capital, Data Science Team) 目次 ユーザーアダプションと成長 市場のメトリクス MAU / インストール数 成長のメトリクス MAU / WAU / DAU D/D、W/W、M/M、Y/Y の変動数 Quick Ratio 新規ユーザー数 / MAU サインアップ数 / インストール数 成長に関する検討事項 継続率 継続のメトリクス Dn / Mn / Wn メトリクス コホート曲線 スティッキネス スティッキネスのメトリクス DAU / MAU 起動率 Lness スティッキー継続率または DoD / WoW / MoM 継続率 エンゲージメント エンゲージメントのメトリクス 消費時間 / DAU セッション数 消費時間 / セッショ
開発環境構築の流れ 開発環境の構築は、以下のような3つのステップで進めていきます。 JDK(Java Development Kit)のインストール Android Studioのインストール プロジェクト作成とAVDの設定・エミュレーターでの実行 それでは手順をおって説明していきます。 JDK(Java Development Kit)のインストール インストールはOracleのサイトから可能です。 まずはこちらのURLを開いてください。 開いたら、Accept License Agreement にチェックを入れ、「Mac OS X x64」をクリックしてダウンロードを開始してください。 ダウンロードしたら解凍して、インストーラを起動します。インストーラで処理が終わったらJDKのインストールは完了です。 なお、ターミナルから「$ javac -version」のコマンドを実行して、「
1. 概要 開発に必要なもの JDK:Java Development Kit。Javaアプリケーションの開発に必要なSDK。 Android SDK:Androidアプリケーションを開発するために必要なSDK。 Android Studio:Androidアプリケーションを開発するための統合開発環境(IDE)。 Androidエミュレータ or Androidデバイス:作成したアプリケーションの実行環境。 ※ 一昔前まではAndroid Studioがなかったので、代わりにEclipseとADTプラグインを用いるのが主流でした。しかし、ADTプラグインのサポートを終了するとGoogleが発表したため、今後はAndroid Studioを用いるのが賢明な判断と言えるでしょう。 開発手順 1. Android Studioでプロジェクト作成 2. 画面デザインの作成(画面作成用のビューを使っ
はじめに 今回はMAC端末にAndroidStudioを入れるためにやることを書いていきます kotlinで開発とかそう言うのは一旦置いておきます ただ事前にやっておかないと痛い目を見ることが多いのがAndroid開発なので経験から考えた快適な開発環境を作ります Android開発に必要なもの Java開発のためのJDK AndroidStudio Javaで作ったものをビルドするためのgradle Genymotion 1と2は必須です 3のGradleはAndroidStudioに含まれてはいますが、ツールにversionを依存すると開発するのが大変になるのでバージョン管理の方法を本記事では書いておきます Genymotionは爆速開発に必要なので合わせて書いておきます 1、java開発のためのJDKをインストールしてバージョン管理しちゃう 手順 homebrewでjEnvをインストー
Android開発かいわいで最近話題に上ることが増えてきている、「Kotlin」というプログラミング言語をご存じでしょうか。 Google I/O 2017のキーノートでは、AndroidチームがKotlinを公式にサポートするという発表がありました。また、最近リリースされたAndroid Studio 3.0では、Kotlin開発用のプラグインが最初から組み込まれているなど、注目を集めています。 本連載「Android Studioで始めるKotlin入門」では、Android Studio 3.0を使い、Kotlin言語の特徴を解説していきます。 なお本連載は、JavaやC言語など他のプログラミング言語について、ある程度知識がある方を対象としています。あらかじめご了承ください。 Kotlin(読み方「コトリン」)とは Kotlinは、Javaの統合開発環境であるIntelliJ IDE
webサービスのUXを向上させるために、表示速度は非常に大切です。 しかしながら、noteはリリース当初からフロントエンドの実行速度が遅い=表示が遅いという構造的な問題を抱えており、継続率や離脱率など重要指標に悪影響を及ぼすリスクが強くありました。 noteチームはnoteを本格的なメディアプラットフォームへ成長させるスピードを加速していきます。それを踏まえ、手遅れになる前に技術的な負債を解消し、最新のベストプラクティスに沿ったフレームワークに移行することで、高性能なサービスを提供する基盤を作っていくという決断をしました。 本ポストでは、移行プロジェクトの技術的背景や移行手順を説明します。また、途中成果のデモをUPしているのでご紹介します。 技術的な背景noteの現在のフロントエンドはAngular.js 1系で構築されたSPAです。Angular 1系はかなり複雑なUIでも簡単に構築でき
BFFは、フロントエンドエンジニア、バックエンドエンジニアのどちらが担当するのか BFFは、クライアント側を担当するフロントエンドエンジニアが開発を担当することが多いです。BFFはサーバであるため、バックエンドエンジニアが開発すると思われることもありますが、UIを構築、操作する手助けをするサーバであるため、フロントエンドエンジニアの担当領域になります。 BFFアーキテクチャでは、バックエンドエンジニアはAPIを基本として、リソースを管理するのが担当領域になります。 BFFを作る具体的な方法に関しては、次回の「BFFの作り方」で詳細に解説します。 BFFのアーキテクチャパターンにするとき、しないとき BFFのアーキテクチャパターンには、「フロントエンド専用のサーバを設けることでUIを構築しやすくする」効果と、「フロントエンドとバックエンドの境界を設けてアーキテクチャのレイヤーを分割することで
坂本龍一がお気に入りのレストランのためにプレイリストを制作。ニューヨーク・タイムズ紙によれば、このレストランで流れる音楽があまりにも酷いため、坂本龍一がレストラン側に選曲を引き受けると提案して実現したそうです。 このレストランは、坂本龍一の自宅近くにあるというニューヨークのマレーヒルにある「Kajitsu」。坂本龍一はニューヨーク・タイムズ紙のインタビューの中で、シェフに「あなたの料理は大好きだし、あなたを尊敬しているし、このレストランも大好きだけど、音楽は嫌いだ」と提案したといい、「彼らのBGMがあまりにも酷い、酷い...ブラジルのひどいポップミュージックと古いアメリカン・フォーク・ミュージック、マイルス・デイヴィスのようないくつかジャズが混在している」と語っています。 坂本龍一は、同レストランのシェフ、Hiroki OdoにEメールで「誰がこれを選んでいるの?このひどい寄せ集めのミック
アメリカでは次々に大手企業がPWAの導入に入っています。 いくつか気になるものをピックアップしてみました。 スターバックス https://preview.starbucks.com/ 現在はpreviewサイトとして公開されています。 基本はネイティブアプリと同じ機能が実現されています。 Reactで実装されているみたい。 Lyft https://ride.lyft.com Uberの競合サービス。 登録にはアメリカの電話番号がいるらしく、実際使ってみることはできませんでしたが。LyftのPWAもネイティブアプリを同じレベルの機能の実現を目指しているとこの事です。 PWAのインストールサイズがiOSに比べて75分の1以下になっているのがこのグラフから分かります。 Lancome USA https://www.lancome-usa.com/ 化粧品メーカーのLancomeのECサイト
Service workers offer incredible utility, but can be tricky to work with at first. Workbox makes service workers easier to use. However, because service workers solve hard problems, any abstraction of that technology will also be tricky without understanding it. Thus, these first few bits of documentation will cover that underlying technology before getting into Workbox specifics. To view a runnin
Android や iphone などの端末自体で処理するアプリ。 大まかに分けてOS依存するタイプとWeb技術を用いるタイプの二つがある。 OS依存するタイプ Swift や Objective-C など。 メリット ハードウェアの機能が使用できる デメリット 違うOSに対応するのが辛い Web技術を用いるタイプ React native や Weex など メリット 広く使われているWeb技術(厳密には違う)を使える 必要に応じてハードウェアの機能も使える デメリット Web技術で完結しない。 Weexをちょっとだけ使ってみたが情報が少なくググるのが難しい 最近巷で流行りの PWA 。Web技術だけを使ってスマホアプリっぽい動きを実現する。 プッシュ通知 オフラインで作業する ホーム画面にアイコンを追加する フルスクリーンで起動する クリップボードへのアクセス など メリット 検索エン
はじめに アプリによってビジネスモデルは異なりますが、大多数のアプリがゴール(KGI)にしているのは売上増かと思います。 では、あなたは売上増に向けた指標の把握と整理ができているでしょうか? この記事ではKPIツリーを使ってアプリの売上に貢献する指標を洗い出し、各指標について説明したいと思います。 1.KPIツリーの重要性 ◆そもそもKPIツリーとは? KPIツリーとは、例えばアプリのKGIを売上とした場合、売上を構成する要素を分解して施策が実行可能になるレベルまで落とし込まれた指標(KPI)の一覧です。 ◆KPIツリーを作らない場合の問題点 ①ボトルネックとなっている問題がわからない 売上を構成する要素を洗い出さないと、売上増の妨げになっている問題に気づかないことがあります。 ②具体的な施策を考えるのが難しい 売上やアクティブユーザー数など上位の指標を分解しないままでは、「じゃあその指標
スマホアプリの分析プラットフォーム「F.O.X」が主催する、スタートアップで働くエンジニア向けコミュニティイベント「F.O.X Meetup」の第3回が開催されました。スタートアップのエンジニアが求めるナレッジをキャッチアップ・共有し、F.O.Xの持つノウハウを公開することで業界をさらに盛り上げることを目的としている本イベント。今回は、「スタートアップのチームビルド」をテーマに、経験豊富なプロジェクトリーダー達が自身の知見を披露します。株式会社マクアケの吉田慶章氏は、「さぁ!今すぐプロジェクトリーダーに立候補しよう」というテーマでプレゼンテーションを行いました。チームの特性に合わせたチームビルディングやマネジメント手法について、自身のノウハウを明かします。 プロジェクトをリードする技術 吉田慶章氏(以下、吉田):こんばんは。よろしくお願いします。今日はプロジェクトリーダーの話をしようと思い
七夕に開催されたPO祭りに、ブロガー枠で参加させていただきました。 ログミーで書き起こしが公開されるとのことなので、イベント全体の個人的な感想を書き残しておきます。 今回のイベントは、発表時間が5分or10分間で一日トータル41件の発表。スタートアップから老舗IT企業まで、ソフトウェアからハードウェアまで、ステージもドメインも多種多様な登壇者が発表し、各社の経験や知見が共有されていました。諸事情で後半からの参加でしたがとても勉強になりました。登壇者の皆様と運営に関わった皆様に感謝です。 しかし1日で41件とは大変な発表数です。「十分な目ん玉があれば、全てのバグは洗い出される」というリーナス・トーバルズの名言ありますが、プロダクトマネジメントというプロセスをたくさんの目で観察して分解し、言語化されたものが共有されていく様な感覚を覚えました。こうしたイベントが繰り返されていくことで、日本のPM
どうもしんざきです。とある業界の、社員100人ちょっとの企業で中間管理職をしています。 同業他社の管理職同士で飲むことがたまーにありまして、先日は何故か「どれくらい古いパソコン用語を知っているか勝負」という、冗談抜きでひとかけらの生産性もない話で盛り上がっていました。 平成も終わろうかというこの時代に、HYMEM.SYSの記述方法についての宗教議論とか、本当になんの役にも立たないのでやめて欲しいです。超楽しかった。 で、その時、もう一つ盛り上がっていた、というか愚痴の言い合いになっていたのが、「ちゃんとタスク切れる人不足」という話でした。 毎度毎度、人手が足りている、足りていないの話になるのは管理職飲み会あるあるです。飲み会の一つの焦点といっても良いかと思います。 業界にもよるのかも知れないんですが、実をいうと今、採用自体は割とスムーズにいっているという話を聞くことが多いんです。 それも、
これはなにか Product Manager(以下、PdM)とはどんな仕事か?についての私見である。 最近、複数の知人から上記を問われることが続いたので、そういったときにポンと渡せるまとめを作ろうと思ったことがきっかけだ。 読者はPM未経験者を想定しているため、すごく初歩的で基本的なことにとどまる。 よって現場でゴリゴリ活躍しているPdM諸兄姉にとっては、得るものが少ないと思う。 「どんな仕事か?」これを説明するために「目的(=ミッション)」と「手段(=業務内容)」にわけて話したい。 PdMのミッションは? 「ユーザーの課題を特定し、解決策を実行し、KPI目標を達成すること」である。 新規プロダクトの立ち上げ、既存プロダクトへの機能追加、UI/UXの改善、CRMなど、PdMが関わる分野は多岐にわたるが基本はどれも同じである。 このミッションを遂行するために、PdMは関係各所と連携しながら業
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く