日経電子版のリニューアルで、コンセプトモデル設計とプロダクト監修をさせていただいた。 超大型アプリを完全リニューアルするとき、KPIを落とす事なく、どのように整合性やユーザー利便性を担保していくか。 「日経電子版×Sansanアプリ開発プロジェクト成功への道〜アプリ開発者勉強会Vol.2」より http://connpass.com/event/16187/
![確実に良くするUI/UX設計](https://cdn-ak-scissors.b.st-hatena.com/image/square/e1765a26b0b751a1896d0863bfcb9cf5ec569e18/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fnikkeirenewal-150625083717-lva1-app6892-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
日経電子版のリニューアルで、コンセプトモデル設計とプロダクト監修をさせていただいた。 超大型アプリを完全リニューアルするとき、KPIを落とす事なく、どのように整合性やユーザー利便性を担保していくか。 「日経電子版×Sansanアプリ開発プロジェクト成功への道〜アプリ開発者勉強会Vol.2」より http://connpass.com/event/16187/
ここ最近、モバイルWebコミュニティにて、Apptimize社のトップであるLynn Wang氏がポストした「7 Mobile UX Mistakes You’re Probably Making Right Now」が話題になっています。 www.sitepoint.com その内容とは、彼女自身が、A/Bテストを使い様々なモバイルアプリの改善を行い、その中で得られた知見をまとめたものです。若干、煽り気味なタイトルに見えますが、中身はしっかりしていて、多くの人がなんとなく感じていることをキレイに言語化しています。個人的にも、参考になると感じています。 本人の許可が頂けたので、日本語らしく読めるようざっくりと意訳し共有します。 1. 不必要にサインインをさせようとする 多くの人々は、ユーザのサインインが価値を持つものだと考えています。しかし、時にサインインは、ユーザに苦痛を与えます。たとえ
UIデザイン時の「ユーザーの使いづらい」には2パターンある。350万ダウンロードの家計簿アプリ「Zaim」が教える、UI改善の失敗談。 今回は350万ダウンロード突破、家計簿アプリの「Zaim」さんにお話を伺いました。ユーザーが伸びたタイミングや、UI改善の失敗談など。 ※株式会社Zaim 代表取締役 閑歳 孝子さん。 「Zaim」の近況について 「Zaim」のユーザー数は今どのぐらいですか? 閑歳: 2011年7月にリリースして、350万ダウンロードを超えています。OSで言うとiOSの方が多いですが、最近はAndroidも伸びています。今も広告費は使っていません。 今までに、ユーザーが大きく伸びたタイミングはありますか? 閑歳: 去年はダウンロード数がグッと伸びた印象があります。2013年の終わり頃から、スマホをみんなが本当につかうようになって、すごく高齢者と若年層が増えました。 データ
最近 angularJS に対する期待の低下が著しくてつらい。 なんだかんだで SPA から jQuery に戻った話 - ボクココ Angularの問題では はてなブックマーク - mizchi のブックマーク - 2015年5月18日 みんな使いどころを間違ってるんや。1年半くらい使ってて不満もあるけど自分のよく使う範囲では angularJS 最強だと思う。 angularJS が向いてるのは Single Page Application ではない angularJS が向いてるのは ◎ フォームのような細かい部品を多用 & DOMツリーとデータスコープがほぼ一致していてユーザの入力をサーバに送ったりする webアプリ。管理画面、マイページ、業務アプリなど △ Single Page Application ← 簡単に作れるけどページ間の連携が必要ないならサーバ側で分けてしまった方
This document summarizes a microservices meetup hosted by @mosa_siru. Key points include: 1. @mosa_siru is an engineer at DeNA and CTO of Gunosy. 2. The meetup covered Gunosy's architecture with over 45 GitHub repositories, 30 stacks, 10 Go APIs, and 10 Python batch processes using AWS services like Kinesis, Lambda, SQS and API Gateway. 3. Challenges discussed were managing 30 microservices, ensur
世間はReactの話題で持ちきりのようだけど、Backbone.jsでStyleStatsのWebアプリをリニューアルした。以上で伝えることは終わったが、リニューアルするにあたってつらかったことをつらつらかきとめておく。 StyleStats - An evaluating tool for writing better CSS そもそもBackbone使うほど複雑なアプリでもないんだけど、勉強がてら使ってみた。てかParse.comを使いたくて、それがBackboneベースのSDKだったからというのもある。 Parse.comはmBaaS(mobile Backend as a Service)の類で、データを簡単にストアしてくれるもの。僕のようなフロント側の人間でバックエンドがからっきしな人も、こうゆうのを使うとWebアプリケーションを簡単に作れるそうだ。StyleStatsで、テスト
今日は UI部 が3月のよいアプリをお届けします 今年の目標は10キロダイエット、進捗は+1キロです。わりえもんです。 3月も今日で終わり...ということは今年も1/4がもう過ぎたということですね! UI部では、毎週あるテーマに基づいてアプリの事例を集めて知見を共有しています! ゲームチーム・自社サ−ビス・クライアントワークのメンバーがいる分、いろんな方向のアプリ の話があがって、面白いものです! それでは、3月 KAYAC の UI部のメンバーが気になったアプリ10点をご紹介します! 3月を振り返って気持ちよく4月を迎えましょう! ゲームアプリ Dark Echo http://www.darkechogame.com これまたおしゃれミニマル系ゲームです! 音の反響をビジュアル化、それを手掛かりに進む迷路ゲームです。 発想にもびっくり。是非みなさん自分のiPhoneで体験してみてくださ
アプリ内で明示的に利用しているのは PortableRest(RESTfulなAPI通信用) SQLite.Net(SQLiteの読み書き用) Xamarin.Forms() ptfluentapi-portable(アプリ固有の利用ライブラリ。PortableRestに依存) です。これら以外のJson.NETとMicrosoft.BclはPortableRestの依存ライブラリです。 コード的には、ログイン画面→リスト画面→詳細画面 + 設定画面の4画面をXamarin.Formsで構築しました。SQLiteには設定情報のみを格納した状態で、RESTfulなAPIから取得したデータの格納はおこなっていません。 サイズは想像通りWindows Phone < Android << iOSという結果でした。とりわけ、2015/02/01以降、64-bitバイナリの添付が義務付けられたことで
多くのiOSエンジニアが愛用していたβテスティングサービスのTestFlightですが、2015年2月26日をもってtestflightapp.comが閉鎖になるという公式アナウンスがありました。 TestFlightを運営するBurstly社がApple社に買収され、現在ではiTunes ConnectからTestFlightが利用出来るようになっています。今後は後継となるTestF...多くのiOSエンジニアが愛用していたβテスティングサービスのTestFlightですが、2015年2月26日をもってtestflightapp.comが閉鎖になるという公式アナウンスがありました。 TestFlightを運営するBurstly社がApple社に買収され、現在ではiTunes Connectから TestFlightが利用出来るようになっています。今後は後継となるTestFlight B
こんにちは、デザイナーの小林です。 最近スマホデザインで、アプリデザインや、機能性を持たせたUIのデザインが求められることが多くなってきました。 Photoshopで幅640pxで作成後、実機で確認をするのですが、どうも文字サイズを決めるのに毎回迷ってしまいます。 「小さすぎるんじゃないか?」 「見出しと本文の違いがパッと見で分かるだろうか?」などなど… そこで普段見慣れているだろう、スマホのデフォルトの純正アプリや有名アプリの文字サイズを調べてみました。 検証方法 iPhone4S(古くてスイマセン)でキャプチャーとる Photoshopで上からテキストをトレース。(このときの文字設定の数値を記載しています。) ホーム画面 通話履歴 メール リマインダー メモ帳 ミュージック Google Chrome Facebook Twitter Youtube はてなブックマーク evernot
スマートフォン・アプリを初めて起動したときの説明スライド(In-App Walkthrough)の必要性は、いつも悩むところだ。 不要派の主張はだいたい以下の通りだ。 ユーザーは早くをアプリ操作したい どうせ読まれない AppStore上の説明パネルで事足りる 要は「作成コストがかかる割には効果がないのでは」ということだろう。いちユーザーとしては僕も確かにそう思う。ただ、提供側が期待するほどユーザーの理解力は高くない。実際にユーザーテストをしてみると、一通りアプリを操作したもらった後でも、作り手の意図が思った以上に伝っていないことがわかる。 操作画面では思った以上に伝わらない、アプリの価値 操作UIだけで「なぜこのアプリが必要か」「どんな問題をどのように解決しようとしているのか」というアプリのバリュー・プロポジションを十分に伝えるのは非常に難しい。 ユーザビリティを考慮してログイン後の操作
はじめに はてなブックマークのカテゴリをスワイプでシュッシュッと切り替えられるアプリがあったら使いやすいかなぁ、ということで作ってみました。 Material Design のエッセンスをできる限り取り入れましたので、注意した点などを紹介します。現行のアプリに導入できる内容もあると思いますので、参考になれば幸いです。 (追記)「階層」の概念、実装コストの高いものについては、実装の対象外としております。 (再追記)タブバー、トップバーの下にスクロールに合わせてシャドーを表示する変更をしました。 アプリはこんな感じです。ご指摘やご要望などありましたらコメントいただけると嬉しいです。 https://play.google.com/store/apps/details?id=com.appspot.parisienneapps.hatebureader レイアウト、コンポーネント アップバー レ
あなたが作っているナビゲーションボタンは今流行りの「ハンバーガーボタン」、またの名を「ナビゲーションドロワー」を採用しているだろうか。それとも一覧で表示している「タブボタン」を採用しているだろうか。 クリーンでシンプル、メインコンテンツの表示領域が最も広く確保できるなどいいこと尽くしの「ハンバーガーボタン」ナビゲーション。一方で、常にボタンが表示されメインコンテンツの表示領域が必然的に狭くなってしまう「タブボタン」ナビゲーション。見た目のデザインとしては当然「ハンバーガーボタン」の方が良い。では実際にユーザーとしても同様の見解なのだろうか。 クリーンでシンプルだが、ユーザーは操作方法を覚えられない 「ハンバーガーボタン」もしくは「ナビゲーションドロワー」と呼ばれるナビゲーションUIは数多くのアプリに見られる。Googleもアプリデベロッパー向けにオススメのデザインパターンとして推奨している
発端はこの週末、そろそろ Phone ネタが欲しいなぁと思っていたところに おでさんからネタの提供を頂きました。 ( いつもありがとうございます ) あれ、System.IO.IsolatedStorage.IsolatedStorageSettingsって8.1で変わってるのか— ファイレクシアのプログラマ (@od_10z) 2014, 7月 12 どうやら、ユニバーサル アプリだったので従来の IsolatedStorageSettings が使えなかったという事のようです。 それに対する皆さんの回答。 WinRT って事で ApplicationData.Current.RoamingSettings を使っておられるんですね。はてなブログに投稿しました WinRTでアプリの設定を保存する - tmytのらくがき http://t.co/8B2bpS1xU2— ゆたか (@tmyt
連載目次 Windows 8.1(以降、Win 8.1)には、「游(ゆう)ゴシック」と「游明朝」*1という新しいフォントが搭載された。それらのフォントをWindowsストア・アプリで使いたいと考える開発者も少なくないだろう。ところが、うかつに使うと落とし穴があるのだ。本稿では、その問題を解説し、回避する方法を説明する。 事前準備 Win 8.1アプリを開発するには、Win 8.1とVisual Studio 2013(以降、VS 2013)が必要である。本稿では、Oracle VM VirtualBox上で64bit版Windows 8.1 Pro(製品版)とVisual Studio Express 2013 for Windows*2を使用している。なお、回避する方法を確かめるだけならPreview版でも可能だ。Preview版を準備する方法や注意事項は、「WinRT/Metro TI
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く