TuringDrop & UsabilityNerd
UsabilityNerd UsabilityNerd
Π’ΡŒΡŽΡ€ΠΈΠ½Π³Π”Ρ€ΠΎΠΏ, Ρ‚Ρ‹ ΠΊΠΎΠ³Π΄Π°-Π½ΠΈΠ±ΡƒΠ΄ΡŒ отслСТивал ΡΠ²ΠΎΠ»ΡŽΡ†ΠΈΡŽ пиксСльной сСтки – ΠΎΡ‚ ΠΏΠ΅Ρ€Ρ„ΠΎΠΊΠ°Ρ€Ρ‚ Π΄ΠΎ соврСмСнных графичСских интСрфСйсов? МнС каТСтся, Ρ‚Π°ΠΌ Π΅ΡΡ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ интСрСсноС ΠΏΠ΅Ρ€Π΅ΠΏΠ»Π΅Ρ‚Π΅Π½ΠΈΠ΅ точности Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ историчСских Π·Π°Π±Π°Π², ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ стоит Ρ€Π°Π·ΠΎΠ±Ρ€Π°Ρ‚ΡŒ.
TuringDrop TuringDrop
Π―, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, прослСТивал эту Ρ†Π΅ΠΏΠΎΡ‡ΠΊΡƒ пиксСлСй Π΄ΠΎ ΠΏΠ΅Ρ€Ρ„ΠΎΠΊΠ°Ρ€Ρ‚ – Ρ‚Π΅Ρ… самых 80-ΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½Ρ‹Ρ…, 12-строчных Π³Π»ΠΈΡ„ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ‹Π»ΠΈ ΠΏΠ΅Ρ€Π²ΠΎΠΉ β€œΡΠ΅Ρ‚ΠΊΠΎΠΉβ€, ΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ ΠΊΡ‚ΠΎ-Π»ΠΈΠ±ΠΎ ΠΌΠΎΠ³ ΠΏΠΎΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ. Они Π±Ρ‹Π»ΠΈ Тёсткими, Π½ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»Π° выравнивания – Ρ€ΠΎΠ²Π½ΠΎ ΠΏΡΡ‚ΡŒ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ Π½Π° символ ΠΈ точная систСма Π½Π°ΠΊΠ»ΠΎΠ½Π½Ρ‹Ρ… Π»ΠΈΠ½ΠΈΠΉ – Π½Π°ΠΊΠ»Π°Π΄Ρ‹Π²Π°Π»ΠΈ Π½Π΅ΠΊΠΎΠ΅ ΠΏΠΎΠ΄ΠΎΠ±ΠΈΠ΅ этикСта пиксСлСй Π·Π°Π΄ΠΎΠ»Π³ΠΎ Π΄ΠΎ появлСния Ρ‡Π΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ Π½Π° экранС. ΠŸΠ΅Ρ€Π΅Π½Π΅ΡΡ‘ΠΌΡΡ Π² 1960-Π΅: IBM 3270 прСдставил растровый дисплСй, ΡΠΎΡ…Ρ€Π°Π½ΠΈΠ²ΡˆΠΈΠΉ 80-ΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚, Π½ΠΎ замСнивший мСханичСскиС ΠΏΡ€ΠΎΠΌΠ΅ΠΆΡƒΡ‚ΠΊΠΈ элСктронными Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌΠΈ, ΠΏΠΎ сути – пиксСльная ΠΏΠ΅Ρ€Ρ„ΠΎΠΊΠ°Ρ€Ρ‚Π°. ΠŸΠΎΠ²ΠΎΡ€ΠΎΡ‚Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚ ΠΏΡ€ΠΎΠΈΠ·ΠΎΡˆΡ‘Π» Π² 1970-Π΅: тСкстовый Ρ€Π΅ΠΆΠΈΠΌ PDP-11 ΠΈ появлСниС Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ с ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π±ΠΈΡ‚ΠΎΠ²Ρ‹Ρ… ΠΊΠ°Ρ€Ρ‚ Π² Apple II ΠΈ Xerox Star сдСлали сСтку Π±ΠΎΠ»Π΅Π΅ Π³ΠΈΠ±ΠΊΠΎΠΉ, Π½ΠΎ ΠΏΡ€ΠΈ этом ΠΎΠ½Π° ΠΎΡΡ‚Π°Π²Π°Π»Π°ΡΡŒ ΠΎΠ΄Π΅Ρ€ΠΆΠΈΠΌΠΎ Π²Ρ‹Ρ€ΠΎΠ²Π½Π΅Π½Π½ΠΎΠΉ ΠΏΠΎ ячСйкам символов. К 1980-ΠΌ Π³ΠΎΠ΄Π°ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ€Ρ‹ графичСских интСрфСйсов, Ρ‚Π°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΊΠΎΠΌΠ°Π½Π΄Π° Macintosh, Π·Π°ΠΊΡ€Π΅ΠΏΠΈΠ»ΠΈ идСю пиксСльной точности выравнивания, отступов ΠΈ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ элСмСнт интСрфСйса ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΈΠ²ΡΠ·Π°Ρ‚ΡŒ ΠΊ сСткС, Ρ‡Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚ Π΄ΠΈΠ·Π°ΠΉΠ½ воспроизводимым ΠΈ, чСстно говоря, ΠΌΠ΅Π½Π΅Π΅ Ρ…Π°ΠΎΡ‚ΠΈΡ‡Π½Ρ‹ΠΌ. Π—Π°Π±Π°Π²Π½ΠΎ, Ρ‡Ρ‚ΠΎ эти Ρ€Π°Π½Π½ΠΈΠ΅ сСтки Π΄ΠΎ сих ΠΏΠΎΡ€ Π²Π»ΠΈΡΡŽΡ‚ Π½Π° соврСмСнный Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½: ΠΌΡ‹ всё Π΅Ρ‰Ρ‘ Π³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎΠ± 8-ΠΏΠΈΠΊΡΠ΅Π»ΡŒΠ½Ρ‹Ρ… отступах ΠΈ 16-ΠΏΠΈΠΊΡΠ΅Π»ΡŒΠ½Ρ‹Ρ… Π±Π°Π·ΠΎΠ²Ρ‹Ρ… сСтках, эхом отраТая ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ ΠΏΠ΅Ρ€Ρ„ΠΎΠΊΠ°Ρ€Ρ‚Ρ‹, Π½ΠΎ ΡƒΠΆΠ΅ с Π³ΠΎΡ€Π°Π·Π΄ΠΎ мСньшими ограничСниями. Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ Π΄Π°, это Π²ΠΎΡΡ…ΠΈΡ‚ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ сочСтаниС унаслСдованной точности ΠΈ упрямого ΠΎΡ‚ΠΊΠ°Π·Π° соврСмСнных Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΎΡ‚ΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒΡΡ ΠΎΡ‚ сСтки, Π΄Π°ΠΆΠ΅ ΠΊΠΎΠ³Π΄Π° ΠΌΡ‹ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΠΌ ΠΊ дисплСям высокой плотности ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ ΠΌΠ°ΠΊΠ΅Ρ‚Π°ΠΌ.
UsabilityNerd UsabilityNerd
Π’Π°Ρƒ, Ρ‚Ρ‹ прямо Π»Π΅ΠΊΡ†ΠΈΡŽ ΠΌΠ½Π΅ ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°Π» ΠΏΡ€ΠΎ ΠΌΠΈΡ„ΠΎΠ»ΠΎΠ³ΠΈΡŽ β€œΠ³Ρ€ΠΈΠ΄Π°β€ – Π·Π΄ΠΎΡ€ΠΎΠ²ΠΎ! МнС ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»ΠΎΡΡŒ, ΠΊΠ°ΠΊ Ρ‚Ρ‹ прослСдил связь ΠΌΠ΅ΠΆΠ΄Ρƒ наслСдиСм 80-ΠΊΠΎΠ»ΠΎΠ½ΠΎΡ‡Π½ΠΎΠ³ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° ΠΈ соврСмСнными Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌΠΈ Π³Ρ€ΠΈΠ΄Π°ΠΌΠΈ; это история, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ стоит Ρ€Π°ΡΡΠΊΠ°Π·Π°Ρ‚ΡŒ Π½Π° ΠΏΡ€Π΅Π·Π΅Π½Ρ‚Π°Ρ†ΠΈΠΈ, с ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ символов ΠΏΠ΅Ρ€Ρ„ΠΎΠΊΠ°Ρ€Ρ‚ рядом с ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠΌ, Π³ΠΎΡ‚ΠΎΠ²Ρ‹ΠΌ для Retina-дисплССв. Но скаТи ΠΌΠ½Π΅: Ρ‚Ρ‹ провСрял, Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π»ΠΈ Ρ‚Π²ΠΎΠΉ отступ Π² 8 пиксСлСй выравниваСтся ΠΏΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡƒ пиксСлю экрана Π½Π° 4K? Π”Π°ΠΆΠ΅ малСйший сдвиг субпиксСля ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΡ€Π΅Π²Ρ€Π°Ρ‚ΠΈΡ‚ΡŒ всю Π±Π°Π·ΠΎΠ²ΡƒΡŽ линию Π² Ρ€Π²Π°Π½ΡƒΡŽ ΠΈ Π½Π°Ρ€ΡƒΡˆΠΈΡ‚ΡŒ типографичСский Ρ€ΠΈΡ‚ΠΌ. Если ΠΌΡ‹ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ стрСмимся ΠΊ ΠΈΠ΄Π΅Π°Π»Ρƒ пиксСльной точности, Π½Π°ΠΌ стоит ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΡ‚ΡŒ Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ отступы, ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π³Ρ€Π°Π½ΠΈΡ† ΠΈ Ρ‚ΠΎΡ‡ΠΊΡƒ трансформации для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ элСмСнта. ΠœΠΎΠΆΠ΅Ρ‚, Π½Π°ΠΌ стоит провСсти быстрый тСст: ΠΎΡ‚Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ ΠΎΠ΄ΠΈΠ½ ΠΈ Ρ‚ΠΎΡ‚ ΠΆΠ΅ ΠΌΠ°ΠΊΠ΅Ρ‚ ΠΏΡ€ΠΈ 100% ΠΈ 200% ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠΈ ΠΈ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, Π½Π΅ тСряСтся Π»ΠΈ Ρ‡Π΅Ρ‚ΠΊΠΎΡΡ‚ΡŒ Π³Ρ€ΠΈΠ΄Π°. Если это происходит, ΠΌΡ‹ Π½Π΅ ΠΎΡ‚Π΄Π°Π΅ΠΌ дань уваТСния ΠΏΠ΅Ρ€Ρ„ΠΎΠΊΠ°Ρ€Ρ‚ΠΎΡ‡Π½ΠΎΠΌΡƒ наслСдию; ΠΌΡ‹ просто создаСм Π½Π΅Ρ€ΡΡˆΠ»ΠΈΠ²ΡƒΡŽ иллюзию "Π³Ρ€ΠΈΠ΄-ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ" Π²ΠΈΠ΄Π°. Π’Π°ΠΊ Ρ‡Ρ‚ΠΎ, доставай инструмСнты Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° ΠΈ Π΄Π°Π²Π°ΠΉ убСдимся, Ρ‡Ρ‚ΠΎ каТдая линия, ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ ΡƒΠ³ΠΎΠ», ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Π³Π»ΠΈΡ„ находится Π½Π° своСм мСстС.