『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている ：国内・海外情報から見える『企業のWEB活用法』：ITmedia オルタナティブ・ブログ
中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者：中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き
Top 40+ Free Web UI Kits & Templates – Speckyboy
Web UI kits are pre-designed collections of user interface components that can help you save time and streamline your design process. These kits typically include common design elements such as buttons, menus, forms, and icons. Rather than starting from scratch, you can use a UI kit as a foundation for a design and customize it to fit your specific project requirements. This can be especially usef
押さえておきたい、iPhoneアプリのデザイントレンド：ekakou フリーフォント/Photoshop
デフォルトのUIに似せたデザインアプリケーションの中で新しいOSを作る事によって、アプリケーションが楽しくなる場合があります。 しかし、ユーザーはただそのアプリケーションを使って物事を済ませたいだけです。 ユーザーが使い慣れたレイアウトとUIを使う事により、説明なしに素早くアプリケーションが使えるようになります。 iPhoneアプリケーションを設計する上で、このアプローチは非常に有効だと思えます。 Facebook[iTunesでダウンロード] Tweetdeck[iTunesでダウンロード] シンプルなインターフェースユーザーは何を求めていますか？ 直感的でシンプルなインターフェースにすることで、ユーザーが入手したい情報を的確に得る事が出来ます。 Flickr[iTunesでダウンロード] 金属的な見た目 Convertbot[iTunesでダウンロード] iHandy Level (i
ところでiPadアプリってどうやって作るの？てなったときに読む記事
こんにちわ。4-ROOMSが終了なんてショック過ぎ！やしこです。 最近iPadのデザインに関わる機会がありまして、情報がまだまだ少なかったのでまとめてみました これからiPadのデザインをする方のお役に立てばうれしいです 今回はTwitterクライアントやリーダーで主流な２カラム型のアプリデザインです ePub（電子書籍）の作り方は先月のMDNで特集されていました iPadにしか見られない（WEBにない）仕様 縦横で画面構成が変わる iPadはiPhoneと同じく持ち方によって画面レイアウトが変形します。 縦横２パターンデザインする必要があります 意外とデザインをモニタの中だけで詰めていくと忘れる動きなので はじめにワイヤーに盛り込まれているか確認した方が良いと思います。 PopOver 項目の詳細を見たいときは画面遷移ではなくてPopOverとよばれる吹き出しのようなものがオーバーレイし
Mobile App Gallery｜tappgala.com
Mobile App Galleryは各種アプリのデザインギャラリーサイトです。カテゴリごと、色ごとに分けて分かりやすく表示しています。
Getting Started with Interface Design | Envato Tuts+
In this article we look at five fields that you should aim to learn more about in order to rock at interface design. These fields include Experience Design, Interaction Design, Information Architecture, User-Centered Design, and Graphic User Interface (GUI) Design. Introduction Remember when web designers created sites or applications based on what they thought looked good and worked well? That th
テーブルを見やすく、使いやすくするためのアルティメットガイド
ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「（エクセルでいうところの）行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単
What to Expect in 2010: UX/UI Design Simplicity - Web Designer Wall
Guest Post by Chuck Longanecker In January of each year, we flip over the hourglass and, once again, we have everything in front of us. The new year gives us a clean slate, a chance for change and encouragement to evolve the way we do things. In the past, we’ve yielded to client and user requests to pack our website designs full of unrelated features and countless pages of duplicate information. T
世界のクリエイティブな図解集「Information is beautiful: 30 examples of creative infography」: DesignWorks Archive
人間がつくったものだけではなく、世の中には様々な仕組みが作られていて、それははっきりと目にできるものでもなかったりします。今日紹介するのは世の中の様々な仕組みを表した、世界のクリエイティブな図解集「Information is beautiful: 30 examples of creative infography」です。 Ancient Hebrew Cosmology on Flickr - Photo Sharing! 精神的な世界から科学的なものなどなど、様々な図解がまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。 詳しくは以下 ■Infographic of the Day: We're Getting Good at Going to Mars | Design & Innovation | Fast Company 各国の火星プロジェクトの
interlogue : Dieter Rams：Ten commandments on design
Good design is innovative. 良いデザインは、革新的である。 既存製品の形を真似るものでもなく、単に新奇性のための新奇性を生み出すのでもない。革新の神髄は、製品の機能すべてに明確に見て取れなくてはならない。 現在の技術的発展は、革新的なソリューションを生み出す新たなチャンスを提供し続けている。 Good design makes a product useful. 良いデザインは、製品を有用にする。 製品は使われるために買われる。それは、中心的機能においても付加的機能においても、明確な目的を果たさなければならない。デザインの最も重要な任務は、製品の有用性の効用を最大化することである。 Good design is aesthetic. 良いデザインは、美的である。 製品の審美的側面は、製品の有用性と不可分である。なぜなら、毎日使う製品は、私達の快適な暮らしを左右する
High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ | warikiru
2009-11-24 High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ ラベル: performance CSS Nite in ISHIKAWAで話をしてから1ヶ月経ったので、薄れゆく記憶の復習も兼ねて思いの丈を綴ってみたｗ High Performance Web Design 1. What's High Performance?ここでいうパフォーマンスというのはWebサイトの表示高速化についてです。つまり、ページをいかに早く表示させるかという課題です。でも、そうゆうのってサーバー側の問題でしょ？システムエンジニアの管轄じゃないの？と思われがちですが「ハイパフォーマンスWebサイト」の著者であるSteve Soudersの調査によると、80:20。一般的にユーザーの待ち時間の実に80%がブラウザ側、フロントエンドで費やされて
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事