ボタン。 100年の歴史

最新のWebインターフェースのさまざまな部分の外観の履歴を分析し始めたので、ボタンについてお話しできたらうれしいです。 そして、過去100年にわたって、ボタンに対する人々の考え方がどのように変わってきたかについて。



言い換えれば、今日、私たちはこれからどのように来たかについて話します-これに:







また、ボタンがこの世界の理解をどのように変えたかについても説明します。 この影響がどれほど強いか想像できません。ボタン私たちの思考のパラダイムを変えました



最も単純なアクション



あなたは車から降りて、アラームを設定し、途中でSMSを送信しました。 私たちはインターホンで彼らのアパートの番号をダイヤルし、エレベーターに入り、彼らの階に上がり、家に帰りました。 彼らは廊下の明かりを灯し、台所に行き、やかんを沸騰させ、コンピューターの電源を入れました。 これにはすべて1分かかりました。 さまざまなボタンを少なくとも10回クリックした。



ボタンを使用すると、 複雑なプロセスを簡単に実行できます。 哲学に関するある論文では、恐ろしい定義が見つかりました。



「子供のおもちゃでよく知られている、表面に突き出ているプラ​​スチックの破片は、人の体力を超える単純なものに対する力を持っています。」






私たちは、「押しボタン」時代から「表面」時代へと完全に移行する時代に生きています。 すべてがフラットになり、タッチに敏感になり、直感、ボタンインターフェイスとの通信の蓄積された経験に訴えかけます。 同じユーザーエクスペリエンス( ユーザーエクスペリエンス 、別名UX)。







しかし、ボタン時代には独自の前身時代もありました。 これをレバレッジの時代と呼びます。 過去を考慮してください-現在をよりよく理解するために。



レバレッジの時代。 機械的



人類は本質的に知的な霊長類の群れです。 私たちは常に世界のオブジェクトを使用して、彼らの助けを借りて自分の能力を高めてきました。 そのため、骨はシャベルに、棒は熊手に、鋼鉄は機構に変わりました。









たとえば、ピストルは、ボタンを押すと小さな「石」を高速かつ正確に放出するメカニズムとして単純に説明できます。 そして、人が「手で」弾薬を投げた場合よりもはるかに効率的に投げ出します。 ピアノの鍵盤は、弦をハンマーで叩くだけのボタンです。







機械的時代の特徴は、相互作用のシーケンス全体を見ることができることでした。つまり、1つのプロセスが2番目のプロセスを開始し、初期アクションを強化するなど、開始から最終結果までです。



-レバーは動きを強化します。 レバーは機械時代の象徴です。









そのような技術が本当に変わったのは、私たちがどのように世界を認識し始めたかです。 現実は静的なものとして知覚されるのをやめました-機械時代の技術の出現により、人類は時間と距離を超えて力を獲得しました。







その前に、レバレッジについて話しました。 レバーには補強の意味があります。「チェーン」の始めに人がレバーを押すと、このチェーンの終わりにプッシュがあります-ギア、ベルト、ブロック、および他のメカニズムによって補強されています。 ボタンの場合、すべてが異なります。チェーンの最初にわずかに押すと、最後に-何でもあります。



電球の簡単な例:スイッチを押しますが、レバー機構のロジックのように、押してもライトの輝度は上がりません。 抽象相互作用技術は、世界を理解する新しい方法を開きました。 抽象性は、次の電子時代の特徴です。



ボタンの時代。 エレクトロニック



最初のボタンは何でしたか? これは懐中電灯のボタンです-このデバイスがボタンを日常生活にもたらし、その過程で人々の電灯の理解に革命をもたらしました。 1899年。







コダック社のジョージイーストマン(ジョージイーストマン)は、一般の人々の生活におけるカメラの実装に貢献しました。 カメラのスローガンは忘れられないものでした。「あなたがボタンを押すと、あとは私たちがやる」。 したがって、「ボタン」という言葉は「シンプル」という言葉と同等でした。







20世紀の初め(つまり、1900年)に、押しボタン式のドアベルがロープに相当するものを置き換えました。 1910年の電気の普及に伴い、押しボタンスイッチが家庭に登場し始めました。 薄暗い未来の風刺画が新聞に登場します。怠zyな人は、あらゆる場面でボタンに囲まれた肘掛け椅子に座っています。 もちろん、当時のアイデアについてはもちろんです。





スライドに記載されいるビデオリンク。 それはSF



次の革新的な技術革新はラジオ(1920)でした。 1938年までに、3000万のラジオが販売されました(注意)。 それは前世紀の初めの本当の「インターネットブーム」でした。











しかし、彼のお気に入りのラジオ局に同調するために、平均的な人は「小さな科学者」でなければなりませんでした。 それは、ボタンがラジオに最初に登場した1938年まででした。 これは、保存機能の歴史における最初の先例でした。 見つかったステーションをボタンに保存し、ワンクリックで呼び出すことができます。



-ボタンは未来を体現する



世界的な経済危機の時代(1939年)、人々はより良​​い生活を夢見ていました。 1940年の映画「ロール・オア・リーブに任せて」は、その属性で想像上の未来の概念を完全に説明しています。 キーパッドを使用してロボットを制御できます。







1957年、ディズニーランドでモンサントハウスオブザフューチャーがオープンし、自動化、プラスチック、そしてもちろんボタンが詰め込まれた未来の考えがまだありません!







しかし、未来学者だけがボタンを夢見ていたわけではありません。 マーケティングも眠りませんでした。



-ボタンは贅沢を体現しています



50年代、プッシュボタンテクノロジーは、中流階級の新しい高級品である車を含む多くの消費者向け製品に広がりました。 「プッシュボタン」というフレーズは、「モダン」、「豪華」、「高度」、「新」、「シンプル」などの言葉に沿った形容詞になりました。







ボタンから開始されたものはすべて、自動的に「プレミアム」のステータスを取得しました。 ここでは、たとえば、オーブン、洗濯機、缶切り-同じ時代のホステス向け:







時代のスローガン:「女性でもできるほど簡単です。」



ボタンの前には、当時の「オタク」と普通の人々の間に技術的なギャップがありました。 これで、誰でも好きな複雑なデバイスを使用できます。結局のところ、ボタンを押すだけで十分です。

プッシュボタン広告は最もエレガントではありませんが、今日でも使用されています。 彼は今やウェブサイトに移行しました-この無数の「ボタンをクリックするだけでいい」ということを忘れないでください。











最初のリモートコントロールは、1956年の「プッシュボタン」時代にも登場しました。人々は、離れた場所から、ワイヤーなしで機器を制御できます。









しかし、未来と贅沢との関係はすべてではありません。



-恐怖を擬人化したボタン



第二次世界大戦後、軍拡競争が始まりました。 核破壊の脅威は穏やかに一押しするのと同じくらい簡単に思えた。 BBCのキャッチフレーズを覚えておいてください:「誰が核ボタンに指を持っていますか?」。





子供たちに核爆発の安全性を教える1951年の有名な映画-「アヒルとカバー」



-コントロールを表すボタン



同時に、エンジニアはボタンの列で印象的なサイズの複雑なコンピューターを構築しました。 少数の専門家だけが、特別な専門的な言語を使用してこのようなマシンで作業できました。







裏返し:間違ったボタンをクリックすると、混乱、災害が発生します。



しかし、ボタンは他の記号で徐々に大きくなります。



-ボタンはゲームを擬人化した



ハンプティダンプティピンボールマシン(ハンプティダンプティ、1947年)は、フリッパー、肩甲骨がボールを投げる最初のおもちゃです。 プレーヤーは初めて、複雑なメカニズムを使用してボールとその周囲と対話することができました。 ご存知のように、制御ツールはすべて同じボタンでした。







こうして、ゲームの新しい歴史が始まりました。 1977年に、ゲームの世界で2番目の革命が起こりました-アタリ接頭辞の出現。 そして、もちろん、最初のプッシュボタンジョイスティック-世代全体のアイコン。 家にゲームがやってきました。







アーケードのブームは1970年代に起こりました。 徐々に、ボタンを上手に処理することは、業界全体を生み出す貴重なスキルになりました。







人類は、ボタンインターフェースを直感的に理解するために十分なユーザーエクスペリエンスを蓄積しています。 ボタンが「突出したプラスチック片」以上のものに成長した時が来ました。



-ボタンは比phorになりました



この新しい品質ボタンは、次の時代への移行を支援しました。



「表面」の時代。 エレクトロニック



それ以前は、ボタンは物理的なオブジェクトでした。 1984年、Macintoshはボタンを仮想化できるという考え方を世界に紹介しました。











ただし、仮想ボタンにはまだ物理ボタンが必要です。 [OK]をクリックするには、ユーザーはボタンマウスを使用する必要があります。



しかし、この概念は非常に革新的であったため、Appleはその使い方を人々に教育しなければなりませんでした。 彼らは、マニュアルを発行するために、Newsweekから毎週39ページの広告ページを購入しました。





コンピューターインターフェースの出現、そしてインターネットの出現とともに、ボタンで別の変容が起こりました。



-ボタンが形を失った



ウェブでは、「ボタン」は何でもかまいません。 そして、これは特別なフォームを持つ必要はありません-視覚的には、たとえば下線付きテキストにすることができます。 または画像。 たとえば、比較のためのいくつかの写真-最初のフレームには「そのままのサイト」、2番目にはインタラクティブな部分のみ:







ユーザーエクスペリエンスは、ウェブ上の実績のある指定システムと相まって、サイトをクリックして結果を得る必要がある場所を直感的に理解するのに役立ちます。 アナリストのスキルを持ち、さらに、この場合ユーザーにとって最も便利なインターフェイスのバージョンを「予測」できるユーザーインターフェイスデザイナー(UIデザイナー)という職業が生まれています。



アバター Vladimir Zavertaylov:たとえば、2人のUIデザイナーが現在スタジオで作業しています。 彼らはビジネスのニーズを分析し、それらを最新のウェブ技術とトレンドに「投影」し、「ひねり」を加えます。 その結果、UIデザイナーは、ユーザーインターフェイスの完全なビジョン、インタラクティブで完全に使用可能なプロトタイプを提供します。 オプションについて話し合い、最適なものを選択してから、プロジェクトの「高価な」段階である設計、レイアウト、プログラミングに進みます。


ボタンの進化における次のステップは非常に自然でした。ユーザーの指とボタンの間に「中間」を必要としないまったく新しいタイプのインターフェースが登場しました。



-仮想ボタンはタッチセンシティブになります



タッチスクリーンは比較的最近、SFの危機にonしたものでした。 しかし、テクノロジーは急速に私たちの生活に浸透しました。まず、あらゆる種類の端末の画面で、次にモバイルデバイスやラップトップコンピューターのディスプレイで。







私たちは今、どの時代に住んでいますか? まとめましょう。 ボタンは不要になりました。











同時に、どのプロパティをボタンに割り当てますか? 意識的または潜在意識レベルで:





オブジェクトは静的なものではなく、 深さ時間の持続時間を持つオブジェクトと考えています。 すべてがインタラクティブになる時代に近づいています。



インターフェースの進化(将来を見据えた)は、次のように表現できます。レバーの時代→ボタンの時代→「表面」の時代→ダイナミックなインターフェースの時代。 後者はすぐそこにあり、最初のツバメはすでにそこにいます。







今日の子供たちは、そのテクノロジーが「中間」コントローラーを必要としないため、すぐに同じiPadを使用することを学びます。 また、各アクションの結果は、直感的に簡単に予測できます。







タッチサーフェスとユビキタスインタラクティビティが一般的な時代に育った世代を想像してください。 私たちと比較して、これが質的にどのように彼らの意識を変えるか想像してみてください。



そして、推測してみてください-どのような相互作用技術とどのインターフェースが世界に提供するのでしょうか?



おわりに



ボタンには100年の歴史があります。機械的な時代からエレクトロニクスやコンピューター技術の時代まで。 これは、20世紀の最も重要な発明の1つです。



今日の物語の基礎はビル・デロシェイによる素晴らしいプレゼンテーションでした。 膨大な研究作業をしてくれた彼に感謝します。



All Articles