event.preventDeault()

event.preventDeault()はデフォルトのイベントをキャンセルする命令。

prevent(避ける), Default(デフォルト）

デザインがオシャレ

Another view on designing websites

ウェブデザインする際の別視点

Part1 Introduction

You go online, you visit a website. Your fingers pet the trackpad. You tap, swipe, click and scroll. The movements are familiar. Intuitive. And so is the interface. Smooth, flat, predictable. But something does not feel right.

In 2019 a majority of websites look and feel generic, identical, interchangeable and impersonal, despite a few exceptions. By analyzing the 30 year old history of web design and the status quo of what web design has become in 2019, this work focuses on the causes of this trend, takes a look at the counterculture and presents other, not so common, but important, aspects of web design.

オンラインに接続し、ウェブサイトを訪れる。指先がトラックパッドを撫でる。タップし、スワイプし、クリックし、スクロールする。その動きは馴染み深い。直感的だ。インターフェースも同様だ。滑らかで、フラットで、予測可能だ。しかし、何かが違和感を感じさせる。

2019年現在、一部の例外を除き、大多数のウェブサイトは見た目も使い心地も画一的で、同一視され、互換性があり、非個人的だ。本稿はウェブデザイン30年の歴史と2019年における現状を分析し、この傾向の原因に焦点を当てるとともに、カウンターカルチャーを考察し、あまり一般的ではないが重要なウェブデザインの側面を提示する。

Design in the hypertext context

Part2 Analysis

Part3

Conclusion

In Javascript ‘the preventDefault() method cancels the event if it is cancelable, meaning that the default action that belongs to the event will not occur’ (W3schools, 2019). The description of this method can be carried forward to a wider extent and another view on designing websites in general: To prevent the future of web design to become default and by that impersonal and interchangeable, the Internet needs web design to be bright, rich, diverse and personal. But unlike the Brutalist web design counterculture, this other view on designing websites needs a content aware approach as well as a consistent concept and easy-to-understand and easy-to-learn visual and interactive design.

JavaScriptにおいて「preventDefault()メソッドは、キャンセル可能なイベントの場合にそのイベントをキャンセルする。つまり、そのイベントに属するデフォルトのアクションは発生しない」（W3schools, 2019）。このメソッドの説明は、より広範な意味において、そしてウェブサイト設計全般に関する別の視点へと展開できる： ウェブデザインの未来がデフォルト化され、それによって非人格的で代替可能なものになるのを防ぐためには、インターネットには明るく豊かで多様性に富み、個性的なウェブデザインが必要である。しかし、ブルータリズムウェブデザインのカウンターカルチャーとは異なり、このウェブデザインに対する別の視点には、コンテンツを意識したアプローチに加え、一貫したコンセプトと、理解しやすく習得しやすい視覚的・インタラクティブなデザインが求められる。

However, too much usability restricts the possibilities of the medium and diminishes it. The full potential of the medium can only be reached by a broad knowledge on design and code. As a consequence, designers need to deal with programming and development in order to not be dependent on frameworks, templates and guidelines, thus be free in thinking beyond technical limitations and the obvious design solutions. Coding should be embraced as a creative expression. Being able to code as a designer contributes to a more coherent and profound understanding of the project and thus enables a more diverse, unrestricted and free process in developing websites. As a result, it allows the designer to have more possibilities, freedom and control over the production and outcome. To avoid web design disappearing in too much smoothness, unnecessary interaction and white space, a more individual, memorable, distinctive and human experience for the user is what seems to be important to reach for goals beyond pure efficiency and to achieve overall diversity in the landscape of the World Wide Web.

しかし、使いやすさを追求しすぎると、メディアの可能性が制限され、その価値が損なわれる。メディアの真の可能性は、デザインとコードに関する幅広い知識によってのみ達成される。したがって、デザイナーはフレームワークやテンプレート、ガイドラインに依存せず、技術的制約や既成のデザイン解決策を超えた自由な思考を実現するために、プログラミングと開発に取り組む必要がある。コーディングは創造的表現として受け入れられるべきである。デザイナーとしてコーディング能力を持つことは、プロジェクトに対するより一貫性のある深い理解に寄与し、ウェブサイト開発においてより多様で制約のない自由なプロセスを可能にする。結果として、デザイナーは制作過程と成果物に対してより多くの可能性、自由、そして制御力を得ることができる。ウェブデザインが過剰な滑らかさ、不要なインタラクション、余白に埋没するのを防ぐためには、ユーザーにとってより個性的で記憶に残り、特徴的で人間味のある体験を提供することが重要である。これは純粋な効率性を超えた目標を達成し、ワールドワイドウェブの風景全体に多様性をもたらすために必要とされる。