Автор будет очень признателен, если Вы кликнете по одной из белых ссылок выше.
Вам это ничего не стоит, а автору сайта будет приятно ;)
Найдено страниц: 51 [показано 10]
Пользовательский интерфейс
Степень соответствия запросу: 25,16%
Фрагменты текста поста : ... Во-первых, в понятие пользовательского интерфейса (ПИ) входит не только, и даже не столько, картинка на экране - трехмерная, анимированная, просто выполненная в модном дизайне, - а способы взаимодействия пользователя с системой... ... Еще одна книга, очень популярная среди американских специалистов по пользовательским интерфейсам, анализирует развитие столовых приборов в средние века... ... Например, такой интерфейсный элемент как линейка прокрутки находится в противоречии с одним из основных принципов психологии восприятия: у человека может быть только одна точка активного внимания... ... Пока в уголовном кодексе не предусмотрено наказание типа "заключения в пользовательский интерфейс", он имеет право выбора (не между одной программой и другой, а между компьютером и телевизором или даже книгой)... ... Не случайно ни в одной из известных мне локализаций надпись на этой кнопке не переводится на другой язык... ... Тут мы подходим к еще одному важному принципу построения дизайна интерфейса - балансу между интерактивными возможностями программы и сложностью ее изобразительного ряда... ... Сложная картинка психологически готовит к сложной жизни с программой... ... Это может получиться случайно, когда пользователь по привычке попробует прием, освоенный в общении с другой программой, и с радостным удивлением обнаружит, что ваша программа правильно разобралась в том, чего он хотел... ... Таким образом, картинка на экране остается прежней, а возможности пользователя расширяются... ... Эта проблема должна решаться в обе стороны... ... С одной стороны, пользователь должен уметь сказать системе, где и что он хочет изменить (обычно это делается щелчком мыши в нужном месте)... ... С другой стороны, система должна уметь привлечь внимание пользователя к месту наиболее актуальных изменений... ... Поле экрана разбивалось на прямоугольники-окна и вся работа велась только в одном из них - так называемом активном окне... ... Это требовалось для облегчения проблемы поиска текстового курсора в окне... ... На самом деле, и тот, и другой способ используют тот очевидный факт, что движущийся предмет легче привлекает внимание... ... Одна - "Конические деревья" - является визуализацией файловой системы компьютера и похожа на систему детских пирамидок, каждый уровень которой соответствует уровню файлового каталога... ... Соль модели в том, что нужный файл можно "приблизить" поворотом карусели (может быть, не одной), идущим в режиме анимации... ... Однако психологи, занимающиеся интерфейсом, говорят о совсем другом времени, - времени, когда пользователь может начать взаимодействие с новой картинкой на экране... ... В этот интервал входит не только время вывода новой картинки на экран, но и время осознания ее пользователем, ведь определенное время и усилия тратятся пользователем на то, чтобы понять, как каждая следующая картинка соотносится с предыдущей... ... Анимация за счет увеличения времени перехода от одной картинки к другой (а именно времени анимированного преобразования картинок) существенно сокращает время осознания новой картинки... ... В психологическом смысле новой картинки и не существует, существует преобразованная старая, а так как все преобразования шли "на глазах у изумленных зрителей", то пользователь практически немедленно готов к взаимодействию... ... Существует еще одно свойство анимационного пользовательского интерфейса, которое существенно улучшает его полезность по сравнению с графическим интерфейсом, а именно динамически визуальные сигналы... ... С другой стороны, и такой простой сигнал, как мигание, имеет действительно миллионы хорошо осознаваемых оттенков, связанных с изменением яркости объекта во времени... ... Все компьютерные программы в корне меняют дизайн при переходе от одного окна к другому... ... После выработки сквозного визуального решения необходимо прорисовать картинки, называемые у аниматоров "фонами"... Подробнее: http://fit-media.com/post_1204019048.htmlКручу, верчу, обмануть хочу!
Степень соответствия запросу: 16,68%
Фрагменты текста поста : ... ) Да, чуть не забыл, картинки мне вставлять лень, поэтому постараюсь все объяснить на словах... ... Для начала сделаю одно важное замечание... ... Такой слой по умолчанию является заблокированным, поэтому его нужно либо разблокировать дважды кликнув по нему в палитре слоев (окно Layers), либо работать с его частями, предварительно выделив их... ... На углах и в серединах сторон описывающего прямоугольника расположены маленькие квадратики... ... Стоит сказать, что как только вы войдете в любой из режимов трансформаций, верхняя панель окна Photoshop изменится - в ней появятся поля для ввода точных значений... ... Потянув за квадратики в серединах горизонтальных сторон появившегося описывающего прямоугольника, вы сможете увеличить или уменьшить вертикальный размер выделенного изображения, т... ... Соответственно, тягая квадратики в серединах вертикальных сторон прямоугольника, вы сможете изменить ширину выделенного изображения... ... Тут есть один момент - с помощью этого вида трансформации вы можете не только изменить размеры картинки, но и отразить ее горизонтально или вертикально... ... если схватить квадрат в середине правой стороны описывающего прямоугольника и тащить его влево, то, когда вы его затащите левее левого квадрата, изображение станет зеркально отраженным относительно левой вертикальной стороны ОП... ... При перетаскивании квадратиков из середины любой стороны ОП противоположная сторона ОП остается на месте, как приклеенная... ... Но если при перетаскивании держать нажатой клавишу Alt , то противоположная сторона будет тоже двигаться... ... Именно точка в центре этого кружка-прицела и задает центр, относительно которого происходит сжатие/растяжение картинки... ... Схватите любой из квадратиков и тяните в любую сторону - выделенный рисунок начнет поворачиваться... ... Удержание Alt включает симметричность, Shift - закрепляет ось движения вдоль сторон ОП... ... Перспективное преобразование (Perspective) - это тоже самое, что и наклон, но при перетаскивании угловых квадратиков происходит одновременное перемещение сразу двух квадратиков на одной стороне ОП... ... Это приводит к симметричному расширению или сжатию стороны ОП и, как следствие, появлению эффекта перспективы... ... Это значит, что нажав левую кнопку мыши и потянув в сторону вы повернете объект... ... :) %%%Adobe Photoshop, поворот картинки, трансформация изображения, transform, графический редактор%%%... Подробнее: http://fit-media.com/post_1212106379.html14 принципов создания вежливых программ
Степень соответствия запросу: 16,09%
Фрагменты текста поста : ... Насс и Ривз утверждают что программы должны быть "вежливыми", потому что вежливость – это универсальный человеческий признак, - хотя действия, которые можно считать вежливыми различаются от одной культуры к другой, этот признак присутствует в любой культуре... ... Я спросил моего друга Кейта Плиса (Keith Pleas), известного программиста-эксперта, занимающегося к тому же вопросами пользовательского интерфейса, что он думает о создании более человечных программ... ... Может ли компьютер дать вам другой ответ, чем только что кому-то еще... ... Мой друг всегда интересуется мной, и моими предпочтениями... ... Действительно, ни одна из программ на моем персональном компьютере не помнит ни меня, ни моих привычек, несмотря на то, что только я и никто другой постоянно, снова и снова пользуюсь ею... ... Вместо этого, программа ведет себе довольно глупо, всегда предлагая мне окно для выбора нужного Дейва из 11 вариантов... ... Если я вежливо возражу, и выберу другой столик в пустом ресторане, я ожидаю что меня немедленно там разместят... ... Если хозяин отказывается сделать это, я скорее всего покину этот ресторан и поищу другой, где мои желания имеют приоритет перед желаниями владельца... ... Они лишь кратко отвечают на мои вопросы, не пытаясь проявить предусмотрительность в отношении другой информации, даже если она напрямую связана с моими целями... ... Мой ассистент знает, что мне нужна комната в отеле, когда я еду в другой город на конференцию, несмотря на то, что я не говорил ему этого специально... ... Он знает, что мне нужна тихая комната и заказывает ее без всякого напоминания с моей стороны... ... Почему бы не использовать это время, чтобы предварительно загрузить страницы, ссылки на которые видны в окне... ... С другой стороны, как только наша беседа закончится, и я начну вертеть головой в поисках Рауля, я жду, что он сразу же поспешит к моему столику, чтобы узнать, что мне нужно... ... Однако когда я меняю разрешение обратно, окна не возвращаются к своим размерам... ... С другой стороны, все мы должны знать, что происходит... ... Я раскрываю на весь экран окно любой запущенной программы... ... Я так часто максимизирую окна, что мои предпочтения должны быть ясными и однозначными... ... Другие пользователи работают с программами в маленьком окне, чтобы видеть Рабочий Стол... ... С другой стороны, если компьютер имеет какие-то подозрения, что я могу ошибаться – что может быть всегда – он должен предусмотреть это, и подготовиться к возможному восстановлению файла, если я вдруг передумаю... ... Затем я возвращаюсь чтобы обнаружить посреди экрана бессмысленное и пугающее окно диалога с вопросом "Вы действительно хотите печатать... ... Adobe Photoshop например осыпает пользователя множеством ненужных маленьких вопросов, каждый в отдельном окне... ... С другой стороны, иногда нам насильственно предлагают выбор, как например на таможне: "У вас есть что-нибудь нуждающееся в декларации... ... Отсутствие это качества – одна из главных причин нечеловечности компьютерных систем... ... Одно из больших преимуществ подстраиваемой системы – уменьшение числа ошибок... ... Когда такие правила применяются к человеку, страдают обе стороны... ... Подстраиваемость – одно из немногих качеств человека, связанных с вежливостью, которое трудно встроить в компьютерную систему... ... Мы можем сделать программы значительно более вежливыми, если они будут работать для того, чтобы предоставить пользователю всю возможную информацию без значительных усилий с его стороны... ... Друзья доверяют друг другу, потому что зависят друг от друга, и всегда готовы пожертвовать собой... ... Просто кто-то должен предусмотреть взаимодействие, имитирующее качества чувствительного и заботливого друга... ... Ни одна из этих характеристик не отличается от других, более очевидных целей информационного бизнеса... Подробнее: http://fit-media.com/post_1203349390.htmlWindows с маленькой буквы w
Степень соответствия запросу: 15,2%
Фрагменты текста поста : ... Windows с маленькой буквы w Все программы базируются на основе двух типов окон: главных и вспомогательных, таких как диалоговые окна и окна документов... ... Создавая удобный пользовательский интерфейс, нельзя просто гадать, какие окна использовать в программе... ... Лишние комнаты Если изобразить программу в виде дома, то можно представить каждое окно в виде отдельной комнаты... ... Дом будет соответствовать главному окну программы, а каждая комната – окну диалога или документа... ... Точно так же и при создании программы мы не должны добавлять окно в нее до тех пор, пока оно не будет служить какой-то цели, которой нельзя или невозможно достичь в уже существующих окнах... ... Не имеет значения, в какой комнате мы сейчас, так как мы оба понимаем суть рукопожатия, и переходить для этого в другое место – просто глупо... ... Например, в большинстве программ для рисования, для установки глубины тени объекта часто используется текстовое поле или ползунок в отдельном диалоговом окне... ... После изменения этого значения программа для продолжения работы возвращается к главному окну... ... В программе для рисования главной задачей является работа с изображением, а так как изображение находится в главном окне, то все инструменты для работы c ним тоже должны быть расположены здесь же, в главном окне... ... Если бы художник рисовал один и тот же рисунок карандашом на бумаге, он мог бы использовать другой инструмент – ластик – и для этого ему не нужно было бы переходить к другому столу... ... Вынесение функций в диалоговое окно отделяет их от главной задачи... ... Однако с точки зрения художника эта функция – часть процесса рисования и поэтому должна находиться в главное окно... ... Соедините это с невероятной легкостью создания новых окон и в результате получите по одному окну на одну функцию... ... Современные средства разработки программ позволяют создавать диалоговые окна, но добавление своих элементов управления или создание идиом непосредственной манипуляции (direct manipulation) в них обычно не поддерживается, поэтому разработчик, желающий создать качественный интерфейс, вынужден создавать свои элементы управления... ... Очистка должна происходить в отдельном окне... ... В этом случае создание специального окна для функции будет уместным... ... Эти инструменты должны быть встроены в рабочую область программы, точно так как художник разложил бы все свои карандаши, ручки, ножи, резинки и другие инструменты под рукой, на своем столе... ... Если же пользователь решил вставить в свой рисунок другую готовую картинку, эта задача все еще достаточно связана с целью художника – создать красивый рисунок, но для этого нужны другие функции, не относящиеся к рисованию... ... Готовые картинки или фотографии обычно расположены в специальной папке и имеют средства для предварительного просмотра и выбора понравившегося образца... ... В программе функция вставки изображения тоже должна быть легко доступной, но, так как для нее нужен отдельный набор инструментов, которые в обычной работе не используются, ее следует разместить в отдельном окне... ... В этом месте у него появляются другие цели... ... Нужды в готовых картинках тоже нет... ... Он неслучайно оставляет свои инструменты для рисования на столе – он не хочет, чтобы на них попал фиксатор, или краска случайно испортила картину... ... Вместо того, чтобы просто помещать каждую новую функцию в новое окно, мы видим, что некоторые функции вообще не нужно помещать в диалоговые окна, другие должны быть вынесены в отдельное окно, интегрированное в общий интерфейс, а некоторые функции вообще нужно убрать из программы... ... Загрязнение окнами Некоторые разработчики считают, что каждую функцию нужно помещать в отдельное диалоговое окно... ... Если в программе используется одно окно для одной функции, экран быстро становится визуально загроможденным... ... В Visual Basic, Delphi, C# и других языках легко создавать формы, которые представляют собой независимые окна верхнего уровня... ... По поведению они представляют собой все те же немодальные диалоговые окна... ... Стратегия создания приложения в виде набора форм была довольно спорной, и не применялась широко до тех пор, пока среды разработки не дали возможность создавать окна легко и просто... ... Каждое новое окно приводит к увеличению лишних телодвижений - манипуляций с окнами... ... Ни одну программу с 57 формами нельзя использовать эффективно... Подробнее: http://fit-media.com/post_1204300625.htmlФайлы vs базы данных.
Степень соответствия запросу: 5,42%
Фрагменты текста поста : ... Просто одной командой вы можете превратить ваш супер запутанный массив в текст, а второй точно также вернуть все обратно... ... Главное то, что ПРИ ЛЮБОМ ХИТЕ (даже переходе серфера с одной страницы сайта на другую) происходят ВСЕ описанные операции — чтение, разбор, поиск, склейка, запись и выполняются они над ВСЕМ содержимым файла статистики... ... К тому же не стоит забывать, что пока одна копия запущенного скрипта копается в вашем (пусть и прокэшированном) файле, все другие будут тихо и мирно курить в сторонке... ... Первое на что хотелось бы обратить внимание — это тот факт, что подобную структуру не удастся (по крайней мере целиком) уложить в одну таблицу, а это значит будут использованы несколько связанных таблиц ( реляционная структура )... ... Для данного примера также будем рассматривать работу только с одним «разделом» статистики — данных о поисковых запросах... ... Таким образом, одной операцией сравнения мы сразу определяем в какой из половин таблицы находится нужная нам запись, т... ... Одно сложение и одно умножение — просто ведь... ... Нам нужно загрузить ТОЛЬКО ОДНУ ЗАПИСЬ , а вовсе не всю таблицу... ... Ну и конечно не забудьте о том, что поиск можно производить не в каждой таблице по отдельности, а сразу во всех, одной командой: Пример запроса SELECT Hits FROM se_hosts, se_query, se_hits WHERE ID1 = SH_ID AND ID2 = Q_ID AND Date = 3085 что еще даст еще больший выигрыш, т... ... Так неужели во всех этих компаниях работают одни дураки... Подробнее: http://fit-media.com/post_1222679684.htmlОптимизируем мышиную возню
Степень соответствия запросу: 5,16%
Фрагменты текста поста : ... Оптимизируем мышиную возню Одной из главных причин появления неудобных интерфейсов является тот факт, что разработчик как правило никогда сам не пользуется своей программой... ... Большинство компьютеров в наше время оборудовано всего двумя такими устройствами - мышью и клавиатурой , но даже два устройства хуже, чем одно... ... Меню должны иметь как можно меньше вложенных подменю Лучше сделать больше пунктов главного меню с одной выпадающей менюшкой в каждом пункте,чем все команды загнать в одно меню с кучей вложенных подменю... ... Но зато для переключения в другие режимы (например для наклона объекта) приходится делать правый клик по объекту и выбирать нужный режим из выпадающего меню... ... Везде где можно используйте возможности технологии "Drag-and-Drop" Пользователю гораздо удобнее схватить объект и перетащить его в корзину или в другое окно, чем отметить объект и потом лазить по пунктам меню (или по многочисленным тулбарам) в поисках команды удаления/переноса... ... Очень полезными бывают расположенные в окне "зоны посадки"... ... Очень желательно реализовать грамотное поведение окон Окна, которые знают в какой момент им следует появиться на экране, а в какой исчезнуть - отличные помощники в работе... ... Посмотрите, как действуют окошки, расположенные по краям главного окна в среде Microsoft Visual Studio... ... Идея состоит в том, чтобы окно меню исчезало не сразу после клика по его пунктам, а с некоторой задержкой... ... И для каждого запуска мне приходится повторять одни и те же действия: "Пуск" - "Все программы" - "Интернет" - и т... ... Позвольте пользователю закреплять немодальные окна... ... Там можно установить атрибут "Поверх всех окон" (Always On Top) для абсолютно любого окна... ... Еще одна классная идея касательно мышиного управления и меню подсмотрена мною в LiteStep... Подробнее: http://fit-media.com/post_1199978157.htmlМиф о метафоре
Степень соответствия запросу: 4,45%
Фрагменты текста поста : ... Некоторые из лучших дизайнеров интерфейсов считают выбор метафоры одной из первых и самых важных задач... ... Но, пытаясь найти волшебную метафору, вы совершаете одну из самых больших ошибок в дизайне пользовательского интерфейса... ... Есть и другие проблемы: вокруг не так уж много метафор, они плохо масштабируются, и способность пользователей узнавать их сомнительна... ... Хотя в современных программах встречаются все три подхода, одна лишь метафорическая парадигма так широко популярна, что следуя по ее ложному следу мы часто препятствуем созданию по-настоящему хороших интерфейсов... ... Механизмы лифтов, вентиляционные каналы, кабели, стальные канаты и другие строительные механизмы оставляли незакрытыми и легко видимыми как внутри так и снаружи... ... Подавляющее большинство компьютерных программ сегодня строятся по такой же архитектуре, безо всякого стыда показывая нам как они были созданы: одна кнопка на функцию, одна функция на модуль кода, команды и процессы, которые точно отражают внутренние алгоритмы и структуры данных... ... Графический интерфейс пользователя, разработанный в PARC состоял из различных объектов: окна, кнопки, мыши, иконки, метафоры, меню... ... Слабая сторона этого метода в том, что он зависит от капризного человеческого ума, который может не иметь знаний или логических способностей, необходимых для совершения отождествления... ... Золотые арки МакДональдс , три алмаза Мицубиси , пять пересекающихся Олимпийских колец и даже летящее окно Майкрософт - не метафорические идиомы, которые наполнены внутренним смыслом и опознаются сразу же... ... Такие артефакты, как кнопки закрытия окна, окна с изменяемыми размерами, бесконечно вложенные папки с файлами, щелчки мышью и перетаскивание пиктограмм - не метафорические операции, потому что их нет в реальном мире... ... Он не может хранить больше, чем один объект, не помнит, что хранил ранее, не может определить, откуда взялось изображение, он не может показать вам уменьшенные картинки того, что содержит и не хранит свое содержимое от запуска до запуска системы... ... С одной стороны вы можете интуитивно понять основные функции программы, но с другой стороны метафора ограничивает навигацию очень элементарным, линейным маршрутом... ... Чтобы запустить другое приложение, вы должны вернуться на улицу... ... Искушение полностью использовать метафору, задействовав ее лишь для одной из функций может оказаться непреодолимым... Подробнее: http://fit-media.com/post_1206190085.htmlDropBox - убийца фалообменников
Степень соответствия запросу: 4,38%
Фрагменты текста поста : ... за два с лишним месяца с этого сайта пришло только одно письмо (об успешной регистрации), так что завал спамом вам не грозит... ... Там же внизу есть синяя картинка с коробкой - это ссылка на скачивание клиента... ... В первом окне выберите пункт "... ... В следующем окне введите е-мэйл и пароль, которые вы вводили при регистрации... ... Если все в порядке, то в следующем окне вам будет предложено выбрать тарифный план... ... Когда вы просмотрите все картинки, то дойдете наконец до окна с крупной надписью "... ... В этом окне нужно поставить галочку "... ... С одной стороны это хорошо и удобно &mdash... ... С другой стороны это не удобно, т... ... одна копия лежит у вас, вторая &mdash... ... Впрочем от этого недостатка можно избавиться, но об этом в другой статье... ... он больше не нужен Как видно на картинке, в вашей папке уже созданы две вспомогательные папки: "... ... Поэтому если вы хотите, чтобы кто-то кроме вас мог скачать файлы из вашего аккаунта, то вы должны разместить эти файлы внутри одной из этих папок... ... Вот так, например, будет выглядеть только созданный мной альбом: Все картинки в нем кликабельны, клик на любой из них покажет ее в более крупном размере... Подробнее: http://fit-media.com/post_1256945370.html300-летие битвы при Лесной
Степень соответствия запросу: 4,12%
Фрагменты текста поста : ... -) Чуть в стороне народные умельцы продавали глиняные кувшины и чашки, детские свистульки, плетеные корзины, вышитые картины и еще много всякой всячины... ... Кроме того, обе площадки располагались напротив друг друга и постоянно пытались друг-друга заглушить... ... Доходило до курьезов: на одной сцене звучит некая очень торжественная и траурная мелодия, а с противоположной стороны доносятся звуки "... ... Но прикол вышел в том, что участники Крестного Хода зашли с противоположной стороны и в итоге высочайшее начальство совсем ничего не увидело, т... ... К площадке с креслами перед сценой вели с разных сторон несколько дорожек, которые (как обычно) выкладывали не для удобства хождения людей, а для "... ... красивой картинки при взгляде со спутника "... ... Видимо не найдя ответа на этот вопрос, все нуждающиеся ходили в прямо противоположную сторону &mdash... ... когда ведущий по три раза читает одно и тоже приветствие, а приветствуемые никак не появляются... ... когда на груди у графа из свиты Петра золотой крест сделан из картона и фольги и один из его лучей помят, торчит в сторону и обмотан скотчем (видимо оторвали в толпе)... ... А так зрители, сразу же после возложения венка, стали разбредаться от сцены в разные стороны... Подробнее: http://fit-media.com/post_1223377088.htmlМаксимум производительности
Степень соответствия запросу: 3,33%
Фрагменты текста поста : ... Увеличение производительности компьютера ускоряет все процессы, повышает эффективность их выполнения и уменьшает стоимость одной операции... ... Во-первых, для этого нужно увеличить производительность всего компьютера, а не только одной его части... ... Одно кольцо устанавливает диафрагму &ndash... ... Другое кольцо устанавливает выдержку &ndash... ... Затем одним кольцом они устанавливают диафрагму, другим &ndash... ... Этот сложный механический интерфейс можно заменить одним кольцом &ndash... ... Действительно ли необходимо второе окно, или же задание можно выполнить с помощью одного... ... Исследуйте другие способы получения информации... ... Слишком часто создатели программ предлагают нам неясные вопросы с двумя одинаково выглядящими вариантами ответа, хотя одно из решений является неверным для большинства... ... В одном из исследований этого феномена пользователей попросили выполнить одно и то же задание с помощью клавиатуры и мыши... ... или другой анимированный указатель для любой задержки более 0,5 секунды... Подробнее: http://fit-media.com/post_1207048697.html
