はてなのニュースアプリ「Presso」のデザインができるまで - Hatena Design Group
2014年3月27日、はてなはニュースアプリPressoをリリースしました。様々なニュースアプリが登場し、市場が賑わいを見せる中、Pressoはどのような思いで開発されたのか。Presso開発メンバーの id:akawakami さんに開発の裏側を語って頂きました。 ――まずは自己紹介をお願いします。 デザイナーの akawakami です。Pressoのデザインを担当しました。 ――Pressoの紹介をお願いします。 Pressoは自分が興味のあるジャンルやタグをフォローすることで、ネットで話題になっているニュースやブログなどを手軽にチェックできるニュースアプリです。 https://itunes.apple.com/jp/app/presso-sosharunyusu-matomemoburogumo/id799334646?mt=8&uo=4&at=10l8JW&ct=hatenab
開発前に欠かせない超ハイレベルな無料プロトタイプ制作アプリ5選|グロースハックジャパン|Growth Hack Japan
dited by Ryutaro Mori growth hack japan official Twitter account growth hack japan official Facebook account 過度に強調することが出来ないほど重要なプロトタイプ制作。 その重要性は、グロースハックジャパンの記事「グロースハックの大前提 「MVP」の種類と実例 5選」でもお伝えした通りです。 ではどんなツールを使ってプロトタイプを制作すれば良いのか。 ここは多いに迷うところですが、「はやい、やすい、うまい」に越したことはありませんよね？ そこで本日は、吉野家もびっくりの超ハイレベルな無料プロトタイプ制作アプリを、5つまとめてご紹介致します！ 数あるアプリの中でも、使いやすさや完成品のクオリティに焦点をあてて厳選した5つの無料アプリですので、必ずお気に入りが見つかること間違いないでしょう
Android Action Bar をカスタマイズする
Android Developers Blog: Customizing the Action Bar Action Bar のデザインパターンを紹介してから、多くのアプリケーションが Action Bar を使うようになりました。 そして、このデザインパターンは Android 3.0 でデフォルトの機能になりました。 Honeycomb をターゲットとしたアプリで Action Bar を使う方法は using Action Bar を参照してください。 Theme.Holo.* を継承した独自スタイルを定義して、ここで Action Bar をカスタマイズしていきます。 <style name="Theme.MyTheme" parent="android:style/Theme.Holo.Light"> … </style> ■ Icon Android Asset Studio
「Lean UX」モバイルゲーム開発 (1/2) | GREE Creators Blog
はじめまして。 UXデザインを担当しているアンダーソンです。 この記事では、皆さんにゲーム開発の中に「Lean UX」のプロセスを取り込むことによって、開発がどのように効率アップするかを2回に渡って話したいと思います。今回は「Lean UX」とは何かを説明し、次回にLean UXのプロセスをモバイルゲーム開発で行った事例を紹介します。 Lean UXとは？ 「Lean UX」とは、Lean = 「無駄なく、スマート」とUX = 「User Experience (ユーザー体験)」の二つの言葉を組み合わせた開発のプロセスの名称です。 Lean開発方法とは、1980年代にマサチューセッツ工科大学の二人の研究者、WomackとJonesが作りました。二人はトヨタ生産方式を研究し、体系化した「リーン生産方式」を生み出しました。トヨタ生産方式とは、根本にある課題に限定して取り組むことで、生産作業から
Androidの画面サイズを攻略して機種依存を吸収する(ナビゲーションバーとステータスバーのサイズを取得する) | TechBooster
※上記の名前付けは一般的なものではなく、今回の解説用に定義した名前です。（Displayクラスのサイズといえばどれもディスプレイサイズということになるため、わかりやすさを優先して図示しました) 特にステータスバーとナビゲーションバーは端末ごとカスタマイズされている可能性もあるため、動的に取得するのが望ましい項目と言えるでしょう。しかしながら、直接この2つの高さ情報を取得するAPIは存在していません。踏み込んで解説するならば、これらはアプリケーションの領域外でありアプリが気にする必要はなく、気にしないでいられるデザインやレイアウトを検討すべきである、という設計思想がうかがえます。設計思想を尊重するならば、このあと解説するAPIをなるべく使わないでいいように工夫できると機種依存の苦悩から解放されるでしょう。 取得する方法は続きから ナビゲーションバーを除いたディスプレイサイズを取得する ディス
2時間でSassを習得！Sass初心者向け講習スライド大公開！ | WebNAUT by Beeworks
※この記事は2014年2月4日に執筆された記事です。現在は仕様が異なる可能性があります。 CSSを効率的に書ける言語として昨今話題のSass。 これから導入をお考えの方に向けて2時間でマスターできる初心者向けのSass講習スライドを公開致します。 普段CSSを書く人も書かない人もSassがどういうものかを知る良い機会ですので、是非ご覧ください。 スライドに沿って実践すればSassの基本を短時間でマスターできます！ この講習では目で見るよりも実際に触れる事で理解が深まるよう、実習スタイルを取っています。 実習に使うファイルセットはこちらからダウンロードして上記のスライドと合わせてお使いください。 https://webnaut.jp/download/markup_140204/sass.zip（3.5MB） Sassの良さを活かすためには、チーム全員がSassを理解することが大切 Sass
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
デザインの裏側を理解できるエンジニアになろう - Qiita
「画面」のデザインは、エンドユーザーから見た「プロダクト」との唯一の接点。超大事。 そんな画面のデザインにまつわる、エンジニアが「いじる」ときに気をつけると、もしかしたら面倒が減って争いが減ってみんなが幸せになれるんじゃないかなあ、とか、そもそもの設計上で考慮できると、もしかしたら使う人たちが幸せになれるんじゃないかなあ、というポイントを、思い付きで書いていくので、あとは誰か整理してほしい的な投げやり感あふれるアレコレ。デザインとコーディングの話を混ぜて書いてます。 空白の理由を考える編 その1. 空白にまつわる認識の相違 例えば、Tumblrのダッシュボード。右肩のメニューの隅までちゃんとレイアウトされてるなーって感じがします。 でも、もしあなたが「空白を理解しないエンジニア」だった場合、こんな感じにコーディングしてしまうかもしれません。 （※画像はイメージです） 「なーんか、素人感があ
社内でUXデザインを推進する3つの方法
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 昨今、ユーザーエクペリエンス（UX）やユーザーインターフェース（UI）の重要性は多くのメディアで語られています。その理由として1つには、スマートフォンやタブレット端末などの普及により、いままでクライアントPC向けだけを考えればよかったアプリケーションが、多様なデバイスで使われることを前提としたUXを考える必要が出てきたためです。 また、Ruby on Railsなどの「オープンアプリケーションフレームワーク」が出現し、開発の敷居が低くなり、開発力や技術力だけでの差別化が難しくなってきたことも要因として挙げられます。 このような背景からUXやUIはバズワード化し、アプリケーション開発の現場では「とりあえずわが社もUXやUIについて考えよう
FICC | デジタルエージェンシー
LEADING BRANDS TO DIGITAL WE ARE A DATA-DRIVEN MARKETING AGENCY FICCはデータに基づく論理的なマーケティングを提供するデジタルエージェンシーです。 消費者に価値あるコンテンツと体験を届けるため、戦略立案から施策実行まで一貫して提供しています。
[Android アプリの UI デザイン] 9-patch の作りかたのまとめと Tips | DevelopersIO
はじめに こんばんは。アンドロイダー？な諏訪です。 本シリーズ「Android アプリの UI デザイン」では、Android アプリの UI デザインについて広く取り扱っていきます。 UI デザインといっても、時にはデザイナー目線で「このようなレイアウトだったらユーザは迷わないだろう」や「情報はこうまとめたほうが見やすいだろう」といったようなことを述べたり、また時にはデベロッパー目線で「こういう UI デザインはこういう実装方法で実現できるよ」や「Android の性質上、こういうデザインにすべき」といったようなことを述べたりしようと思っています。 賛否両論な意見を述べることもあるかも知れませんが…意見交換の場になって、学びあえればそれはそれで良いかなぁ、なんて思っています (とはいうものの、当面は実装方法の基礎的なところをおさらいしていきたいと思ってます)。どうぞよろしくお願いします。
![[Android アプリの UI デザイン] 9-patch の作りかたのまとめと Tips | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/27c01225a965c5b92731bf7c394c561cb9248d14/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F03%2Fcatch3.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
勘違いだらけのAndroid UIデザイン
フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜
毎日使いたくなるサービスをつくるためのヌーラボ流レシピ
Cacoo（カクー）｜かんたんにキレイに図が描けるオンライン作図ツール