window.pipedriveLeadboosterConfig={です。 ベース:'leadbooster-chat.pipedrive.com'、 companyId:11580370, playbookUuid: '22236db1-6d50-40c4-b48f-8b11262155be', version: 2、 } ;(function () { var w = window もし (w.LeadBooster) {なら console.warn('LeadBooster already exists') } else { w.LeadBooster = { {. q: [], on: function (n, h) { this.q.push({ t: 'o', n: n, h: h }) }, trigger: 関数 (n) { { this.q.push({ t: 'o', n: n, h: h }) this.q.push({ t: 't', n: n }) }, } } })() モバイル・ファースト・アプローチ - The Codest
The Codest
  • 会社概要
  • サービス
    • ソフトウェア開発
      • フロントエンド開発
      • バックエンド開発
    • Staff Augmentation
      • フロントエンド開発者
      • バックエンド開発者
      • データエンジニア
      • クラウドエンジニア
      • QAエンジニア
      • その他
    • アドバイザリー
      • 監査&コンサルティング
  • 産業
    • フィンテック&バンキング
    • E-commerce
    • アドテック
    • ヘルステック
    • 製造業
    • 物流
    • 自動車
    • アイオーティー
  • 価値
    • CEO
    • CTO
    • デリバリー・マネージャー
  • チーム
  • Case Studies
  • ノウハウ
    • ブログ
    • ミートアップ
    • ウェビナー
    • リソース
採用情報 連絡先
  • 会社概要
  • サービス
    • ソフトウェア開発
      • フロントエンド開発
      • バックエンド開発
    • Staff Augmentation
      • フロントエンド開発者
      • バックエンド開発者
      • データエンジニア
      • クラウドエンジニア
      • QAエンジニア
      • その他
    • アドバイザリー
      • 監査&コンサルティング
  • 価値
    • CEO
    • CTO
    • デリバリー・マネージャー
  • チーム
  • Case Studies
  • ノウハウ
    • ブログ
    • ミートアップ
    • ウェビナー
    • リソース
採用情報 連絡先
戻る矢印 戻る
2017-08-04
ソフトウェア開発

モバイルファーストアプローチ

クラウディア・ミガッチ

ウェブページを「終わり」からデザインする?なぜそうしないのか!レスポンシブ・プロジェクトを作るには2つの方法がある:デスクトップ・バージョンをデザインし、そのコンテンツや機能を次々にカットして必要なものだけを残す方法と、モバイル用に凝縮したデザインを作り、それを拡張する方法だ。

縮小することの問題点は、デスクトップの技術がすべてモバイルデバイスに適しているわけではないことを常に念頭に置いておかなければならないこと、そして「カット」されたバージョンは不完全でプロらしくないと感じられることがあること、そしてデスクトップのウェブサイトを調整することで、必要ないにもかかわらず大きなコンテンツをダウンロードすることにつながることだ。

モバイルファーストアプローチは、アイデアの核となる部分を抽出し、最も重要なコンテンツは何か、見せたい目的は何かを念頭に置くのに役立つ手法です。必要なときに不必要なものを最小限に抑えることで、ページのパフォーマンスを上げることができ、モニタリングも容易になる。また、重要なものを減らすよりも、トリッキーなものを追加する方がUIパターンを設計しやすい。また、アクセシビリティの観点からも、遅いデバイスがどのように反応するか?デスクトップ・デバイスはモバイルよりもパワフルであることが多いので、以下のようなことが容易になる。 コード 新機能は追加機能であって、低速のものでは本当に使えないベースではない。しかし、モバイルのデザインが生々しく荒々しくなければならないというわけではない。どちらのバージョンもブラウジング中の閲覧者にとって奥深いものであるため、制限を考慮した上で、複雑で魅力的であるべきだが、体験が同一でなければならないということでもない(実際、そうすることはできない)。

モバイル・ビューの課題は、いかに軽量で直感的なエクスペリエンスで、できるだけ多くの機能を配置するかということだ。デスクトップは多くのミスを許してくれるが、モバイルはそうはいかない。最初に大きな獲物を狙えば、その後の開発はずっと楽になる。タップとスワイプのことを思い出せば、クリックに変換する間に考えることはあまりない。

何が難しいのか?私が思うに、モバイルビューから始める際に最も難しいのは、明確なビジュアルデザインコンセプトの欠如である。この問題は、クリエイティブで芸術的な観点から来るもので、モバイル版は時にデザイン不足になる。純粋でミニマルなデザインでない場合は特にそうだ。直感的な操作性はもちろんのこと、小さなスペースに収まり、なおかつ魅力的でクリアに見えなければならない色や形の構成には、気を配らなければならないことがたくさんある。解決策は?私は、できるだけ多くの視覚的なアイデアですべてのバージョンをスケッチし、技術的で純粋なユーザー体験とフロントエンド開発の観点からモバイル・オプションを開始することをお勧めします。それは、両方の視点から長所だけを得るための妥協点であり、この迷路に対する最良の答えのように思える!

関連記事

ソフトウェア開発

将来を見据えたウェブ・アプリケーションの構築:The Codestのエキスパート・チームによる洞察

The Codestが、最先端技術を駆使してスケーラブルでインタラクティブなウェブアプリケーションを作成し、あらゆるプラットフォームでシームレスなユーザー体験を提供することにどのように秀でているかをご覧ください。The Codestの専門知識がどのようにデジタルトランスフォーメーションとビジネス...

ザ・コデスト
ソフトウェア開発

ラトビアを拠点とするソフトウェア開発企業トップ10社

ラトビアのトップソフトウェア開発企業とその革新的なソリューションについて、最新記事でご紹介します。ラトビアの技術リーダーたちがあなたのビジネスをどのように向上させるかをご覧ください。

thecodest
エンタープライズ&スケールアップ・ソリューション

Javaソフトウェア開発の要点:アウトソーシングを成功させるためのガイド

outsourcingのJavaソフトウェア開発を成功させるために不可欠なこのガイドを読んで、The Codestで効率性を高め、専門知識にアクセスし、プロジェクトを成功に導きましょう。

thecodest
ソフトウェア開発

ポーランドにおけるアウトソーシングの究極ガイド

ポーランドのoutsourcingの急増は、経済、教育、技術の進歩がITの成長とビジネス・フレンドリーな環境を促進していることによる。

ザ・コデスト
エンタープライズ&スケールアップ・ソリューション

IT監査ツール&テクニック完全ガイド

IT監査は、安全かつ効率的で、コンプライアンスに準拠したシステムを保証します。その重要性については、記事全文をお読みください。

The Codest
ヤクブ・ヤクボヴィッチ CTO & 共同創設者

ナレッジベースを購読して、IT部門の専門知識を常に最新の状態に保ちましょう。

    会社概要

    The Codest - ポーランドに技術拠点を持つ国際的なソフトウェア開発会社。

    イギリス - 本社

    • オフィス 303B, 182-184 High Street North E6 2JA
      イギリス、ロンドン

    ポーランド - ローカル・テック・ハブ

    • ファブリチュナ・オフィスパーク、アレハ
      ポコジュ18、31-564クラクフ
    • ブレイン・エンバシー, コンストルクトースカ
      11, 02-673 Warsaw, Poland

      The Codest

    • ホーム
    • 会社概要
    • サービス
    • Case Studies
    • ノウハウ
    • 採用情報
    • 辞書

      サービス

    • アドバイザリー
    • ソフトウェア開発
    • バックエンド開発
    • フロントエンド開発
    • Staff Augmentation
    • バックエンド開発者
    • クラウドエンジニア
    • データエンジニア
    • その他
    • QAエンジニア

      リソース

    • 外部ソフトウェア開発パートナーとの協力に関する事実と神話
    • 米国から欧州へ:アメリカの新興企業がヨーロッパへの移転を決断する理由
    • テックオフショア開発ハブの比較:テックオフショア ヨーロッパ(ポーランド)、ASEAN(フィリピン)、ユーラシア(トルコ)
    • CTOとCIOの課題は?
    • The Codest
    • The Codest
    • The Codest
    • Privacy policy
    • ウェブサイト利用規約

    著作権 © 2025 by The Codest。無断複写・転載を禁じます。

    jaJapanese
    en_USEnglish de_DEGerman sv_SESwedish da_DKDanish nb_NONorwegian fiFinnish fr_FRFrench pl_PLPolish arArabic it_ITItalian ko_KRKorean es_ESSpanish nl_NLDutch etEstonian elGreek jaJapanese