wulin.comの記事紹介(www.vevb.com):Netease weibo、HTML5の実際の開発。
HTML5は、国内外のインターネット開発チームにますます好まれています。外国人、GoogleはChrome Web Storeを熱心に開発しており、MicrosoftはHTML5テクノロジーの開発をサポートするアイリッシュスプリングテーマのWebサイトをリリースし、NokiaはNokia Map Businessの購入と構築に多額の投資を行っています。国内のインターネット大手は、海中から吹き飛ばされた新しいWeb開発基準にも関心があり、HTML5製品のテストを開始しています。
Netease WeiboのiPhoneプラットフォームWebアプリ製品は、2012年第1四半期に正常に発売されました。このプロジェクト開発から学んだ経験とレッスンを共有します。HTML5開発環境であなたと一緒に成長したいと考えています。
人員配置
1。開発者の構成
プロダクトマネージャー:1人。
インタラクションデザイナー:1;
ビジュアルデザイナー:1;
フロントエンドエンジニア:1;
バックステージエンジニア:2;
テスター:1人。
2。開発時間
インタラクションデザイナー:22営業日。
ビジュアルデザイナー:14営業日。
フロントエンドエンジニア:50営業日。
バックエンドエンジニア:元のバックエンドデータを使用しているため、データを呼び出すためにフロントエンドエンジニアと協力するだけが必要です
その中で、インタラクションとフロントエンドは、開発サイクル全体で最も長い時間を使用しています。
NetEase Weibo Webアプリ開発プロセス
1。機能要件計画:Webやローカルクライアントとは異なります
担当者:プロダクトマネージャー。参加者:インタラクションデザイナー
NetEase Weibo Webアプリ(すべてこの記事の携帯電話を参照)は、Web製品とは異なり、地元のクライアントとも異なります。
1. Webと比較して、Netease Weibo Webアプリには、モビリティやメディアリッチなどの強い利点があり、小さな情報プレゼンテーションスペースやディープ情報アーキテクチャなどの短所があります。 2つの使用状況は異なります。 Weibo Webは、豊富な時間と優れたネットワーク条件の下で没入型で使用されています。 Weibo Webアプリは、ほとんど些細な時間と不均一な品質のネットワーク条件の下で使用されます。
したがって、NetEase Weibo Webアプリは、大規模で完全な機能を回避し、Webからモバイル環境のユーザーが最も一般的に使用する機能を抽出して選択し、モバイル側に一意のニーズ関数を追加する必要があります(ローカライズされたサービス関数は反復段階で考慮されます)。
2。ローカルクライアントと比較して、Netease Weibo Webアプリには、インストールなし、単純なアップグレード、低開発コスト、および適応可能なレイアウトの利点があります。また、応答速度の遅い速度、携帯電話のネイティブコントロールを取得するための低許容、およびわずかに弱い安定性の利点もあります。
2つの利点と短所に基づいて、Netease Weibo Webアプリは、地元のクライアントの高品質のエクスペリエンスに追いつき、軽量かつ高速で確保する必要があります。
一言で言えば、Webアプリの機能は、モバイル環境でユーザーの最もコアニーズを満たしているWebおよびローカルクライアントの機能よりも洗練されている可能性があります。
以下に示すように、netease weibo Webアプリ機能計画:
2。情報アーキテクチャの設計:可能な限り浅くて狭く
担当者:インタラクションデザイナー。参加者:プロダクトマネージャー
モバイルインターネット製品を作成した人は、情報アーキテクチャが可能な限り浅く狭くなる必要がある理由を知っている必要があります。最大の理由は、携帯電話の小さくて高価なディスプレイスペースです。携帯電話のローカルクライアントの情報アーキテクチャは浅くて狭くする必要があり、ブラウザのページにはブラウザのボトムツールバーが常にあるため、これをさらに必要とします。下の図に示すように:
携帯電話画面の下部にあるブラウザツールバーは、Webアプリ製品では非常に役に立たない:Webアプリ自体は閉ループアプリケーションであり、ブラウザツールバーは必要ありません。大規模な情報アーキテクチャに影響を与えない場合でも、貴重なディスプレイスペースを侵食し、ナビゲーションシステムの設計に重要な影響を与えます(この部分は、前の記事「iPhone Webアプリのナビゲーションデザインに関するディスカッション」で簡単に分析されました。)。