First Time User Experiences
First Time User Experiences I'm Krystal Higgins and this is my collection of new user experiences, good and bad, from a variety of products. Learn more about designing good onboarding experiences. Update your links! First Time UX has moved to first-run-ux.comThanks for being a passionate patron to this catalog! To give me more presentation options, I’ve migrated this catalog of first run user expe
Prott - Prototyping tool for Web iOS Android apps
Design awesome products, with your team. Maximize your team’s superpowers and keep everyone engaged - from first idea to pixel perfect.Get started now!Get started now!Get started now! HAVE FUN! Make your process as awesome as your product. Keep miscommunication, technology failures and folder chaos from spoiling the fun. Enjoy the process, with Prott! Get the best out of your team Within every tea
見た目が非常に洗練されているiPad用アプリ10選
by 707d3k 東日本大震災を考慮して「iPad2」の発売が延期されたことは記憶に新しいですが、思わずインストールしたくなるような、見た目が洗練されているiPad用のアプリが10種類挙げられています。 主にスケジュール管理系のソフトが中心となっているためか、奇をてらうよりはシンプルで使いやすいように設計されたものが取りそろえられているため、これからアプリを制作しようとする人にとってはデザインの参考になりそうです。 スタイリッシュなiPadアプリ10選は以下から。10 Beautiful iPad App Interfaces | Web Design Blog | Web Design Fan | Resources for Web Designers and Graphic Designers 1：Things TODOリストを管理するためのソフト「Things」はとても落ち着いた色
通知センターから今日やるアニメをサッと確認できる「今日のアニメ」をリリースしました - 24/7 twenty-four seven
iTunes の App Store で配信中の iPhone、iPod touch、iPad 用 今日のアニメ ※ 通知センターに表示できるのはiOS 8を使っている場合だけです iOS 8から通知センターに任意のウィジェットを表示することができるようになりました。 通知センターといえば、ロック画面、ホーム画面に次ぐ一等地であり、そこをほぼ自由に使える存在というのはかなりすごいことで（ホーム画面はそもそも開放されてない、ロック画面は制限付き（通知とPassbook, iBeaconなど））、間違いなく戦争が始まるので、今のうちにいろいろ確認しておくべきだろうと考えて作ってみました。 ↑ アプリケーションとしては通知センターに今日放映されるアニメ番組表を表示するというものです。 どこからでも（ロック画面からでも）サッと呼び出せるので、まあ必要なひとにはそれなりに便利かと思います。 で、まあ
UIはシンプルがベスト THE GUILD深津氏に聞くアプリ開発術｜Mac - 週刊アスキー
日本テレビのTV番組連動アプリ「フリフリTV」など、優れたUI（ユーザーインターフェース）のアプリ開発で知られるクリエイティブユニットTHE GUILD。代表取締役の深津氏に、アプリUIの開発方法について聞いた。 ─ THE GUILDならではのアプリ開発の方針、コンセプトはあるのですか? 深津 「気持ちよく使えるものを」というのはありますね。特に私はシンプルなものが好きで、なるべく機能を削るように心がけています。複雑になったら負けだと思っています。 ─ それはなぜですか? 深津 十徳ナイフは使いやすいですけど、 機能を足して百徳ナイフにすると使いにくいし危ないですよね。iPhoneのアプリもそれと同じだと思っていて、機能がたくさんありすぎてもユーザーは使いこなせない。iPhoneが登場して間もないころは、世間的にも機能が多いアプリが支持されてい
Googleが119時間のテストをしてわかった「モバイルサイト設計25の指針」｜男子ハック
@JUNP_Nです。GoogleがGoogle AdSenseに関する最新情報を伝える公式ブログ「Inside AdSense」にて、119時間にもわたるユーザービリティテストを行った結果をまとめて公開しています。詳細は以下。 モバイルサイトの最適化は必須！モバイルの特性を理解したサイト設計が必要img via：モバイルサイト設計の指針 Googleがシカゴとサンフランシスコで119時間にもわたるユーザービリティテストの結果をまとめています。調査対象はAndroid、iOSの両方のユーザーで、商品の購入やサイト内を調べるなどの操作を行い、各サイトでの体験を調査委とともに評価したそうです。 関連：スマホに特化したアクセス解析「Pt engine」スマートフォンサイトのヒートマップが凄い！ この調査の結果で明らかになったことをまとめたものが「モバイルサイト設計を成功させる25の指針」となってい
UXArchive - Made by Waldo
Introducing Sessions: the latest product from Waldo!
App.js | Mobile webapps made easy
Mobile webapps made easy. Download Get Started App.js is a lightweight JavaScript UI library for creating mobile webapps that behave like native apps, sacrificing neither performance nor polish.
タブレット向けのペーパープロト用ノートをリリースしました ＆ アプリ設計用ピクセル定規プレゼント | fladdict
iPhone版のペーパープロトパッドに続き、リクエストの多かったタブレット版が完成！iPad mini版実寸準拠のA4ノートです。増刷御礼のスマホ版ノートともども、THE GUILDストアから購入可能です。初回ロットは1000部限定生産。 このタブレット用パッド発売を記念して、ご要望の多かったTHE GUILDのピクセル定規（非売品）をプレゼント企画をしようかと。 THE GUILDピクセル定規は、iPhone、iPadのピクセル実寸やミリインチなどが刻印された万能三角スケール。アルミ製にレーザー刻印、100本だけがプロトタイプとして存在する激レア高級グッズ。残り十数本のこの定規を、今回バーンと放出しようかと。 応募方法 応募方法は以下のいづれか4通りから1つを行えばok。複数種を行った場合、当選確率は比例してアップします。 stores.jpから商品を購入する このエントリーをはてぶする
iOSのカスタム画面遷移64種類を試せるサンプルコードを公開しました - Over&Out その後
リポジトリだけつくって、ずっと放置してた 「iOS のカスタム画面遷移ギャラリーアプリ」 にやっと手をつけて、64種類 を試せるようにして公開しました。 https://github.com/shu223/AnimatedTransitionGallery なぜつくったのか iOS 7 から UIViewControllerAnimatedTransitioning および UIViewControllerTransitioningDelegate プロトコルが追加され、カスタム画面遷移（トランジションエフェクト）が格段に実装しやすくなりましたが、結局のところ実際のアニメーション部分は自分で実装する必要があります。 で、カスタム画面遷移は UIViewController の実装とは切り離せるようにAPIが設計されていて、使い回しやすい ので、こうして一カ所にまとまっていてすぐに試せて見比
「食べログ」iPhoneアプリのレビューが炎上 リニューアルで使い勝手激変
カカクコムが2月13日にリニューアルしたグルメ口コミサービス「食べログ」iPhoneアプリのレビューが炎上状態になっている。ユーザーインタフェースや機能の刷新で使い勝手が激変。「☆1」を付けるユーザーが続出している。 新アプリでは、ログイン不要で気になる店を記録しておける「ブックマーク」機能を削除。行きたい店・行った店を記録できる「行った、行きたい」機能を使うにはログインが必須になった。以前のアプリをログインなしで利用していたユーザーは過去の記録を引き継げず、レビューに不満をぶつけている。 また、店舗検索機能では、絞り込み検索する際にワンステップ必要になったことや、地図表示上で店舗の評価を見られなくなったこと（編集部注：実際はポップアップ型から画面下部でのリボン状の表示への仕様変更で引き続き評価は見られる）に不満を持つユーザーも多い。 一方で、「インタフェースが今風になった」「口コミの投稿
印刷した紙をiPhone用のキーボードにできるアプリ「Paper Keyboard」を実際に使ってみました
iPhoneといえばスマートフォンの代名詞的な存在で老若男女に広く使われていますが、アルファベットを入力する際に使用するQWERTY配列のキーボードで文字を入力する際は、画面のサイズ上どうしてもキーが小さくなってしまい多少の不便を感じてしまうものです。Bluetoothキーボードを使えばそういった問題を解決できますが、文字入力のためだけにiPhone本体よりも大きなキーボードを持ち歩くというのは面倒でもあります。そんな時に役立ちそうなのが、iPhoneで紙に印刷したキーボードを使えるようにしてくれるアプリ「Paper Keyboard」で、紙製のキーボードなので持ち歩きする際に不便に感じることもなく、どこでも新しいキーボードを印刷可能なので使い勝手も抜群です。 Paper Keyboard: Typing on a real piece of paper on the App Store
レスポンシブか、それぞれUIを作るか 多様化するデバイスへの対応をWebの仕組みから考える
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
ペーパープロトタイピング入門 – 第1回 どうして紙でプロトを作るのか | fladdict
ペーパープロトタイピング講座シリーズ。第1回は導入編。 第1回はの導入編。ペーパー・プロトタイピングとは何なのか、何故必要なのか。そして導入することで、どんな利点があるのかを説明する。 ペーパー・プロトタイピングって何？ ペーパー・プロトタイピングとは、紙で実際にアプリやサイトを「実装する」ことである。 通常の開発においてコンテンツが使いやすいかどうかは、開発が終盤になるまでわからない。このため「作ってはみたが使いにくい」や「いまさら後戻りできない」という問題が発生する。UIや手触りが重要なモバイル系のアプリにおいて、これは致命的な問題になる。ペーパープロトタイピングはこの問題を低コストで解決する。 紙とペンで動作モックを作成することで、本実装を行う前に、素早く手戻なく検証を行うことができる。これにより、仕様書策定や実装前にPDCAのサイクルを実現できる。作業負荷の高い本実装を行う前に軽く
スマフォ版ドラクエ1の移動系が酷評されるべき理由 - 最終防衛ライン3
iPhone、iPod touch、iPad 用 ドラゴンクエスト ポータルアプリ ドラゴンクエストポータルアプリ の Android アプリ 先日リリースされたスマフォ版のドラクエ1は戦闘などはドラクエの雰囲気を残しつつタッチパネルに対応するなどの工夫が見られますが、移動に関しては難ありと言わざる得ません。むしろ、戦闘などの調整具合と比較すると移動に関してはチグハグで調整が甘く、もう少し突っ込んで言うならやっつけで作ったのでは無いかとすら思えます。諸悪の根源は「半キャラ移動」にあります。 ドラクエI堪能中、操作への酷評に「老害」という言葉を初めて感じた - 乱れなよ、そして召されなよ 私は既に iOSとAndroid向けのドラクエ１がリリースされましたが操作性に難あり と評していますが、今ひとつ問題が共有できていない気がするのでもう一度酷評する理由を明らかにしたいと思います。事は、「慣れ
iOSのデザインはフラットにすればイイってものじゃない - #RyoAnnaBlog
iOS 7でデザインがフラットになったが、二次元になると直感的な操作ができなくなったり、野暮ったくなる事がある。例えば、Safariのブックマークやカレンダーの日時選択。 白背景に青文字は手を抜いたデザインに見えるし、日時の選択も、拡大鏡で工夫されているが文字だけでは操作しにくい。特に日本語のフラットデザインは、白背景と原色文字の組み合わせが悪いように思う。 そこで今回は、Dribbbleにアップされているフラットデザインのアイデアを集めた。 Alarm Clock (wip) by Rick Waalders Experiment with Metro UI by Yura Yarokhovich Musix app by Scardi Shek Analytics by Rovane Durso iOS 7 animation [.ae giveaway] by Fabio Basil
Goodpatchのデザイナーが仕事で使っているデスクトップアプリ・Webサービス・手書きツールまとめ | Goodpatch Blog
みなさんはお仕事をされているときに、どのようなツールを用いて作業をしているでしょうか。 何かいいものがないかと探している方、まず何を使ったらいいのかわからないという方など、様々な方がいるかと思います。 先日Goodpatchのメンバーページ(⇒ABOUT)ができたので、今回は、Goodpatchのデザイナーに仕事でどのようなツールやアプリを使っているのか、またなぜ使っているかという理由を聞いてみました。 これらがみなさんの参考になれば嬉しいです！ UIデザイナー(小林幸弘さん) コバさんは、新しいツールやサービスが出たときにはとりあえず新規登録してみて、インタラクションであったり、見た目であったりを確認するようにしているそうです。その中でUIが細かいところまで考えられているものや、個人的に好きな見た目だったら使い続けるのだとか。 4コマノート、Notepod アプリ、スマートフォンサイトの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: プロトタイピング実践ガイド スマホアプリの効率的なデザイン手法: 深津貴之 (著), 荻野博章 (著), 丸山弘詩 (編集): 本
ブレないアプリデザインのすすめかた
森田雄と深津貴之の UX 侍 初陣「全国タクシー配車アプリ」開発担当者とUXを語る | UXサムライ
