タグ別アーカイブ: Editors Pick

アンドレ ・ リベイロとのインタビュー。スクエアのウェブサイトを再設計。

From Interview with Andre Ribeiro. Redesigning the Squarespace website.

人気のホームページビルダー スクエア得たブランドの新しい外観といくつかをもらうことができた設計プロセスについての質問。
スクエア フロント サイドのチーム リーダー、アンドレ ・ リベイロはここで教えてください。
私たちは、ウェブサイトとそれに付属する課題の再設計での冒険について。
1. どのようなワシントン州ウェブサイトを再設計の最大の課題?   私たちの最大の課題は、私たちの期限だった。
番目のe エンド、2016 年までの今年私たちの新しいストラを反映するように新鮮なホームページを開始したいを実現します。
豪州の位置決めと製品の提供。
目標が最初に立ち上がって実行している何かを持っていた私たちの Su の前に、新しいデザインでどのお客様の交流を確認するために 2017年 1 月の週ボウルごと全室のジョン ・ マルコヴィッチをキャンペーンします。
以来、私たちは中にトラフィックの非常に高い量を得るゲームは、任意の大きな変化を事前に徹底的にテストすることが重要です。
我々 は再考しなければならなかったすべて私たちのメッセージング アプローチ、サイト構造、UX; を含むものや工芸品のコピーと sc からの映像わずか数ヶ月でドッキングミスを解消。
もちろん、我々 は QA と実装するだけいくつかのブレークポイントをすべてを持っていたと週間。
2 主な理由は、なぜあなたはあなたのウェブサイトを再設計の決定を下したはなんですか。
  私たち wanちょうど 2 つのエントリ ポイントを新しいユーザーに与えることによって登録の経験を簡素化するテッド: 彼らはいずれかをすることができますドメインを登録することによって開始または web サイトを作成するためにテンプレートを選ぶことができます。
我々 も sou携帯電話で全体的なユーザーの経験を改善するために右側。
次の領域を再考する私たちを率いて: かメインの最初登録-スクエアの主なサービスの一つとしてドメインの登録を提供した後、我々 は我々 の新しい製品のホテルを促進に焦点を当てたスーパー ボウル キャンペーンを開始する準備をしていたng。
 我々、ユーザー ドメイン ストレート f を検索するための迅速かつ著名な方法を作成したいです。
rom のランディング ページです。
結果は、ほとんど含まれて単純なしかし強力なドメイン検索買収コンテンツや機能のもともと我々 のドメインのページにありました。
刷新ショッピング実験ience-我々 はまた、テンプレート ストアを完全にオーバー ホールします。
いくつかのユーザー テストと洞察力のギャザの後認識し当社の顧客サポート チームによって赤、ブラウジング throu のシンプルですより強力な方法gh はテンプレートが必要だった。
私たちの顧客のフロントとセンターを置く-スクエアは、いくつかの回ジョン ・ マルコヴィッチ、レオン ブリッジ、ソフィア Amoruso、ロイ チェなど世界で最高の顧客を eちょうど少数を示すため。
これらのすべての顧客がある我々 が w 感じたような強力で説得力のある話ウルドは、機会を逃していない台座の上に置く、私たちのヒーローはホームページにそれらの機能をします。
3。
あなたのビューで web サイトの再設計で最大の優先事項はなんですか   私たちのメインの一つ目標は私たちの新しいを反映したマーケティングのページを持って、戦略およびメッセージング — ページその could 話深さのすべての混乱または圧倒的な新規ユーザーなし当社の機能製品。
我々 は w提示のさまざまな方法を試してみると同様に映像と言語を更新する anted情報・ コンテンツを販売します。
我々 の焦点は、お客様の経験を高めるためだった。
4。
詳細の問題です。
お気に入り詳細とデザインのデザインの特徴は何か   いくつかのティngs の大好きな新しいデザインについて: ホームページ-新しいの最もエレガントな側面の 1 つホーmepage は、選択した顧客と自社のウェブサイトを表示する新しい手法です。
これらの顧客の肖像ヘマタイトts は彼らのウェブサイトのスクリーン ショットは、拡張機能を自分のサイトにいる感じを作成すると共に、一人の自分。
各注目顧客についてのビデオへの迅速なアクセスを持っていること、深さと c に追加します彼らの話を成田。
テンプレート ストア-ユーザーからのフィードバックを聞いて後に、しましたを追加テンプレート ストアを改善するためにいくつかの機能。
我々 は、デザインをフィルタ リングするより効果的な方法を追加します。
また、nd は、グリッド ビューにテンプレートの簡単な説明をもたらした。
今、ユーザーことができます「心」t相続人お気に入りテンプレートは、後でそれらを参照。
これらの変更、始まりに過ぎない。
私たちプレビュー動画を追加すぐに顧客を置いたテンプレート オプションと我々 も売りさばいています。
g 特別な機能 (例えば、視差効果、検索バーなど) でテンプレートを抽出する能力。
Fiた、私たちは豊かなを構築する探しているし、よりオーダーメイドのテンプレート詳細ページ。
再テンプレート ストア新鮮な考察ユーザー痛みポイントを考慮したデザインのシンプルだが成功例であったts、各人のニーズによって反復処理や機能要求の。
携帯電話-新しい家の設計時にページのドメイン乗っ取り、新しいテンプレート ストアから物事を開始する機会を得て最初、携帯のユーザー エクスペリエンスを大幅に改善。
あなたのドのドメインを検索副は、シンプルだが強力な今です。
同じ利便性は ou を参照している場合にも適用されます。
r テンプレート。
5 は再設計されたメニューを受けるウェブサイト ’ の性能または変換ですか? ・ nbsp; ウェブサイト製品の統一の戦略的なシフトは、私たちのナビゲーションを簡素化することができましたし、したがって、さまざまなアイデアと遊ぶ。
代わりに、伝統的な “ のドメイン、web サイトとオンライン ストア ” ナビゲーション アイテム、私たちだけに頼ることができるとわかりました、“ 取得の開始・ #8221;ショッピング体験ウェブサイトへのメイン エントリ ポイントとしてボタン。
新しい"を検索、ドメイン"入力フィールド ドメインの検索の主な方法になった。
簡素化できるように、ちょうど 2 つの主要エリアへ顧客をルーティングすることにより登録の経験: いずれかのドメインを検索またはテンプレート ストア。
我々 はいくつかの良い結果を持っていた: この新しいナビゲーション パラダイムを起動した後我々両方の検索と私達とのドメインを購入する人の大幅な増加を見た。
6. ある recデザインについて、ユーザーからのフィードバックを eived?   はいしました。
別に多くの A/B テスト我々 はしばしば実行、また詳細なユーザー テスト打ち上げ後数週間のカップルを行った。
我々 は som を持ってください。
e マイナーなデザインのフィードバック、我々 は対処し、速やかにテストします。
ホームページを新しくしました再も全体的です我々 のコミュニティとどのように視覚的に魅力的で、inf を言及するユーザーとの見込み客によって ceivedormative、使い方は簡単だった。
新しいホームページと新しいテンプレート ストア作成より良い私たち小胞体よりも私たちの前の設計は、デスクトップとモバイル デバイスの両方のいずれかが発生します。
続きを読むでアンドレ ・ リベイロ、terview。
スクエアのウェブサイトを再設計。

フラットアイアン学校 #14 プログラミング学習の私の旅

From My Journey Of Learning Programming Through Flatiron School #14

私の名前はメイソン エルウッドと私 ’ 現在取り組んでいるフラットアイアン学校 m ’ s オンラインにおける Stack の Web 開発プログラム。
毎週、私 ’ 私は何私の経験について書くことに ll ’ m リー変えることとコードに学習のヒント。
ので、ここでそれは、私が今までお尻の最大の苦痛の一つ、します。
経験しました。
オブジェクト指向プログラミング。
"オブジェクト指向アプローチのアプリケーション開発プログラムのより直観的デザイン、短時間で開発、変更、および easi により従順になります小胞体を理解する「– アップル inc。
コード内のオブジェクトは、基本的に「もの」すべての t を保持します。
彼のデータは、タスクを完了するために必要なすべてのロジック。
ルビーは、この特定の状況で来る o整数、文字列、配列など、いくつかの組み込みオブジェクトをボックスの ut。
新しい obj を作成するには電気ショック療法、ルビーは、「クラス」のキーワードを使用します。
クラスとインスタンスの A クラスは基本的に青写真 tha です。
t は、構築およびオブジェクトする方法を定義します。
両方の Ruby クラスに新しいオブジェクトを作成するための指示が含まれていますcts とこれらのオブジェクトを作成する能力を持っています。
クラス名は、camel (Ex: 取り消そう) のでRuby の定数として格納されます。
ソースエディターが続いてクラス キーワードで定義されている、クラス名で、"end"で閉じた。
体は、これらのキーワードの間です。
ソースエディター クラスの私たち呼び出し .new メソッド、インスタンスが作成されます (新しいオブジェクトを人生にもたらす) 新しい取り消そう。
各特定のソースエディターは、NewClass.new を呼び出したときにインスタンス化された個人です。
それぞれの細ual ソースエディターは、インスタンスです。
インスタンスはオブジェクトの 1 つです。
インスタンスは回を参照します。
e クラスから生成される個々 のオブジェクト。
いつ返されるクラスの新しいインスタンスを呼び出し遺言を作成した Ruby のオブジェクトの表記を返します。
それはあなたが d であることを示すの Ruby の方法イーリング ・ オブジェクトまたは特定のクラスのインスタンスに。
取り消そう: = 特定の cl のオブジェクトお尻 0x07fb3b4826828 = オブジェクトがコンピューター内にあるこれは Ruby のオブジェクトに簡単なイントロt は、表記法を指向しました。
この概念把握し、のホールドを得るのためにしばらく時間がかかった。
Proc を理解する場合edural はそれを少し簡単にこの概念を把握するルビー。
これにより、コードをより多くレウスできより迅速にあなたのアプリケーションを拡張する機能。
読書と私ホップしていただきありがとうございますe は、何かを学んだ。
概念的にはこの概念を取り組んでいますまだ、だから私と私と裸の apolog未来の記事であれば、事前とは少し複雑で ize。
Programmi の学習の私の旅の続きを読むフラットアイアン学校 #14 を通して ng