Introducing Sessions: the latest product from Waldo!
![UXArchive - Made by Waldo](https://cdn-ak-scissors.b.st-hatena.com/image/square/162526f5e5f3e194b34a706e616d3222f4b366c7/height=288;version=1;width=512/https%3A%2F%2Fwww.uxarchive.com%2Fog-image.png)
Introducing Sessions: the latest product from Waldo!
Feedly: Your Google Reader, Youtube, Google News, RSS News Reader 14(無料) カテゴリ: ニュース, エンターテインメント 販売元: DevHD – DevHD Inc Website RSSフィードリーダーのFeedly。メインカラーとして鮮やかな黄緑を使っており、カテゴリー部分では色を多用しています。慣れればどのカテゴリーかぱっとわかりそうで良いですね。 Infomatic Website Infomaticは自分のTwitterやFacebookの使用状況を統計で確認できるアプリ。残念ながら日本のアップルストアではダウンロード出来ませんが、青をベースとした配色が綺麗ですね。 Figure
スマフォのアプリがスタートしてまだ4年足らずだが、アプリ市場は急激に成長しており、世界中のビジネスパーソンが、アプリ開発で一攫千金を狙っている。では、アプリ成功の鍵とはなんだろうか。僕は現在ヒットしているアプリをリサーチすることと、UIデザインの2つが特に重要だと考える。 モバイルアプリのUIデザインは、パソコンやタブレットと比べて画面が小さいため、今までとは異なった「限られたスペースで行う使いやすいデザイン」が重視される。例えば、広告スペースや、会員登録ボタンのデザインも慎重に検討しなければなれない。表示するコンテンツのボリュームも最小限に留めるべきである。 では、どうすれば「使いやすいデザイン」を生み出せるか。それは海外のヒットしているアプリを徹底的に試してみることだ。例えばFacebookアプリやPathアプリは絶対に参照したほうがいい。 今回は「絶対に抑えておきたいモバイルUIデザ
ピックアップアプリ7選 上記の調査対象20社のアプリの中から、「特徴的なアプリ(独断と偏見です)」を7つピックアップします! 1.WEGO(WEGO Co., Ltd.) 今回調査した中で、SHIPSと並んで非常にコンテンツの多かったアプリ。スタッフの着こなしがスライドで眺められる「STAFF STYLE」、Webストアの閲覧(WebView)、スクラッチでもらえる月別カレンダー画像、店舗検索(GPS検索あり)、ショップブログの閲覧(WebView)、ニュース、メルマガ誘導、色設定などなど。 ソーシャルメディアとの連携は、各ブランドページの閲覧機能に加え、「STAFF STYLE」のシェア機能あり。 iPhoneアプリ、Androidアプリ共にあり。 2.無印良品 衣料品コーディネートカタログ(Ryohin Keikaku Co., Ltd.) モデルによるコーディネート写真と、使用されて
世界的なスマホの急速な普及とそれに伴う様々なアプリの登場と共に、モバイルデバイス向けのUIデザインも様々な試行錯誤と進化を続けているようです。今回は、デザインにはこだわりのある人気ITメディアThe Next Webのスタッフが選んだ次世代のモバイルアプリを担う15のUIデザインを紹介します。 — SEO Japan コードを学ぶのと同じように、デザイナーとして上達する一番の方法は、習うより慣れることだ。それでもやはり、優れた作品を称賛して模倣すること(という名の練習)が驚くべき効果を発揮しないというわけではない。何よりも、他のデザイナーが過去にしたことを見ることは、相当な時間の節約になる。なぜならデザインには歴史があり、誰もが有効なものと有効でないものから学ぶべきだからだ。 今回の記事では、あなたのデザインのインスピレーションのなるような、15の見事なユーザーインターフェース(UI)のリ
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい! ↑私が10年以上利用している会計ソフト! スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください! 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック(タップ)範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
最近、色々とスマートフォンの情報を集めているので、その情報を整理してみました。今後5年でモバイル契約数の過半数に達するという予測もあり、今後急速に対応が進むことと思われます。スマートフォンはPCともモバイルとも違うので、また独自のユーザービリティやアクセシビリティを考えないといけないようですね。 私が調べてた中で有用そうな情報をまとめています。スマホサイトの基本からマーケティングデータ、デザイン・構築、その他とカテゴリ別にご紹介します。 スマートフォンサイトの基本に関する情報 そもそもスマートフォンサイトって?という人向けです。最適化ってなんだよ?というところからわかります。PCサイトとはやはり色々違いますね。 Webサイトのスマートフォン対応 7つの基本ルール (2011.1.31 Web担当者Forum) PCサイトや携帯サイトとは異なるノウハウが求められるスマートフォン対応サイトの7
これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違う、機種によってCSSが適用されないという昔のモバイルサイトより大変なことがおきているようです。 またシミュレーターを使ったり、実機をたくさん揃えたり、レンタルしたりとPCサイトより手間な制作の時代に逆戻りですね・・。 友人に聞いたら現在は案件よってはiphoneのみ対応、iphoneとdocomoを対応、すべて対応などさまざまなようですね。まあこれは予算によるのかもしれませんね。 僕はまだ本格的なスマホサイトの仕事
jQuery Mobileに関して少し整理したいので まとめました。JQMを使うときに知っておくと 便利そうなTipsとか情報とか。いくつか自分 の記事も含まれているのが若干アレなんです が、ご了承ください。内容はコードのみ、では なく、参考サイトなど一貫性無い感じですが。 整理するのが下手なもので一貫性に欠ける内容で申し訳ないですけど、jQuery Mibileを使ったWebサイト構築時のちょっとしたTipsや役に立つ情報などのまとめです。 ページ移動にAjaxを使わないようにするプラグインの前に記述。リンク単位でならマークアップでrel=”external”を、フォームはdata-ajax=”false”を加える。 <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script type="text/
もう知らないでは許されない!!「これからはじめる」という人のためのjQuery Mobile情報まとめ Tweet 2011/5/27 金曜日 matsui Posted in Android, iPhone, 記事紹介・リンク | 4 Comments » モバイルサイト作成のためのフレームワーク「jQuery Mobile」が、すごい人気ですね。 当初は数ある選択肢の中の一ツールとして程度の扱いでしたが、AdobeのDreamweaverが本格対応するなど、その勢いは留まるところを知らず、根幹的な技術になりそうな気配すらあります。 今回は過去に当サイトで掲載させていただいた情報も含め、jQuery Mobileを学ぶ上で知っていた方が良さそうなリンクをまとめてみました。 本家サイト。英語が苦手な私は、主にダウンロード用途ぐらい。 → jQuery Mobile 本家サイト(英語) [j
Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば! jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
スマートフォン向けサイトの作り方エントリのまとめ。 スマートフォン元年といわれる2011年ですが、注目を集めているせいか、サイト作成法についてのエントリも盛り上がりをみせていますね。 個人的にもしっかり覚えておきたかったのでまとめてみました。 基本的には解像度が大きく異なるので、それにあったインタフェースに変えましょうね、という点と、HTML5/CSS3が使えるので駆使して楽にUIデザインしましょうという点、ユーザインタフェースがマウスではなくタッチである、という3点以外は、普通のサイト作りと変わりませんが、クセやバグがあったり、テクニックもあるので、しっかり押さえておきたいですね。 基本 スマートフォン向けサイトの作り方|ユージック サイトの幅、高さ viewportによるズーム指定の方法 便利なJSライブラリ ユーザエージェント シュミレーター 等の有用情報 Androidサイトは横幅
最近普及しているスマートフォンですが、その専用のサイトを作っている所も多くなってきました。 WEB制作の会社でもスマートフォンサイトを制作する事が多くなってきたと思います。 スマートフォンは指で操作するのでパソコンとはまた違ったデザインになっています。 そこで、デザインをまとめているサイトをまとめてみました。 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス 全iPhoneサイト一覧|iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト 全iPhoneサイト一覧|iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト スマートフォンサイト集めました。 スマートフォンサイト集めました。 iShowcase – 国内のiPhone / iPad最適化対応をしたサイトを
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く