MVPパターンを業務アプリに適用する - coma2n’s diary
業務アプリケーションを開発するにあたって、最低限守るべき事の一つとして「画面とロジック」の分離が挙げられると思う。 簡単そうに思えて、これが意外と難しい。 一人での開発ならば自分だけでやり方を決めてしまえばそんなに難しくはない。しかし、開発要員が増えれば、これが途端に難しくなる。 この原因としては、 どこからが「画面」の役割で、どこまでが「ロジック」の役割かの定義が個々人でばらつきがある。 定義を決めても守らない奴がいる（そもそも意味が理解できていない）。 言語自体がへぼくて「画面とロジック」の分離がそもそも（充分に）できない。 なんていうのがある。 ほとんど、「それって開発者としてどうなの？」というレベルに思えるけど、現実の開発ってそんなもんだよね。 いつの時代もこの問題は付きまとうようで、実際色んなデザインパターンが考えられてきた。 知ってるやつでは、 MVC（モデル・ビュー・コントロ
Javascriptサンプル集 - 全一覧 | Saetl.net
メニュー系 JavaScript（jqueryライブラリなどを含む）のサンプル集です。 Javascriptサンプル集について ※使い方ではjqueryライブラリなどもjsと表現している場合があります。 Flat jQuery Responsive Menu
「使ってもらえるアプリの考え方」スマホデザイン会議 2012 忘年会スライド
日経電子版のリニューアルで、コンセプトモデル設計とプロダクト監修をさせていただいた。 超大型アプリを完全リニューアルするとき、KPIを落とす事なく、どのように整合性やユーザー利便性を担保していくか。 「日経電子版×Sansanアプリ開発プロジェクト成功への道〜アプリ開発者勉強会Vol.2」より http://connpass.com/event/16187/
UX に真面目に取り組める組織づくりについてのスライドを公開しました - つきあたりを右に
と、いうわけで転職しました 本来の職種は相変わらず 「前例の無い事をなんとか形にして」をなんとかするデベロッパとしてですが、 「UX Developer として組織的に UX とかそういうの強くして」というのも兼任しております で、入社して1週間経って、早々と「じゃあ、出来る UX デザイナー/ディレクター/エンジニア を社外から引っ張るとか、採用募るとか、属人性の高い他力本願にしないで、組織として体制を整える方向で行きましょうよ」ということで作ったのがこのスライドです このスライドについて 昨今、割とどのソフトウェア・Webサービス開発の現場でも「UI/UX デザイナーを募集します」と求人出しています。 しかし、求人出してるところって、そもそもそういう人材が不在で、受け入れ態勢整ってない事多いのが実情です。 そして、その後どうなるかというと、その人の属人性に大きく依存した働きのみが期待さ
スマフォやタブレットに最適なナビゲーションの考察 -見た目のレスポンシブではなく操作性で！
スマートフォン、タブレット、ラップトップタイプのタブレットなど、タッチデバイスに最適なナビゲーションの考察を紹介します。 単に見た目のレスポンシブではなく、操作性を考慮したレスポンシブです。 Responsive Navigation: Optimizing for Touch Across Devices 下記は各ポイントを意訳したものです。 各デバイスのサイズ 各デバイスのタッチ方法 タッチデバイスに最適なナビゲーションの位置 デモ スマフォ・タブレット・ラップトップタブレットのサイズ まずは、デバイスごとのスクリーンサイズを確認してみます。 過去2ヵ月にリリースした主要なスマートフォンのサイズ一覧です。
レスポンシブWebデザインの勘違いについて
ぼうくん | VoQn 🎨 @VoQn ちょいと待った。「メンテナンスが楽」「一貫性のあるデザイン」「親切、安心設計の操作性」とか大嘘すぎる。それらは本気でやった場合のみ叶うものでパラダイムが持つメリットじゃない / “レスポンシブWebデザインのメリット、デメリット比較ま…” http://t.co/SJOVjnbK 2012-11-13 07:07:27 ぼうくん | VoQn 🎨 @VoQn RWD でメンテナンスが楽とか何寝言いってんの、っていうかそもそも昨今の RWD 採用例はだいたい単発の使い捨てスペシャルサイトかリニューアルで作ったばかりでメンテナンスコストの検証どこも出来てないだろ 2012-11-13 07:09:51
HMDT＆ニコ動アプリ開発者が語る！ Web CAT Studio「スマートフォンUXの最前線」勉強会レポート - はてなニュース
はてなでスマートフォンアプリの開発を担当している、id:ninjinkunこと浅野慧です。近年、スマホアプリは「ユーザー体験（UX）」が非常に重要と言われており、筆者もUXの勉強に勤しむ毎日です。そんな中、エンジニア＆クリエイターを支援するコミュニティ「Web CAT Studio（運営：リクルートエージェント）」が「スマートフォンUXの最前線」という勉強会を開催すると聞いて、お邪魔してきました。勉強会当日のレポートと、Web CAT Studioが積極的に勉強会を開催している理由を伺ったインタビューをお送りします。記事の終わりには、関連書籍のプレゼントのお知らせも！ （※この記事はWeb CAT Studio／株式会社リクルートエージェントの提供によるPR記事です） ▽ スマートフォンUXの最前線 : ATND 「UX」とは「ユーザー・エクスペリエンス」「ユーザー体験」の略で、簡単に言う
Wantedly 航海日誌 — 素人デザインのWantedlyが、一流デザイナーの手によって生まれ変わるまで
今日の航海日誌は仲がお送りします。 本日、Wantedlyが新デザインによって生まれ変わりました。それまでのプロセスを振り返ってみたいと思います。まだ名は明かせないのですが、めちゃくちゃ優秀なデザイナーがWantedlyに参画してくれました。暫定的に、T君と呼びます。 そもそもWantedlyのデザインの何が問題だったのか？ひとことでいうと、全体的に「筋が通っていなかった」というのが問題でした。旧デザインは、私が、「なんとなく、いいと思うから」という理由で、全体の整合性もとれないままにどんどん積み上げていったものでした。だから、ページごとにデザインの一貫性がなかったり、ところどころおかしいところも満載。 そこで、いつもチーム内では「プロのしっかりしたデザイナーにチームに入って貰いたい」という声がありました。そんなときに、CTO@kawasyの紹介でやってきたのがT君。 デザイナーT君の参画
Code Learning Guides | Envato Tuts+
If you want to become a better developer, try these code learning guides. Each one is a hand-picked collection of free code tutorials on a relevant theme, like WordPress Gutenberg or creating an Angular app. Find everything you need here, whether you’re a web developer or mobile app developer, and no matter which programming language you use. These learning guides bring together over a decade of f
gifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない : きよおと-KiYOTO
6月20 gifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない カテゴリ:Awesomeデザイン http://blog.livedoor.jp/clock510/archives/1818437.htmlgifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない モーションデザイナーUKYO Inabaさんの作品 東京23区の区章をカラフルでスタイリッシュなgifアニメーションで表現した斬新なアイデア。 普段、目にする状態だといかにも紋章といった感じで堅苦しく、道路標識などで無意識に見ていても、あまり記憶に残らないことが多いですが、これなら興味をもって身近な存在と感じられそうです。（6/21追記：コチラもおすすめ→東京23区のgifアニメに新展開〜 映画のオープニングのようなクールな表現がスゴイ!!） uky0178(UKYO I
Ux overview fxworkweek_april2012
It's been a few months now since we merged the mobile and desktop Firefox user-experience teams into one supercharged all-platform Firefox design juggernaut (in the good sense). In that time, we've been hard at work digging into the next set of features and improvements, as well as pursuing one of our major goals for the year: getting Firefox to feel more like one product — more Firefoxy — across
)
Microsoft の設計原則 - Windows app development
優れたデザインが生まれる原点 Microsoft の設計原則に従うと、ユーザーを喜ばせるすばらしいストア アプリを作ることができると考えています。アプリの計画を立てるときはこの原則を参考にし、設計と開発で何かの選択をするときにはこの原則に従ってください。 モダン デザインについて Microsoft は長らく、多くの分野と製品でテクノロジ リーダーでした。最近になって、よりデザインを中心とする変更に着手しました。こうした変更は、強力な基盤、周囲を巻き込むようなワクワクするアイディア、優れた手法を特徴としていて、その他の手法を古臭く感じさせることになります。この変更の考え方が、Microsoft の設計原則になりました。 Microsoft の設計哲学は、すばやく動作し、最小限の入力で済み、新しい情報や更新された情報を自動的に通知する、明瞭で簡潔なアプリ画面で裏付けられています。ユーザーは、
Android デザインを訳してみた
Android Designというサイトがなかなか面白かったので訳してみました。 アプリを作る上で気をつけるべき事を一般論とAndroid特有の事がそれぞれ書かれてあります。 ようこそAndroid Designへ これはAndroidアプリの優れたデザインをする方法を学ぶためのものです。 クリエイティブビジョン 目次 始めに・クリエイティブビジョン ・デザイン原則 ・UI概要 スタイル・デバイスとディスプレイ ・テーマ ・タッチフィードバック ・測定基準とグリッド ・タイポグラフィティ ・色 ・アイコンデザイン ・文章の書き方 パターン・NewAndroidでの新しい事 ・ジェスチャー ・アプリの構造 ・ナビゲーション ・アクションバー ・マルチペインレイアウト ・スワイプビュー ・セレクション ・通知 ・互換性 ・純粋にAndroid 開発用の部品達・タブ ・リスト ・グリッドリスト
フォントの基本的な選び方
フォントの基本的な選び方を、備忘録的にまとめてみました。 フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。 フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。 （それに縛られすぎてもいけませんが…（あえてインパクトを出すために違う印象のフォントを組み合わせたりする）、基本的な選び方として知っておくと良いと思います。） 私は以下の順番でフォントを選んでいます。 恐らく他のデザイナーさんも、この順番だと思います。 1. フォントの系統選び 2. 選んだ系統から、さらに書体を選ぶ 3. 書体のウェイトを決める 4. 字間の調整 さらに具体的な手順を1つずつ説明していきます。 1. フォントの系統選び 日本では、和文フォントと欧文フォントの2つを使います。 また、和文フォントは、以下の4つに大きく分
ClearのUIを考えてみた
ClearのUIってスタンダードになりそうだと思いますか？ 一夜にして世界中を席巻したiPhoneアプリ「Clear」の裏側 でも、スマートフォンを使うのであればガラスを擦っているだけで、まったくフィードバックがないわけですよ。 タッチインターフェースに対する純然たる不満として、タップに対するフィードバックがない部分に対する疑問は激しく同意です。 iPhoneのタッチパネルで、従来のコントローラーに依存してたハズのメジャーIPの複雑な操作感のゲームが高い順位に上がってますがバブルだと思っています。 まぁiPhoneの大きな母数に支えられた知名度のバラ売りでしょうね。 しかし、だからと行って、まったくタッチがないUIがスタンダードになるとは思えない。 Clearはすごく勉強になる。アップルのUIコントロールに依存しないで自らインタラクションを作ってるアプリって凄く尊敬する。デザインができてな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
nh-lab.com
Android Design - Metrics and Grids
レトロなデザインが素敵なスマートフォン・ウェブサイトのUIのまとめ
iOSアプリがAndroidよりクールな理由
わかるようにする