GUIデザインで[x]の使用を開始した理由

ユーザーとサイトの友好的な対話における重要な役割は、使い慣れたコントロールによって果たされます。 たとえば、ウィンドウを閉じるための十字。 インターネットでの最後の数日間、このユーザーインターフェイス要素の起源について1つの記事が広く議論され、Windows 95の最初の開発者の1人の注目を集めました。



ユーザーインターフェイスでは、どこにでもXが表示されます。 この強力なシンボルは、作業中のウィンドウ、ポップアップウィンドウ、ツールバー、タブを閉じたり、画面に干渉を引き起こす可能性のあるものをすべて削除したりできます。



要素を閉じるために[x]をクリックすることは、コンピューターの使用に関連する基本的な本能の1つになり、Webサイトおよびコンピューターアプリケーションの設計の標準になりました。 ユビキタス[x]は常にインターフェイスの一部であるように見えるかもしれませんが、ユーザーGUIの歴史へのこの短く魅力的なエクスカーションは、実際には物事が異なることを示しています。



それで、[x]はいつどこでインターフェースの辞書に入れられたのでしょうか?



画像



[x]の出現の瞬間に戻るために、現在の状況であるMicrosoftから始めましょう。



Windowsを使用している場合、現在、画面上に少なくとも1つの[x]を見つけることができます。







ただし、 Windows 1.0は[x]を使用してまったく閉じませんでした。



画像

Windows 1.0



2.0でも同じことが言えます。





Windows 2.0



さて、 3.0はどうですか?



画像

Windows 3.0



[x]は、最小化ボタンと最大化ボタンを結合して閉じるボタンが右側に移動したWindows 95のリリースまで表示されませんでした。



画像

Windows 95



これがWindows 95の遅い変更であるという証拠さえあります。初期のデモバージョン(コードネームChicago)では、最小化ボタンと最大化ボタンが再設計されましたが、閉じるボタンは以前と同じままでした。左。



画像

Windowsシカゴ、1993年8月



それで、最後の瞬間に誰が決定を変更する責任があったのでしょうか? 私の知る限り、この人は今日のUI設計で[x]を迅速かつ広範囲に使用する責任があります。



当初から、Windows 95の開発には、すべての家庭のすべてのデスクトップにコンピューターを表示するという意図がありました。 Windows 95の設計変更は、主にWindows 3.0の使いやすさに関するフィードバックに基づいていました。 コンピューターの世界に不慣れな人がWindows 95を学習できるようにする必要がありました。



そしてそれは働いた。



Windows 95は、競合するすべてのオペレーティングシステムを排除しました。 世界中のホームユーザーや企業で使用されるようになりました。



ただし、今日は[x]が人気になった瞬間を捉える目標を設定していません。 UIデザインの世界で最初に登場した時期を知る必要があります。



GUIデザインで[x]を使用した以前の例を見つけることができますか?



Mac OSは[x]を使用して閉じませんでした。 初めてOS Xに表示された後、赤い閉じるボタンにカーソルを合わせたときにのみ表示されました。





Mac OS 2:美しい色!



Linuxユーザーインターフェイスも、Windows 95のリリース後にのみこのシンボルの使用を開始しました。



画像

ウィンドウシステムXウィンドウシステム



いいえ、遠いところまで行きません。 Windows、Linux、Mac OSのいずれもなかった最初の話に戻りましょう。最初のグラフィカルユーザーインターフェイスは、「 デスクトップ 」の有名な比analog的な類似性をフルに活用しました。Xeroxの情報システム8010です。





ゼロックス8108



Xeroxは1977年に「The Xerox Star」、「ViewPoint」、または「GlobalView」としても知られる8101システムの開発を開始し、1981年に「Dandelion」(タンポポ- 約Translator )という名前で初めて販売しました。 これは、1979年のゼロックス本社への旅行に触発され、アップルがそのリサ/ Mac OSを作成するために使用したと思われる非常にグラフィカルなユーザーインターフェイスです。



ただし、[x]はここにありません。





ゼロックススター



[x]は初期のAppleオペレーティングシステムにも含まれていないことを思い出してください。





Mac OS 1



1983年にリリースされたIBM PC用の最初の統合グラフィカルソフトウェア環境であるVisi Onのグラフィカルインターフェイスには[x]はありませんでした。





に訪問



1984年にDOSベースのコンピューター用にDigital Researchが開発したGEMユーザーインターフェイス(これもそうではありません):





宝石



待って、これは何?! それは本当にそれですか?





アタリTOS 1.0



これは、1985年にアタリSTに移植するためにGEMシステムに基づいてアタリコーポレーションのコンピュータ部門によって作成されたアタリTOS 1.0のスクリーンショットです。 これは、[x]ボタンを使用した最初の例です。



なぜそこに? そして、なぜですか?



これは、アメリカの企業であるアタリが日本の文化からアイデアを借りた方法のもう1つの例です。 もちろん、最初の例は、Goゲームの日本語の用語であるAtariという名前で、「ターゲットに正確にヒット」と翻訳できます。



[x]を閉じ、[o]を開くには、日本語の文字batsuとmaruを使用します。





マル(o)とバツ(x)



バツ記号は何か間違ったことを意味するために使用され、「間違った」、「悪い」、「間違った」または「攻撃」という言葉に翻訳できます。一方、丸(o)は「正しい」、「真実」、「良い」、 「全体」または「非常に貴重」。 バツとマルもジェスチャーとしてよく使用されます。 腕を胸にかざしてコウモリを捕まえ、腕を頭の上に上げて円状につないでください-マラを描いています。



丸とコウモリのもう1つの使用例は、プレイステーションコントローラーの設計にあり、それぞれ「はい」と「いいえ」として使用されています。





プレイステーションコントローラー



ただし、これはもちろん単なる理論です。 確実に言うことはできません-結局のところ、私はそこにいませんでした。



より徹底的なアプローチについては、過去にさらに深く進むことができるかどうかを見てみましょう。



最初の行のテキストエディターは、1965年にケントムソンによって書かれたクイックエディター、またはqedで 、後にUnixの開発を手伝いました。 Qedは[q]をコマンドとして使用して終了します。



最初のテキストエディタは、[q]、[e]、[c]、および[ESC]の一連の異なるコマンドを使用して終了しましたが、[x]は一般的なオプションではありませんでした。 Ed 、em、およびex — 1971年頃にqedから分離された初期のテキストエディターは[x]を使用しませんでした。



Vivimemacs、またはedlinですか?



いいえ、これらのエディターには[x]もありません。 Xは通常、文字列内の文字を削除するために使用されますが、プログラムを閉じるためではありません。



記号[x]は実際のアイコンです。 彼はある種のメッセージではありません。 これは、「近い」アクションであり、グラフィックオペレーティングシステムの開発レベルに関係なく、最初から今日までまったくこのように認識されています。 GUIデザインでの[x]シンボルの最初の出現は、おそらくAtari TOSで発生し、おそらく日本のbatsuおよびmaruシンボルの影響を受けました。 また、Windows 95のデザインの予期せぬ変更と世界中での大規模な使用の開始により、[x]は「閉じる」などのアクションの標準シンボルになりました。これは、今日のWebサイト、アプリケーション、ソフトウェアのデザインを支配するシンボルです



スクリーンショットのソースtoastytech.com/guisおよびwhiteandnoisy.org



翻訳者から:翻訳の作業中にこの記事の更新がリリースされ、Windows 95の開発者の1人が作者に連絡して新しい詳細を共有しました。



更新:



うわー、この小さな記事はとても人気になりました! [x]がどこから来たのかについて、多くの良いガイダンス、コメント、貴重な情報を受け取りましたが、これらのメッセージはいずれも、Windows 95開発チームのダニエルオランのメンバーから送られてきた手紙とは異なります



「こんにちはローレン!



友達から「Xを押して閉じる」という記事が送られてきました。 彼は、私がMicrosoftのWindows 95、つまり[スタート]ボタンとタスクバーで作業していたことを思い出しました。 彼にとっては、それが私にとって興味深いと思われました。 そうです! :)



あなたが個人的に経験したこれらの長年の出来事についての物語がどのように書かれているかを見るのは常に興味深いです。 1992年にシカゴのUIプログラムマネージャーであるMicrosoftで働き始め、最終的にWindows 95になりました。



それで、最後の瞬間に誰が決定を変更する責任があったのでしょうか? 私が知る限り、このユーザーは、今日のユーザーインターフェイスの設計で[x]を迅速かつ広範囲に使用する責任があります。




実際、それは最後の瞬間には行われませんでした。 1993年を通じて、[閉じる]ボタンの多くのデザインオプションを検討しました。 そして、このアイデアはAtariからではなく、右上隅に[x]ボタンを配置したNeXTからのものでした。 彼女と一緒に、Windows 95とグレートーンの擬似3次元カラースキームを借りました。



「閉じる」ボタンを左上に配置したかったのですが、このオプションは、altスペースが押されたときに存在していたメニューと、Microsoftが以前に使用したOS / 2から借用した新しいプログラムアイコンと競合しましたIBM



シカゴの最初の画像を閉じるためのXボタンで手紙に添付しています。 日付は1993年9月22日です。 (このレターにファイルを添付すると、ファイルが非常に古く、名前に8文字までしか含めることができないことに気付きました。これは、Windows 95のリリース前に存在していた制限です)。



この魅力的なエッセイをありがとう!



画像

Windows Chicago 9/22/1993



All Articles