配信コメントバー 〜 iOS15 で実現する新しい PiP 体験 - Mirrativ Tech Blog
こんにちは、クライアントエンジニアのちぎら(@_naru_jpn)です。先日ミラティブの iOS アプリバージョン 9.38.0 にて「配信コメントバー」機能をリリースしました。この機能は iOS15 から利用可能になった PiP に関する技術を活用したもので、ミラティブ以外のアプリを開いている時に、端末の画面上にミラティブ固有のコンテンツを表示できる革新的な機能です。今回は、この「配信コメントバー」機能について背景や概要をご紹介したいと思います。 「配信コメントバー」機能とは 従来、iOS ではアプリがバックグラウンド状態に移行した後は、画面上に独自のコンテンツを表示するといったことは基本的にできませんでした。例えば、ミラティブ iOS アプリでは配信中のコメントを届けるために、プッシュ通知を利用しています。 iOS 15 からピクチャ・イン・ピクチャ（以下: PiP）の柔軟性が増したこ
Airbnbが採用するServer-Driven UIについて、私達はどう活かすのか｜rikika
まずはじめにこれは、デザインエンジニアとして生きてきた私Rikikaのポジショントークです。 エンジニアとデザイナーの垣根が少しでも低くなれば、最高のプロダクトが次々に生まれると信じています。気に入ってくれた方はフォローお願いします！ Server-Driven UI（SDUI）とは何かAirbnbのテックブログで出てきた、UIをサーバーサイドで定義し、クライアント側に返却するという手法です。 つまりクライアント側で状態管理やレンダリングのロジックを持たせずに、各プラットフォームでのUIの同一性をサーバー側で担保するというもの。 GhostPlatform というイケイケの名前で立ち上がったというプロジェクト、Airbnb社内ではかなり普及しているようです。 ※GuestとHostを大切にするためのシステムだからGhostらしい SDUIは何を解決しているのか例えば、コンポーネント間の並び
いま話題の 「stand.fm」 のUIを全力でトレースしてみた！｜kakeru tokunaga
皆さん stand.fmというアプリ/サービスを知っていますか？ そうです。音声サービス界隈に彗星の如く現れたニューヒーローとも言えるサービスです。そのぐらい今、勢いがあると思います。 皆さんご存知の通り、音声コンテンツ市場は近年、googleやspotifyの参入やスマートスピーカーの普及に伴ってかなり盛り上がっており、日本の市場も例外ではなく、RadiotalkやVoicy、Recなど様々なサービスが存在しています。 そんな盛り上がりを見せる市場で、最近、特にコンテンツの充実・サービスとしての伸びを見せているのが、この stand.fm だという事です。 僕は今まで、appleのpodcast、Voicy,Radiotalkのユーザーでしたが、そんな僕が最初にこのアプリを触った印象は、 「使いやすい！UIがかわいい！」 気軽にTwitterのタイムラインから飛んで配信を一度聞いたつもり
【2019年版】UIとUXデザイントレンド - baby-degu - Medium
Scenery Illustration by J.HUAこちらの記事は、2018年12月に公開された『 2019 UI and UX Design Trends 』の和訳になります。 はじめに私たちは去年、モバイルUIデザインのトレンドについての予測をまとめました。今年はモバイルだけを対象とせずに、さらに深く掘り下げていきます。 モダンなデザインの一番のトレンドは前後関係のあるつながりの中にあります。そのため、一般化することができません。 この記事を読むことであらゆるツール、技術の進歩、またユーザー向けのプロダクトが実際にどのように機能なのか開発者が理解し、全てが上手くいくように感じるでしょう。 近いうちに、販売だけでなく、生産するものすべてを網羅するユニバーサルデザインの考え方を発展させて行くでしょう。自分で何か物事を行うためには、より良いデザインの選択が必要です。 国家としての印象さ
UIデザインにおけるインターフェイスアーキテクトの役割｜Goodpatch Blog グッドパッチブログ
アーキテクチャ（Architecture）とは一般には建築や建築学を指しますが、コンピューターの世界ではあるシステムの概念や設計思想を「アーキテクチャ」という言葉で分類することがあります。中でもソフトウェアの領域では実装モデルの設計指針や分類、コンポーネントの相互関係、ソフトウェアの構築方法などを定めた一連の構造をそう呼ぶことがあります。 アーキテクト（Architect）とは建築家や（建築）設計士、技術者といった職種を指しますが、コンピューターの世界では「アーキテクト（仕組士）: システムのアーキテクチャを設計する責任がある、人、チーム、あるいは組織」（IEEE 1471）と規定されます。要するに、システムの構造設計に関して責任を持つ役割です。「構造設計の指針を示し、実行する人」と言った方がわかりやすいでしょうか。 このような、構造設計やそれを担う設計士の役割は、当然のようにUIデザイン
これが天才か…MacBookを1ドルでタッチスクリーン化するアイデアがすごすぎる
Anish Athalye @anishathalye We turned a MacBook into a touchscreen with $1 of hardware: anishathalye.com/2018/04/03/mac… (by me, @antimatter15, @biject, and @logan_engstrom) 2018-04-04 01:04:24 リンク cat /var/log/life Turning a MacBook into a Touchscreen with $1 of Hardware We turned a MacBook into a touchscreen using only $1 of hardware and a little bit of computer vision. 44 users 630
ベイエリアにある2つのスタートアップ「Laughly」「Finery」のプロジェクトを終えて - 灰色ハイジの観察日記
Tradecraftでの主な活動はクライアントプロジェクト。ベイエリアのスタートアップのオリエンを聞いて、ユーザーリサーチ、プロトタイプ、検証を1プロジェクトあたり1ヶ月くらいでこなす。 先週はとても忙しかったのだけれど、無事に2つのプロジェクトが終わった。 現在ポートフォリオのリニューアルを進めていて、そこに携わったプロジェクトも載せる予定。各プロジェクトの紹介はいずれまとめたいと思っているのだけれど、終えてみての要約と感想を書き記す。 Laughly コメディーに特化したストリーミングアプリ。現在はAlbumやPodcastなどの音声で、今後動画フォーマットを追加すること、またサブスクリプションのモデルを変更するにあたってそれをどうUIに落とし込むのかというのが課題だった。 このプロジェクトが私の最初のプロジェクトだったこともあり、最初のMTGでとても緊張したことを覚えている。チームの
Atomic Designの考え方と利点・欠点 – wkr.
Atomic Design はデザインシステムを作る方法論となります。 デザインシステムというのはスタイルガイドやブランドのガイドラインなどを指すようです。 日本だとAbemaTV（アベマ TV）で使われています。 （Atomic Design を実案件に導入 - UI コンポーネントの粒度を明確化した結果と副産物 | ygoto3.comより） Atomic Design は今までのページ単位と違いコンポーネント単位でデザインカンプを作る考え方です。 作ったコンポーネント同士の組み合わせでページを作ります。 Atomic Design はコンポーネントの単位を 5 つに分けています。 その 5 つの単位は Atoms（原子）・Molecules（分子）・Organisms（有機体）・Templates（テンプレート）・Pages（ページ）です。 各コンポーネントの詳細は次のとおりです。
バッドUIを改善する方法 ― UIの「5つの状態」を考える | POSTD
(訳注：2020/08/22、画像と動画が正しく表示されていなかったためリンクを修正しました。) こんにちは。このブログは12月にO’Reillyから出版予定の私の著書『 Designing Products People Love 』からの抜粋です。ぜひ本も読んでみてください。また、FacebookやTwitter、 Slackなどで活躍されている20人以上のプロダクトデザイナーにインタビューもしています。* 無味乾燥なUIを経験したことはありますか？ 何か が足りないと感じてしまうようなUIを作ってしまったことはありませんか？ もしそうであれば、使い勝手の悪いUIを経験したのだと思います。 使い勝手の悪いUIには進捗インジケータがありません。ユーザにどこで障害が起きたのか知らせてくれません。怖いエラーメッセージでも表示してくれれば、なお良いのですが。わずかなデータのみの奇妙なグラフです
iPhoneの本体左下に「戻る」ボタンを追加できる保護フィルム「Halo Back」
iOSでは画面左上に「戻る」アイコンが配置されている場合が多く、特に画面が従来から大きくなった「iPhone 6」や「iPhone 6 Plus」だと片手のままアイコンをタップすることが難しい場合があります。そんな場合に役立ちそうなiPhone 6/6 Plus用の保護フィルム「Halo Back」は、画面にフィルムを貼り付けるだけで左下に「戻る」ボタンを追加できるので、片手での操作もぐっと楽になりそうです。 Halo Back: World's First Smart Screen Protector by Haloband Inc. — Kickstarter https://www.kickstarter.com/projects/haloband/halo-back-make-your-iphone-perfect 「Halo Back」がどういったものかは、以下のムービーを見れば
使いやすさをデザインする上で心掛けていること - Mackerel ブログ #mackerelio
こんにちは。デザイナーの id:murata_s です。Mackerelのリリース当初からMackerelの画面設計やUX、ユーザビリティなどのデザイン業務全般を担当しています。 今回は、主にエンジニアさんのためのツールであるMackerelをデザインする際に id:murata_s が気をつけている点を紹介します。ユーザーにとって必要な情報を分かりやすく伝え、迷わないデザインを施すにはどういった配慮が必要か、製品の振る舞いのデザインについてMackerelの事例を交えながら考えてみたいと思います。 Mackerelは言わばソフトウェアであり管理画面ですから、一般に言われるウェブサービスよりもツールとしての側面が強いサービスだと思います。雑誌の誌面ではなく、車のダッシュボードをつくっているようなもので、グラフィックデザイン的な情報設計の考え方が前提となりつつも、それに加えてプロダクトデザイ
UIデザイナー云々
UIデザイナー不要説とそのまわりに展開している話題について、UIデザイナーの私も何か書いておこうと思うが何を書こう。 私はアプリやWebサービスのUIのデザインをやっているUIデザイナーで、最近リリースしたiPhoneアプリ「FitPort」では、企画、UI設計、デザイン、Storyboard、動画作成、ユーザサポートなどなどをしている。 自社案件も、受託案件もやります。 まず、元記事では「UIデザインが重要視されていない」ということが前提とされているが、そう感じることは、最近ではほとんど無い。むしろニーズが高まっていると感じていたので、不要説の記事を読んで驚いた。 今世の中としてはそんな感じなのだろうか。 UIデザイナーは、単に美しくするだけでなく、使いやすくしたり、見やすく、読みやすくしたり、使うのをちょっと楽しく気持ちよくしたりということをする。 結果として、販売数やアクティブ数、フ
Webデザインのアイデアに困ったら！参考になるさまざまなコンポーネントやレイアウトをまとめた -Call to Idea
Webページによく使用される、アイテムを並べるリスト、ギャラリー、タブ、ナビゲーションといったさまざまなコンポーネントをはじめ、打ち出しコンテンツのレイアウト、サンプルの表示方法、AdWordsの配置、データがない状態のレイアウトなど、Webデザインのアイデアをまとめているサイトを紹介します。
キーボードやマウスを超える新たなモバイル・ウェアラブル用「手のひら装着型入力デバイス」開発進行中
スマートフォンやタブレット端末さらにはGoogle Glassのようなウェアラブルデバイスなど、情報端末は持ち運び可能なサイズになりその進化はとどまるところを知りません。しかし、デスクトップPCの時代からモバイル端末に至るまで、文字入力デバイスとして最も信頼性の高いものはいまだにキーボードです。そんなキーボードをモバイル化するために強く求められている「バーチャルキーボード」がどのような形になるのか、その一つの有力解がスウェーデンのコンピュータ科学者によって提案されています。 The virtual keyboard may soon be a reality (w/ Video) http://phys.org/news/2014-05-virtual-keyboard-reality-video.html コンピュータ科学者のラース・アスプラド博士が考案するウェアラブルな「未来の入力装置
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AI Botメッセンジャー「Luka」のUIが面白い | developer's blog
レスポンシブデザインに相性がいい、カード型コンポーネントの実装アイデアのまとめ
Webデザインのすごいアイデアや細かいこだわりがいっぱい！素晴らしいUXを堪能できるサイトのまとめ
TechCrunch | Startup and Technology News
UX/UIデザイン - OHAKO | 企画～実装をご支援
“Oculus Rift”と大型の操作デバイスを組み合わせ空を舞う鳥シミュレーター「Birdly」のエクストリームなプレイ映像が公開 « doope! 国内外のゲーム情報サイト