Swift UIがアプリ開発者にもたらすインパクト - 松村太郎のApple深読み・先読み
6月に開かれたWWDC19において、アプリ開発者の間で最も重要な発表だとされたのが「SwiftUI」と呼ばれるユーザーインターフェイスデザインのためのフレームワークだ。SwiftUIの詳しい説明をしていく前に、1つの可能性として「SwiftUIの登場で今後何が変わるのか？」という具体的なヒントを、WWDC19の基調講演から振り返ってみよう。 WWDC19の発表のなかでも目玉と目された「SwiftUI」 SwiftUIとProject Catalyst、Apple Arcadeの関係 昨年のWWDC18ではまだ名前が与えられていなかったものの、iPadアプリをMac向けにビルドして利用できる技術が発表された。今年のWWDC19で「Project Catalyst」という名前が明かされた。 iPhoneやiPad用アプリをMacに移植しやすくする技術が「Project Catalyst」だ P
プロダクトデザイナーのスキルマップを考えてみた
何でも屋が増えてもスケールしない「UXが付く肩書きがもつ不安感 」という記事で、UX デザイナーが『何でも屋』になっているのでは？という疑問を投げかけました。ひとりのデザイナーとして様々な分野に関わりたいと思うものの、UX の文脈で求められるスキルと知識の幅は広いので、すべてをカバーするのが極めて難しいです。また、ひとりですべてを抱え込むと、組織が求める品質とスピードに応えることができない場合があります。 初期は複数の役割を受け持つことになりますが、プロダクトと組織が成長していかなければいけないときも同じように何でも携わるというやり方が適しているとは限りません。専門性を伸ばしていくことでより高度な提案とアウトプットができますし、互いの弱みを補いながらチームとして動く意味も増していきます。 デザイナーをひとりしか雇えない環境では数多くの分野に精通している人のほうが良いですが、そういう人ばかり
LINE社内で大評判のテクニカルライティング講座で説明した内容をあらためてブログにまとめてみた
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog こんにちは、Developer Contentチームの矢崎です。LINE株式会社でテクニカルライターとして働いています。今日は、私が1文を書くときに気をつけていることや手法についてお話しします。 そして、この書き出しは、6月にmochikoさんが書いた「LINEの社内には「テクニカルライティング」の専門チームがあります」という記事のオマージュになっています。mochikoさんが書いた記事ですごいpvをたたき出したそうなので、人のふんどしで相撲を取ってみようという作戦で始めてみました。 この記事ではLINE社内で私が講師を務めた「LINE社内で大評判のテクニカルライティング講座」に沿って、わかりやすい1文を書くコツを紹介していま
マッチング2.0 〜withコロナ時代における"出会い"の変容〜｜稲田宙人 / LayerX
■ はじめに こんにちは！ReproGrowthMarketingチームの稲田です！ コロナウィルスが各業界に大きな影響を与えているのはみなさんも身をもって体感されていることかと思います マッチングアプリ業界もその例外ではなく各社急ぎ対応に追われている状況です 公私ともにマッチングアプリには縁があり日々進化を見守っていることもあり、今回はwithコロナ時代の今・そして今後マッチングアプリ業界がどう適応していくか、そしてエンドユーザーにとっての"出会い"はどう変容していくのかに関してまとめます 詳細は "5.出会い"は変わるのか で記述しますが、下図は僕が考えるwithコロナ時代における恋愛(五感共有)のためのビジネスモデルです 是非みなさまのご意見もいただきたいです！ 1. 市場概観まずはそもそもマッチングアプリ市場にコロナショックがどのような影響を与えているのかを俯瞰していきます ■ そ
UI考：なぜそのセルには押せる感があるのか
セル（UITableViewCell）は iOS においてもっとも一般的なビューのひとつです。セルを利用することで、コンテンツの表示、選択、スイッチやボタンの配置、テキストフィールド、ナビゲーションを実装することができます。この辺りの具体的な実装例は『設定』や『Apple Store』が参考になるでしょう。セルにはさまざまな役割を与えられますが、どのような作法に従ってデザインされているのかよく理解する必要があります。 セルの一般的な利用作法は iOS Human Interface Guidelines で解説されていますが、私はこれを読んだだけでは十分に理解が及ばなかったため、iOS 標準アプリの事例からセルのデザインについて考察したものをまとめました。この記事では iOS の標準的なセルのデザインパターンを探り、自身のアプリにどう活かせるのかの土台となるよう考察してみます。 UICol
【独占】Tinder CEO｢1年で売り上げ倍増の理由と日本市場での勝算｣
オンラインデーティングの世界に革命を起こしたアプリ｢Tinder｣が本格的に日本進出を進める。1月24日、Tinderのエリー・セイドマンCEOが来日。Business Insider Japanは同氏に単独インタビューを行い、日本市場での経営方針について聞いた。 非ゲーム系で Netflixに次ぐ2位 ｢出てくる顔をスワイプしてマッチング｣—— そんな革命的なコンセプトでミレニアル世代のデートの常識を覆したTinder。 関連記事：Tinder女子、なぜデートアプリにドハマりするのか?—— 求めてるのは王子様でもセックスでもない すでにローンチから7年が経つが、happnやHinge、Bumbleなどの後続アプリを抑え、いまもデーティングアプリの王者として君臨する。 注目すべきはここ2年の成長スピードだ。現在の有料会員数は約410万人だが、2016年からの2年間でアプリのダウンロード数は
Lottieでアプリにアニメーションを組み込む話（デザイナー編） - くらげだらけ
最近ではWebサービスやスマートフォンアプリにおいてもアニメーションの重要性は認識されつつあります。 機能としてのアニメーションは「FacebookアプリのLoading Placeholder」や「TwitterアプリのLikeボタンのフィードバック」のように何が起こっている（起きた）のかをわかりやすく伝えたり、「17 Live（イチナナ）」や「CASH」のSplashのようにロゴやブランドのイメージを強く印象づけたり、楽しませたりと使い方は様々です。 アニメーションをWebやアプリに組み込む方法は様々ありますが、今回は「Lottie」を使ってアプリにアニメーションを組み込む方法やメリットなどについて書こうと思います。 とはいえ今回はデザイナー編でして、AfterEffectsで簡単なアニメーションを作ってLottie用にデータを書き出すというところまでをご紹介します。 最後にアニメーシ
【デザイナー向け】これからAndroidのデザインをする人へ - Qiita
はじめに 自己紹介 私は日本にAndroidが上陸したAndroid 1.6の時代(2009年頃)からAndroidの開発者としてAndroid7系になった今も(執筆時2017年)Androidエンジニアを続けています。 Androidの歴史をずっと側で見守り続けた私がエンジニア目線で思っている事を述べるので、これからAndroidのデザインをするデザイナーに見て頂きたいです。 ※ この記事の内容は一個人の意見で所属先は一切関係ありません 一番言いたいこと まず、普段iPhoneを使っているデザイナーは最新もしくは1つ前のOSが入ったAndroid端末をメイン端末とまではいかなくても2台持ちにして常用して下さい。 ハッキリ言ってこれが全てです!! 良さ気なUIのアプリを一通り入れて数十分触るだけでは全く意味がありません。 Androidの良さは通知やIntentと呼ばれるアプリ間の密な連携
US版メルカリが一新！リブランディングを実施しました #メルカリな日々 2018/3/22 | mercan (メルカン)
こんにちは、はじめまして。先週入社したばかりの広報の石川です。 これから#メルカリな日々 にちょこちょこ登場させていただきますのでどうぞよろしくお願いします！ 今回、US版メルカリがロゴ、アイコン、アプリUI（ユーザーインターフェース）、Webサイトデザインまで、抜本的にリブランディングしたことをお知らせしたいと思います。 これまでは日本版と同様、「赤い箱」がモチーフのロゴ、デザインも赤がテーマカラーでしたが、紫がかった青に変更、ロゴはシンプルに「M」の文字、アプリのUIも、極力色は抑えたフラットでシンプルなデザインに刷新。 新しくなったUS版アプリのUI！ ちなみに以前はこんなUIでした。 社内Slackに、US CEOであるジョン・ラーゲリンが投稿した内容を一部訳してご紹介します。 今日はUSのメルカリにとって大きな一日となりました。 よりクリーンでシンプルなデザインは、売ることが誰に
Android アプリのリソース定義ポリシーを整備した話 - クックパッド開発者ブログ
前回のあらすじ その後発生した様々な問題 トップ画面の大規模変更 画面ごとの Style の乱立 Style 定義の度に質問が飛んでくる 改善に向けて 実際の定義ポリシー Color Dimen Style 再利用性を高めるために 継承の仕組み parent 指定による継承 名前による継承 クックパッドにおける Style 定義のポリシー TextAppearance Base TextAppearance の定義 TextAppearance の定義 まとめ 技術部モバイル基盤グループの児山(@nein37)です。 モバイル基盤グループではモバイルアプリの開発だけでなく、開発環境の整備や開発効率の向上も重要な目的の一つとしています。 昨年、開発効率向上の一環として行っているアプリのリソース整理の取り組みについてAndroidアプリのリソースを整理して開発効率を改善した話という記事で紹介さ
アプリを広告出稿するときのCPIは「高い」ほうが良い理由
えっ CPI は安いほうが良いでしょ！？ って思った方は続きを読んでください。 CPI = Cost Per Install = アプリをユーザーに 1 回インストールさせるためにかかる費用 CPI は安いほうがいい - それは「全てのインストールの価値が同じ」である場合に限られる。 「全てのインストールの価値が同じである」とは、例えば課金があるアプリの場合「全てのユーザーが同様に課金をする」ということ。 例えば、全てのユーザーが 1 ヶ月目 : 300 円 2 ヶ月目 : 200 円 3 ヶ月目 : 100 円 それ以降 : 90 円、 80 円... と逓減 と課金したとする。 (プラットフォーム手数料は無視) この場合は、回収までにかかる期間は CPI 600 円のとき : 3 ヶ月 CPI 500 円のとき : 2 ヶ月 CPI 300 円のとき : 1 ヶ月 となり、それ以降の売
［53選］国内注目のWebサービス・アプリを大調査！ プログラミング言語、フレームワーク、アーキテクチャの一覧【2017年】｜ハイクラス転職・求人情報サイト AMBI（アンビ）
［53選］国内注目のWebサービス・アプリを大調査！ プログラミング言語、フレームワーク、アーキテクチャの一覧【2017年】 星の数ほど存在するWebサービスやアプリ。その裏側を覗いてみると、開発当時のトレンドや開発者の設計思想が見えてきます。53サービスのフレームワークやアーキテクチャ、開発効率化ツールを集めました。 国内だけでも星の数ほど存在するWebサービスやアプリ。その裏側を覗いてみると、開発当時のトレンドや開発者の設計思想が見えてきます。 今回は53サービス（追記を含む）のフレームワークやアーキテクチャ、開発効率化ツールを集めました。選定理由もお答えいただけたサービスについては、アーキテクチャを選んだ理由も紹介していきます。 C2C、コマース メルカリ、ココナラ、BASE、Tokyo Otaku Mode、STORES.jp、Snapmart、IQON 情報サービス グノシー、価
アプリに簡単にリッチアニメーションを実装できるようになる「Lottie」をAirbnbが公開
旅行プラットフォームのAirbnbが、Adobe After EffectsのアニメーションをリアルタムでレンダリングしてiOS・Android・React Native向けのリッチアニメーションにしてくれるライブラリ「Lottie」を開発しました。 Lottie http://airbnb.design/lottie/ Lottie : Airbnb Design http://airbnb.design/introducing-lottie/ Lottieはオープンソースのアニメーション作成ツール。通常はアプリにアニメーションを実装する際、スクリーンサイズに合わせた大量の画像を用意したり何千行ものコードを書いたりする必要がありますが、Lottieはほとんど何もしなくても自動的にAfter Effectsのアニメーションをアプリ用のリッチアニメーションに変換してくれるとのこと。ライブラリ
人気の女性向けキュレーションアプリから学ぶUI/UXデザイン -メリー・ロカリ・トリル・バイエス・4meee!の設計分析- : IT・ビジネス業界動向やデザイン分析｜オカラボ
アプリ開発のディレクターをしていると、「＊＊に特化したECアプリを開発したい」「〇〇に特化したキュレーションアプリを開発したい」など、かなりざっくりした依頼から機能やUI/UXを考えて提案しなければならない場面に遭遇することがあります。そういう時、アプリの目的などのヒアリングを通して、極力ゼロベースで必要機能やUI/UXを考えていくのですが、「もともとアプリのジャンル別にベースとなるUI/UXが整理されていると良いなぁ」と思いましたので、ジャンル別に人気アプリを参考にして、必要となる基本UI/UXを不定期でまとめていきたいと思います。 シリーズ１回目として、今回は人気の女性向けキュレーションアプリの分析を通して、女性キュレーションアプリのベースとなるUI/UXを考察したいと思います。 まず分析するのは、下記の女性に人気なキュレーションアプリです。 ・MERY（メリー）：DeNA子会社のペロ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://jp.techcrunch.com/2020/01/25/https-techcrunch-com-2020-01-24-vine-byte/
Unity Blog
デザイン原則の実践｜dely design
TechCrunch | Startup and Technology News
TechCrunch | Startup and Technology News
DAC AD TECH BLOG | DACが提供するデータ×テクノロジー