雑誌のように美しいレイアウトを生み出すために、Flipboardが開発したレイアウトエンジン | Goodpatch Blog
はじまり 2010年、私たちはFlipboard Pagesという、Webの記事をiPad向けにマガジンページにするというレイアウトエンジンを作りました。 Flipboard Pagesは、Vanity FairやNational Geographicと言った世界一流の出版社のコンテンツをページ割します。 Pagesは、それぞれの出版社のブランドアイデンティティとカスタムタイポグラフィーを再現する美しいレイアウトを生み出すことが出来ます。限定されたモバイルデバイス（例えばiOS 3.2のオリジナルiPad）でも充実かつ高いパフォーマンスでレンダリングするために、PagesはCSS3、SVG、そしてvanilla JavaScriptを使いました。出版社のレイアウトのためのダウンロードファイルサイズは平均すると、およそレイアウト、スタイリング、フォント、ネームプレートイメージなどで90キロバ
開発者は必見? GoogleがAndroidアプリのUXアンチパターン動画を公開 - すまほん!!
数多のアプリが氾濫する Android アプリですが、過去に開発の経験がある方・現在進行形で開発中の方……数多くいらっしゃるかと思います。 そんな方に是非、ご覧頂きたいのが Google が Youtube にて公開している ANDROID DESING in ACTION UX アンチパターンです。ご存じの通りアンチパターンとは「べからず集」のことで「これは駄目だからこうして欲しい」といったことがわかりやすく紹介されています。 動画の内容としては、ダイアログの表示方法、ボタンの位置、タッチフィードバック……etc 開発者の方はそのまま知識を吸収することができますし、開発者ではない方も「へー」と思えること間違いなしです。
iOS 7 UI Transition Guide: Supporting iOS 6
Supporting iOS 6 If business reasons require you to continue supporting iOS 6 or earlier, you need to choose the most practical way to update the app for iOS 7. The techniques you choose can differ, but the overall advice remains the same: First, focus on redesigning the app for iOS 7. Then—if the redesign includes navigational or structural changes—bring these changes to the iOS 6 version as appr
Private Presentation
Private content!This content has been marked as private by the uploader.
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
ヒューマンインタフェースデザインをまとめた - CHROMA
追記 読んで欲しい所をマーキングした。 はじめに Appleのヒューマンインタフェースデザイン: アップル ヒューマンインタフェースガイドライン を参考に、自分の解釈をまとめてみました。 ガイドラインとして使用できるように文章は簡潔にしたつもりで、デザイナー以外の人が使うことも想定して1番はじめに「0. 基本デザイン原則」を加えてみたけど、Appleのヒューマンインターフェイスデザイン内で被ってるところがある。 目次 基本デザイン原則を守る 1-1. 近接 1-2. 整列 1-3. コントラスト 1-4. 反復 ヒューマンインターフェースデザイン原則 1-1. 隠喩を用いて境界線を減らす 1-2. ユーザーの思い描くモデルを反映させる 1-3. 明示的な動作と暗黙の動作を分けて使用する 1-4. 選択肢を減らさない 1-5. 反応に対して伝達を行う 1-6. 一貫性を保つ 1-7. 眼に見
Redesigning Google: how Larry Page engineered a beautiful revolution
By Dieter Bohn and Ellis Hamburger Something strange and remarkable started happening at Google immediately after Larry Page took full control as CEO in 2011: it started designing good-looking apps. Great design is not something anybody has traditionally expected from Google. Infamously, the company used to focus on A/B testing tiny, incremental changes like 41 different shades of blue for links i
Google の UX プロセス
今では小さなチームによるアジャイルソフトウェア開発はそれほど珍しくはないですが、Google は随分前からそれを実践している企業のひとつです。よりよいものを作ることであれば、時には今まで辿って来た道も変えてしまうこともあるダイナミックな環境でどのようなプロセスが存在するのでしょうか。David Sherwin さんのブログで、Google のユーザーインターフェイスデザイナーである Jake Knapp さんのセッションに関するレポートが掲載されています。 Knapp さんのセッション内で、ダイナミックに変わる環境化の中で、よりよいユーザー体験をもったサイトを構築するための8の対策を紹介したそうです（細かく別けると全部で17）。以下に簡単にですが紹介しておきます。 確固たるプロジェクトの基盤をもつ チームが小さい分、フォーカスしなければならない プロジェクトのもつ影響力は？ 他のプロジェク
Google のデザインガイドライン10項目
以前 Google の UX プロセスというエントリーで、Google が考えるユーザー体験を向上するための対策を紹介しました。Google のような数多くのサービスを運営している大企業でなかったとしても、参考になる項目が幾つかありましたが、先日 Google Operating System で Google’s Design Guidelines という記事が掲載されました。Google アプリケーションのユーザー体験を担当する Jon Wiley 氏が WritersUS Conference で語った Google のデザインガイドライン10項目がリストされています。 使える: 人々の生活、仕事、夢にフォーカスする 早い: ミリ秒でも早くする シンプル: 簡略化することの重要性 魅力的: 初心者にも上級者も引きつける何かをつくる 先進的: 新しいものを生み出すことに意欲的になる ユ
HCD-Net
人間中心設計（HCD）専門家制度は、人間中心設計推進機構（HCD-Net）が実施する専門家認定制度です。 人間中心設計専門家とは 受験応募要領 資格更新手続き HCD認定ニュース 認定者一覧 認定専門家インタビュー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iXキャリアコンパス
勘違いだらけのAndroid UIデザイン
UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!
Loading