はてなブックマークのiOSアプリを真面目に使ってみたらひどい出来だったので書きます。 基本構造 まずはアプリの基本構造をおさらいします。このアプリは大きな画面構成として メイン（様々なエントリー一覧） フィード マイページ の3つからなっています。 それぞれの画面と親子関係、各画面を呼び出すための操作をまとめると以下のようになります。[ ]で囲まれた青文字がUI表現で、赤文字部分が最終操作画面とその説明です。★が初期画面です。 まとめたつもりなんですが読みにくいし主題とあまり関係がないので、面倒な人は下の画像まで読み飛ばしてください [フローティング操作ボタン] メイン（様々なエントリー一覧） [ツールバー横のナビゲーションドロワーボタンから左部ナビゲーション：タイトルは「話題を探す」] [仕切り線：カテゴリー] ホーム [タブ] 人気エントリー（いわゆるホッテントリ）★ 新着エントリー（
ホリデー株式会社 *1 の多田です。Holiday ( https://haveagood.holiday/ ) というサービスの開発を行っています。 アプリを通してユーザに価値を届けるためには、アプリの細部のインタラクションを軽視することはできません。細かい部分に気を配り使い心地を良くしてこそ、サービスで本当に実現したい価値をユーザにまっすぐ届けることができるためです。 iOS アプリの使い心地を良くするための基本的なインタラクションを以前当ブログで投稿した記事でいくつか紹介しましたが、今回は前回紹介しなかったインタラクションのうち、「読み込み中」の UI の基本パターンについて取り上げようとおもいます。 はじめに：なぜ読み込み中の UI を考えなくてはいけないのか Holiday iOS アプリでは、基本的にデータはクライアント側で持たずサーバと通信して表示するデータを受け取っており、
Holiday 事業室の多田です。先日 Elasticsearch の記事を書いた内藤と共に Holiday ( https://haveagood.holiday ) の開発を行っています。 Holiday は、去年9月に Web 版をリリースしましたが、よりおでかけを楽しくするために今年3月に iPhone アプリをリリースしました（ダウンロードはこちら）。 アプリの開発過程ではコンセプトや仮説を立て、その検証や実現のために作っては壊すことを何度も繰り返し行いますが、実現したい価値を提供するためには、出来上がったプロダクトの細部のインタラクションも重要になってきます。細かい部分に気を配り使い心地を良くしてこそ、本当に提供したい価値をまっすぐに届けることができるためです。逆に言えば、最後の最後で細かい部分がちゃんとしていないばかりにそれまでの過程が無駄になったらもったいないですよね。 今
http://blog.brianlovin.com/design-details-pinterest-for-ios/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約1時間前 Brian LovinのUI分析シリーズは継続して紹介してきましたが、前回のFoursquareのポストでは、「確かに各社ともレベルが高いけど、さすがに似たようなものが増えて飽きてきたな。」と感じました。しかし、今回のPinterestのiOS版については、「ここまで工夫するのか。」と関心させられるものもあり、UIの競争はまだまだレベルアップしていきそうな気がしてきました。 原文で全体をチェックしていただくのがよいかと思いますが、個人的に気に入ったのは、 4) Pull to refresh ビデオ この効果を自社オリジナルのもので作
DeNAとYahoo! JAPANのiOSにおけるUI/UX開発手法を、デザインとエンジニアリング双方の観点から解説する勉強会「iOSエンジニア・UI/UXデザイナー勉強会」が7月16日に開催された。 今回はDeNAチームが発表した開発事例や、現場での課題・改善のための工夫などをレポートする。 by 馬場美由紀 （CodeIQ中の人） 聴きながらの飲食OK！リラックスモードの勉強会 Yahoo!JAPANの話題の社員食堂「BASE6」で開催された勉強会は、まずは乾杯から。発声は今回の主催者、DeNAの沖津貴智さん。 「今日は楽しい勉強会にしましょう、乾杯！」 今回の勉強会では、発表した内容を図で示すというグラフィックレコーディングが採用された。レポートと合わせて紹介していくので合わせて見ていただきたい。 マンガボックスのアプリができるまで 最初の登壇者はDeNAのUI/UXデザイナーであり
Yahoo! JAPANとDeNAのiOSにおけるUI/UX開発手法をデザインとエンジニアリング双方の観点から解説する勉強会「iOSエンジニア・UI/UXデザイナー勉強会」が7月16日に開催された。 今回はYahoo! JAPANが発表した開発事例や、現場での課題・改善のための工夫などをレポートする。 by 馬場美由紀 （CodeIQ中の人） 会場はYahoo!JAPANの話題の社員食堂「BASE6」 会場となったのは、今年1月13日にオープンしたばかりのYahoo!JAPANの話題の社員食堂「BASE6」。 勉強会とはいえ、飲み物（アルコール）や食べ物を自由に取りながらというざっくばらんなスタイル。 参加者はリラックスした雰囲気の中で、登壇者の話に熱心に耳を傾ける。外気の暑さにも負けない熱い勉強会となった。今回の勉強会では、発表した内容を図で示すというグラフィックレコーディングが採用され
「Yahoo! JAPAN DeNA iOSエンジニア UI/UXデザイナー勉強会」に参加してきました！ ちょこっとずつですが、各発表で心に残った部分をメモしたのをのせますー （メモだけじゃ全然内容わかんないのでスライド公開されたらリンクさせていただきたい・・・。） ちなみに発表内容はイラストレーターさんにより会場でリアルタイムでイラスト化されていました！すごい！ 描かれたあと会場に掲載されていたのでその写真も一緒に載せます！ブレ気味ですみません。。 マンガボックスのアプリができるまで (坪田 朋さん@DeNA) PhotoshopからSketch 3へ移行 プロトタイピングツールProttの導入 （最初だったのであんまりメモできなかった。。。） タブレット版「Yahoo!ニュースアプリ」のこだわり (田中 淳子さん@Yahoo!) 当たり前を上質に〜とにかく読みやすく〜 デバイスを知る
ＵＩがめちゃ良い tripstr
Open In とは他のアプリへファイルを渡すあれ。 DropBoxはどんなファイルでも Open In で受け取れるようになっている。そこでDropboxのplistファイルを解析してみたというのがこの記事。 Open In … All Files | Coco...
「デザイン = かっこ良くすること」だとは限らない。 デザインとは? 設計 複雑な問題を整理して解決すること わりとエンジニアリングに近い 文章を書く練習をすれば読みやすい文章を掛けるようになるのと同様に、勉強すれば人を困惑させないデザインは作れる。 ヒューマンインターフェースの原則 インターフェース = 接点、境界面、接触面、接合面、仲立ち、橋渡し ヒューマンインターフェース = 人とモノをつなぐもの ヒューマンインターフェースの原則 = アプリがユーザーとコミュニケーションをする時の原則 1.必然性のあるビジュアル 機能と外見が調和しているか？ TPOにあわせた格好をさせる ユーザーとコミュニケーションを取る ドレスコードみたいなもの(例:ゲーム:楽しく、ツール:信頼性ありそうな) 機能に最適な外見を与えることで... 使い方がつたわる。 とっつきやすくなる 2.一貫性 アプリ全体でル
ここ最近、女子向けアプリが多数リリースされているのはご存知でしょうか。 SNS、ユーティリティ、ライフスタイル、ナビゲーションなどアプリのカテゴリも様々です。 そこで今回は、最近話題になっている女子向けiOSアプリ5サービスについて、それぞれのアプリの特徴・UI/UXのポイントと、女子ウケする共通エッセンスをデザイナー・企画視点で考えていきます。 恋するマップ-女子ちず- /ナビゲーション 特徴 女子向けの地図アプリ。 もうご存知の方も多いかもしれませんが、地図業界を震撼させた女子向けの地図アプリです。 通常の地図アプリ機能に加え、女子には必須なトイレからカフェ、サロンなどの情報も写真付きで確認することができます。 ポイント 一番の特徴であり、女子ウケポイントでもあるのが画面右上にある“チャーム”。 スマホの傾きをキャッチして揺れるだけですが、こうしたさりげないところにかわいい！と思えるポ
先日公開されたFacebookのpop、アニメーションライブラリですよとリリース前から言われてたものの、popについて語られるときは大抵「Paperアプリのテクノロジーをオープンソース化」という枕詞がつくので、Paper風UIコンポーネント（ジェスチャーでヌルヌル操作できる）もライブラリに含まれてたらいいなとか、せめてサンプルが Paper 風だといいなとかうっすら期待してたのですが、まったくそんなことなく、やっぱり純粋なるアニメーションライブラリでした。サンプルプロジェクトすらつかない硬派っぷり。。 じゃあ今まで実現が難しかったような何か（ド派手なアニメーションとか？）ができるようになってるのか、というとそういうわけでもなくて、 In addition to basic static animations, it supports spring and decay dynamic ani
今回はUIやUXに仕事でこれから携わりたい！と思っている人や、仕事で必要だけどイマイチ理解できてない！という人のために良質な記事＆スライドを厳選しました！今回はUIやUXに仕事でこれから携わりたい！と思っている人や、仕事で必要だけどイマイチ理解できてない！という人のために良質な記事＆スライドを厳選しました！ 【UI】「優先順位を決めて、やるべきことを絞る」/河原香奈子氏 >>記事はこちらからどうぞ！ 短めの記事なのですが、STORES.jpがどのようにUI/UXを作り上げてるかが垣間見えます。webサービスを作ってる方は必読だと思います！ とってもわかりやすくて初心者向けな記事だから俺にぴったりだってばよ！ 【UI/UX】「重要なのは、毎日さわって嬉しいUI UX!」 UI＆UX / 重要なのは、毎日さわって嬉しい UI UX! from Akiko Ohtsuka スマホアプリのUI/
PCやスマホとかのWebサイトに対してA/Bテストやる方法は結構いろいろありますね。 有名どころだと optimizely とか、最近だと planBCD とか。 iPhoneとかAndroidとか、ネイティブアプリとかたくさん作っている時代ですし、同じことはどうやってるのか。 ストアにリリースした後に検証・分析できるようなフレームワークやサービスがすでにあるのか。 ちょっと調べてみました。 調べ始め さくっとググってひっかかったものは Quora How do companies practically A/B Test new versions of native mobile apps that are already in production? Qiita SkyLabを利用したiOSアプリケーションのABテスト 海外の記事 Roundup: A/B Testing Soluti
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
