アプリが重い!!たまらんもっさりする!! Unity製のアプリがもっさりするのは原因がいろいろあるのですが(帯域とかビルド方法とかシェーダーとかメモリとか云々) エンジニアさんがいくら努力してもデザイナーが気をつけていないと 結局なんだかんだいちばん容量食ってたのは画像、とかだったりします。 画像の書き出し方法・減量方法についていろいろ調べたものをまとめました。 周知の通りUnityは基本的にPhotoshpで画像を減量して読み込んでも軽くなりません。 いままでのブラウザゲームの減色・軽量化のノウハウが使えないのでまいっちゃってます。 基本は非圧縮のPNGを読み込んでUnity側で圧縮をかけることになります。 ただそんなにきれいに圧縮してくれるわけではないので場合によっては汚く表示されます。特にグラデーションはマッハバンド(しましま)が出て目立つレベルに劣化します。 OptpixでRGBA
UIデザイン時の「ユーザーの使いづらい」には2パターンある。350万ダウンロードの家計簿アプリ「Zaim」が教える、UI改善の失敗談。 今回は350万ダウンロード突破、家計簿アプリの「Zaim」さんにお話を伺いました。ユーザーが伸びたタイミングや、UI改善の失敗談など。 ※株式会社Zaim 代表取締役 閑歳 孝子さん。 「Zaim」の近況について 「Zaim」のユーザー数は今どのぐらいですか? 閑歳: 2011年7月にリリースして、350万ダウンロードを超えています。OSで言うとiOSの方が多いですが、最近はAndroidも伸びています。今も広告費は使っていません。 今までに、ユーザーが大きく伸びたタイミングはありますか? 閑歳: 去年はダウンロード数がグッと伸びた印象があります。2013年の終わり頃から、スマホをみんなが本当につかうようになって、すごく高齢者と若年層が増えました。 データ
iOSのアプリケーションではモデル周りのテストと同じぐらいUI周りのテストが重要な気がするのですが、画面のテストってちょっと面倒ですよね。その上Xcode標準のテストフレームワークでは画面遷移などのテストができません。そこで、統合テスト用のテストフレームワークを使う必要がでてきます。 選択肢はいくつかありますが、使い方がシンプルで導入も容易なKIF Frameworkを紹介します。 KIF Framework GitHub - kif-framework/KIF: Keep It Functional - An iOS Functional Testing Framework KIFは決済サービスSquareが自社アプリケーションの統合テストのために開発したフレームワークだそうです。KIFを使ったテストではボタンをタップして画面遷移したり、画面遷移した先のUIの存在を確認したりといったこと
前回の記事「iOS アプリの構造がどのようになっているか紐解いてみる」で iOS アプリの構造について説明しました。深いところの説明ばかりだったのでもう少し浅いところ、画面の見た目や画面遷移を実装する方法について説明します。 ユーザの要望がどのようにアプリに反映されるのか アプリができる背景には「アプリでこんなことしたい」というユーザの要望とか、開発者自身の「アプリを通してXXのような素晴らしい体験をユーザに提供したい」という思いが出発点になっています。 ユーザの要望だったり開発者の思いは「UX設計」「ユースケース抽出」「UI設計」という3つの段階に分けてアプリに反映していきます。図にすると以下のような感じです。 UX(ユーザエクスペリエンス)設計 ユーザの要望や開発者のこんなもの作りたいという思いを元に、いつ、どこで、誰が使うのか?アプリが使われる状況を洗い出す。その上でユーザがアプリを
プレゼンや打ち合わせで参加者の心を掴むのって重要ですよね。 制作工程の初期段階で時間短縮することでUI/UXの開発にじっくりと時間をかけたい、という思いもあり色々なアプリや手法を導入しています。 弊社で現在ハードに活用している便利なアプリを2つご紹介します。 Riflectorを使ってアプリ&スマホサイトのプロトタイプをその場で共有 Reflector これをインストールすれば写真のようにiPhone/iPadのAirplayを通して現在使っているスマホの画面をPCにダイレクトに写すことができます。ページ遷移やジェスチャーもこれがあれば容易にクライアントに伝えることができますし知らない人からしたらこれ自体のパフォーマンスでグッと引き込まれることでしょう。 インストールしたらiPhone/iPadのホームタスクバーからAirPlayを選択すればあっという間にミラーリングが開始されます。あとは
この写真は、アーミーナイフの名門ウェンガー社のジャイアントナイフという最高級ナイフである。141の機能を持つ、ギネス認定もされた厚さ24cm、重量1.3kgの世界で最も高機能なナイフだ。トップメーカーが自社製品の全機能を1つに集約したこの製品こそが、機能拡張の行き着く先を指し示している。 なぜ適切な機能追加であっても、機能を追加しつづけることで破綻をするのか?本エントリは、「スマホUI考(番外編) 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する」の続きになる。 本エントリでは以下の4つの側面から、機能を追加するリスクを考える。まず第一に「選択肢の数が必ずしも善ではないこと」。次に「人間の判断力は使うほど消耗すること」。そして「画面スペースが有限のリソースであること」。最後に「どんなに機能を増やしても、一画面で強調できるものは限られていること」。これらの4つは全て、機能追加が最
Less than one year after its iOS launch, French startup ten ten has gone viral with a walkie talkie app that allows teens to send voice messages to their close… While all of Wesley Chan’s success has been well-documented over the years, his personal journey…not so much. Chan spoke to TechCrunch about the ways his life impacts how he invests in startups.
数あるアプリの中でも、UI(ユーザーインターフェース)が美しかったり、斬新だったりするアプリは、ユーザーに驚きや感動を与えます。 また、UIが優れたアプリというのは、アプリ制作は勿論のこと、スマートフォンサイト等におけるUIデザインの参考になります。 今回は、そんな「UIが特に斬新で優れたアプリ」をiOS限定ではありますが、いくつか紹介したいと思います。 Google Maps グーグル公式のマップアプリ。 デフォルトアプリがAppleの公式マップアプリに変わり、一度はiOS上から消え去りましたが、ストアで復活し、大いにユーザーを喜ばせました。 新しくなったgoogle mapsは以前のもに比べ、格段にUIが進化しました。 片手での操作が容易になったのが特徴で、ズームイン・ズームアウトも指一本で操作できるのは本当に便利です。 また地図の立体表示機能もスワイプで簡単にできますし、経路検索など
なんだかスゴいらしいぞ...あのIKEAが売り出す話題のテレビ「Uppleva」の全容が明らかに!2012.05.21 19:00 湯木進悟 絶対に早く日本でも発売してね~ 北欧からオシャレな家具や雑貨を売り出しているIKEAが、新たにインテリア一体型のテレビ「Uppleva」を発売する計画を明らかにしてましたけど、ただデザイン的に凝ってみただけでなく、かなりギーク目線にも訴える仕様を備えることが判明してきましたよ! まず、Upplevaの最大の特徴としましては、一発でYouTubeやVimeo、Dailymotionなどにつながる、厳選された20のアプリが標準搭載されています。ブラウザーアプリには「Opera for TV」が採用され、ラジオや音楽再生、ゲームプレイなどもアプリで一発起動しますよ。販売される国や地域ごとに独自のアプリセレクションが提供されるんですって。 最小構成モデルは2
こんばんは。LatLongLabの河合(@inuro)です。 ようやくiPadが日本でも発売されましたね。入手された方もたくさんいらっしゃることかと思います。 ヤフーではこのiPad国内発売にタイミングを合わせ、Yahoo!ラボで「yubichiz」というiPad専用の地図Webアプリを公開しました。 Yahoo!ラボ - yubichiz(ゆびちず) 詳しい機能はリンク先ページを見ていただくとして、 地図に書かれた文字(大塚家具、とか紀伊國屋書店、とか)をタップするだけでその店舗の詳細情報が表示されます 地図を指でなぞるだけで、なぞったラインの距離を測定できます 同様に地図を指でなぞるだけで、道沿いのお店を検索できます といった特徴があります。 またyubichizは、App Storeからダウンロードするいわゆる「アプリ」ではなく、HTML5を用いてiPadのSafari上で動作するW
こんにちわ。4-ROOMSが終了なんてショック過ぎ!やしこです。 最近iPadのデザインに関わる機会がありまして、情報がまだまだ少なかったのでまとめてみました これからiPadのデザインをする方のお役に立てばうれしいです 今回はTwitterクライアントやリーダーで主流な2カラム型のアプリデザインです ePub(電子書籍)の作り方は先月のMDNで特集されていました iPadにしか見られない(WEBにない)仕様 縦横で画面構成が変わる iPadはiPhoneと同じく持ち方によって画面レイアウトが変形します。 縦横2パターンデザインする必要があります 意外とデザインをモニタの中だけで詰めていくと忘れる動きなので はじめにワイヤーに盛り込まれているか確認した方が良いと思います。 PopOver 項目の詳細を見たいときは画面遷移ではなくてPopOverとよばれる吹き出しのようなものがオーバーレイし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く