Atomic Design を導入してみた話 - Money Forward Developers Blog
こんにちは。 iOSエンジニアの廣瀬です。 以前から感じていた課題に、デザインデータ・UIコンポーネントの管理 がありました。 その解決策として Atomic Design の考え方を取り入れてみました。 今日は、"（しら）ずにお金が（たま）る"自動貯金アプリ『しらたま』（ https://sirata.ma/ ）の開発時に実施した Atomic Designの導入 について紹介します。 デザインデータ・UIコンポーネントの管理 ここでいう デザインデータ・UIコンポーネント とはデザイナーが使っているツール(Sketch)や、フロントエンドとなるiOSアプリのコードレベル(Swift)の話です。 具体的に管理がうまくいっていない状態とは下記のような状態と言えます。 カラーコードやフォント名がコミュニケーションを取るときに飛び交う アプリ全体で 色 や フォント の使い方にコンセプトが無い
【決定版】アプリ事業のKPIツリー！ | Growth Hack Journal
はじめに アプリによってビジネスモデルは異なりますが、大多数のアプリがゴール（KGI）にしているのは売上増かと思います。 では、あなたは売上増に向けた指標の把握と整理ができているでしょうか？ この記事ではKPIツリーを使ってアプリの売上に貢献する指標を洗い出し、各指標について説明したいと思います。 1.KPIツリーの重要性 ◆そもそもKPIツリーとは？ KPIツリーとは、例えばアプリのKGIを売上とした場合、売上を構成する要素を分解して施策が実行可能になるレベルまで落とし込まれた指標（KPI）の一覧です。 ◆KPIツリーを作らない場合の問題点 ①ボトルネックとなっている問題がわからない 売上を構成する要素を洗い出さないと、売上増の妨げになっている問題に気づかないことがあります。 ②具体的な施策を考えるのが難しい 売上やアクティブユーザー数など上位の指標を分解しないままでは、「じゃあその指標
プログレスインジケータの役割とは？デザイナーのためのインジケータ設計アイデア｜Goodpatch Blog グッドパッチブログ
突然ですが、あなたは今、居酒屋にいるとします。 「15分前に注文した生ビールがまだ運ばれてこない状況」を想像してみてください。 あなたはどのような気持ちになりますか？ もう一度店員に声をかけようとするでしょうか。 それとも、諦めてお勘定を済ませようとするでしょうか。 いずれにしても、楽しくビールを呑むはずの時間を、不快感や残念な気持ちを抱きながら過ごすことになるでしょう。 お店側から「もう少々お待ちください」という一声があれば良いのに… そうは思いませんか？ 同じようなことが、アプリを利用している最中にも起こりうるのです。 1つのボタンを押しても反応がない時や、ページが推移した後に何も表示されない時、ユーザーはアプリから離脱しようと考えるでしょう。 この離脱を避けるためには、アプリがユーザーに対して「プロセスを実行している」ことを視覚的に伝えられなくてはなりません。 この記事では、その役割
UIデザイナー必見！ アプリの導入画面で使われる主な４つの手法
ユーザーがそのアプリの中で一番最初にふれる画面は、アイコンと同じくアプリの「第一印象」になると考えても間違いないくらい、大切な部分です。 だからこそ導入画面は、ユーザーの気持ちになって、ユーザーのことを考え、しっかりと設計しなければなりません。 今回はそんなアプリの導入画面によく使われる、４つの手法をご紹介します。 スプラッシュ まずはおそらく最も多くのアプリが採用しているスプラッシュという手法です。 ホームからアプリのアイコンをタップしたときに出る画面で、データローディングの時間稼ぎ、またはそのアプリをブランドとしてユーザーに認知させる目的で使われます。 たとえばツイッター公式クライアント。 アプリを起動したときの、この画面ですね。 みなさんご存知かと思いますが、ツイッターは少し特殊なスプラッシュで、 こんな風にどんどん鳥がせまってきて背景にコンテンツがあるという、面白いスプラッシュを導
「ほぼ日」初のスマホアプリ「ドコノコ」 犬や猫の写真を投稿、思い出を共有
「ほぼ日刊イトイ新聞」を運営する東京糸井重里事務所は5月30日、初のスマートフォンアプリ「ドコノコ」を6月5日にリリースすると発表した。当初はiOS版のみで、Android版は7月下旬公開を予定する。 世界中の犬や猫を「知り合い」に――とうたう「犬や猫と人が親しくなるためのアプリ」。自分のペットや街中で見かけた犬や猫をアプリ上で記録し、「本」として共有する。 愛犬・愛猫の思い出や成長を写真とコメントで残せる「どうぶつブック」や、旅先で見かけた犬や猫を投稿する「自由帳」、投稿写真が並ぶ「ひろば」、今いる場所の近くにいる犬や猫が分かる「エリア」などの機能を用意。迷子の時は登録したエリア情報を用いて、周囲の人に捜索を求めるお知らせを送信することもできる。
突撃！道産子アプリの開発環境 パート4 【FastEver 2 編】 | DevelopersIO
はじめに こんにちは。最近は朝のジムが日課になりつつあるタミー・トッキーこと田宮です！ 北海道で生まれたアプリが、どのようにして作られているのかをご紹介していくこの企画。 第4回目の今回は、若林 大悟さん が開発した iOS アプリ FastEver 2をご紹介します！ 初代FastEverは、2010年に公開され、現在に至るまで App Store で販売されている歴史の長いアプリです。今回お聞きした FastEver2は、その後継バージョンとして、2015年にリリースされました。 今回の記事では、アプリのウリや開発環境の他、長きに渡ってアプリを育てて行く中で、どんな工夫や考え方をされているのか、伺うことができました。 では、さっそく行ってみましょう！ 前回までの目次 突撃！道産子アプリの開発環境 パート１ 【DOCOL 編】 ｜ Developers.IO 突撃！道産子アプリの開発環境
素晴らしいアプリデザインの秘訣は、「マイクロインタラクション」にこそある - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
Nick Babichさんによる寄稿記事です。ソフトウェアエンジニア、テクノロジーの熱狂的な支持者。UI/UXに夢中。ソフトウェア開発、マネージメント、生産性などなどについて執筆している。Twitter アカウントは、@101babich。本記事は、Mediumへの投稿記事を許可を得て翻訳したものです。元の英語記事もどうぞ。 私たちが日々の生活の中で体験するマイクロインタラクションの例 最高のプロダクトは、2つのことで秀でている：機能とディティール（細部）だ。機能によって人はプロダクトに魅力を感じ、ディティールによって、それを使い続ける。このディティールこそ、特定のアプリが競合から抜きん出る理由だと言える。 マイクロインタラクションは、ユーザーに対して快適なフィードバックを返すために有効なテクニックのひとつだ。 あらゆる道は、人間中心設計のデザインアプローチへと続いている。そこで最優先され
TechCrunch | Startup and Technology News
Shopify has acquired Threads.com, the Seqiuoa-backed Slack alternative, Threads said on its website. The companies didn’t disclose the terms of the deal but said that the Threads.com team will join… Two senior police officials in Bangladesh are accused of collecting and selling citizens’ personal information to criminals on Telegram.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事