iOSやMacのアプリなどのデザイン事例や素材を集めたサイト「iOSUp」
マテリアルデザインの事例集として「MaterialUp」が有名ですが、その兄弟サイトとしてiOSやMacのアプリやアイコンなどのデザイン事例や素材を集めたサイト、「iOSUp」がオープンしたとのアナウンスが届きました。 ざっと眺めてみるとApple WatchやiPhone、iPadなどのモックアップや各種UIキット、Apple TV用のデザインテンプレートなど、数はまだ少ないものの充実した内容となっています。 iOS & Mac Design and Development, Daily – iOSUp 実際にアプリなどを作る時の参考にしたりUIデザインのインスピレーションを得るときの参考にしたりできるんじゃないでしょうか。 毎日眺めるだけでも充分楽しそうだとも思います。
アップルとグーグルのガイドラインに学ぶスマホWebデザインの要点（スライド付） | ベイジの社長ブログ
スマートフォン対応させるWebサイトが急増しています。しかし、スクリーンが小さくタッチ操作がメインのスマートフォンでは、デスクトップ向けWebサイトのデザインで培ったノウハウの多くが通用しません。このような時代におけるスタンダードなデザインルールを学ぶために、弊社デザイナーの荒砂を中心に、Appleが公開しているiOS Human Interface Guidelineと、Googleが公開しているMaterial Design Guidelineの比較を行いました。（以降、両者をガイドラインと略します） スマートフォン向けのWebサイトのデザインを考える上で、アプリのUIデザインの定石を知ることは重要です。なぜなら、スマートフォンにおいてはWebサイトをブラウズする機会は14％しかなく（comScore調査／2014）、多くの時間をアプリの中で過ごしているためです。さらにユーザは「これは
リアルタイム・アラート ｜ EFO（入力フォーム最適化）のエフトラ EFO
リアルタイム・アラート機能とは、フォームに入力された文字の入力形式や文字数をリアルタイムに判別し、ミスがある場合はその場でエラー表示を行なう機能です。 エフトラ EFOでは、通常の入力形式（かな、カタカナ、英数字、半角/全角など）に加え、メールアドレス形式や電話番号（ハイフンと数字）、URL、ドメインなどの特殊な文字列形式にも対応しています。 さらに、他の入力項目の内容と一致しない場合（メールアドレス確認欄などに使用）や、正規表現の指定による自由なカスタマイズも行なっていただけます。 また文字数については最大文字列や最小文字列の数値指定、禁止文字列の指定が可能です。 フォーム入力において、ユーザーが最もストレスを感じる瞬間のひとつがエラー表示です。 とくにミス無く入力した、と思っていたのに予想外のエラーが出ることに大きなストレスが生じます。 ボタン押下後に出るズラリと並んだエラーを修正する
モバイルのためのUXデザイン②：インタラクション編 | UX MILK
Elaineは、13年以上Webデザインに携わっているベテランのWebデザイナーです。ユーザーエクスペリエンスやWebデザインに対する思い入れが強く、執筆活動も盛んに行っています。ロンドンを拠点としたUXデザイン事務所Foolproofで、ビジュアルデザイン部の部長を務めています。 インタラクションデザイナー・Elaine McVicar氏によるモバイルのためのUXデザインシリーズ。第2回目の今回は、情報アーキテクチャに基づいた、モバイルサイトにおけるインタラクションデザインを考察します。様々な実例をもとに、モバイル向けのデザインとPC向けのデザインがどのように異なるのかを解説していきます。 私が初めて手にした携帯電話はNokiaの5110という機種で、1998年に購入しました。基本的な機能は通話とテキストメッセージのみで、ゲームはヘビゲームだけしかプレイすることができませんでした。携帯電
スマートフォンサイトのUIデザイン考察 〜ナビゲーション編〜
こんにちは、ウミの森山です。あっ・・という間に年の暮れですね！先日ウミの忘年会も終わりまして、時が過ぎる早さに焦り気味の私です。 さて本日は、「スマートフォンサイトにおけるUIデザイン」について書きたいのですが、 その中でも特に重要な役割を果たしている「グローバルナビゲーション（メインメニュー）」について掘り下げてみたいと思います。 スマホサイトの使いやすさを左右するナビゲーションメニューあれこれ 普段スマートフォンでサイトを閲覧される機会の多い方であれば、よく見かけるナビゲーションデザインのパターンがいくつか思い浮かぶかと思いますが、ここではスマートフォンサイトで使われているナビゲーションのUIパターンをいくつかご紹介したいと思います。 1. ハンバーガーボタン + プルダウン(ドロップダウン)メニュー これがもっとも一般的なスタイルでないかと思います。「 ≡ 」のアイコンをタップすると
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
lovely ui
device: iphone / ipad / android / app icons / app store / badges / buttons / calendars / capture / coach mark / comments / compose / count / detail / empty states / feed / graphs / home / icons / launch screen / list / login / maps / media player / navigation / notifications / popovers / profile / search / settings / share / stats / walk throughs / trends: circles / gradients / ghost buttons / rai
userflowpatterns.com - このウェブサイトは販売用です！ - userflowpatterns リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
モバイルに対するUXデザインでパニックに陥らないための3つの指針
by Mike Rohde 「モバイル」という言葉は一つの意味を示すのではなく、多くのことを描写するために使われます。しかしユーザーエクスペリエンスデザインを考えた時、この「モバイル」という漠然としたもののために、どのようにデザインを行えばいいのでしょうか？様々なソーシャルサービスやメディアに対応したシェア・フォローボタンを簡単にサイトに設置できるサービスAddThisでUXリサーチを行うUXMatthewさんは、このUXデザインについて、一般に万能と言われるソリューションを離れて3つの指針を述べています。 Don’t Panic! UX Methods Apply to Mobile | AddThis Blog http://www.addthis.com/blog/2013/04/30/dont-panic-ux-methods-apply-to-mobile/ ◆01：我々はユーザ
inspired-ui.com - このウェブサイトは販売用です！ - inspired ui リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Pttrns — Mobile User Interface Patterns
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
UXArchive - Made by Waldo
Introducing Sessions: the latest product from Waldo!
累計32種！UIが優れたiPhoneアプリの部分デザイン（ヘッダ・フッタ編）
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
スマホサイト最適化25の最新ルール | グロースハックジャパン | growth hack japan
Ryutaro Mori TwitterでGHJをフォロー！ FacebookでGHJをフォロー！ NEW スタートアップに欠かせない6種類の人間 検索エンジン大手グーグルが、スマホサイト最適化に関する大規模なリサーチを行いました。 その結果から導き出した「スマホサイト最適化25のルール」は、モバイル時代、特にtoCビジネスには欠かせない内容です。 調査に関して 本調査は、GoogleとAnswerLabの共同指揮の下に行われました。 モバイルサイトにとって最良のデザイン慣行を提言することを目的に行われた本調査は、以下の方法論で実行されています。 ・シカゴ・サンフランシスコにて、119時間のユーザービリティテストを敢行 ・iOS・Android両方を含むユーザーに調査を実施 ・ユーザーは、商品の購入、価格の調査、予約など、コンバージョンに関連するタスクを実行し、各サイトのユーザービリティを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UI Movement - The best UI design inspiration, every day
カスタマイズ設定でUIを大幅に向上させたSHOPLIST
ユナイテッドアローズ公式通販 -UNITED ARROWS LTD.-
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
事例紹介 | 株式会社インフォバーン