Стефан Загмайстер: 7 правил для большего счастья
[info]igordyakov
Метки:

Dieter Rams - Cold War Modern
[info]igordyakov


“Every company makes the same design with dark brown wooden housings. They called that in Germany [unclear]. It’s always a compliment when some products you have designed become a nickname, like the ‘Snow White Coffin’. Nobody knows exactly where it’s coming from, it comes from the competition or it comes from the inside. The first thing was not only the cover, it was only the base, the main base in metal. I was influenced by my grandfather who was a carpenter and he was a specialist with surfaces. I learnt that from him, but I had in mind to study architecture. After that I finished my studies. That was a time where in Germany there was nothing, so things come back from the United States, for example, with architecture – there’s things from … Gropius, from Marcel Breuer – all these things come. And it was for us just to look in a New Brave World.


Somebody said that there is an announcement in the newspaper that there’s a company called Braun. And then I get an answer from Braun – I met him first and he told me about his ideas. His vision was to change the product line. It was at this time unbelievable – totally new approach as a company. But that was the thinking behind it - it was not only concentrated on design – design was one part. In the company there were possibilities that people could have things because even secretaries doing always the same things the whole day, they need something to stay healthy.


The first exhibition of the new design of the radios was very successful. The media and everyone was surprised about that, so Braun became more known. Nobody had this idea that by the help of design, you also could be very successful.


I did it because I became a teacher at the Academy of Fine Arts in Hamburg, so it was necessary to do something which you could tell the students and could tell to the press and also to keep together our own behaviour in the design department at Braun. The last one was as little design as possible, which is a similar lesson.


I hate everything that is driven by fashion. From the beginning I was hating in the 60s the American way of styling, especially cars. They changed their styling things every 2 years and designed new ones which is nothing to do with good design.


So at the end of the 60s the whole programme was looking like that. In the beginning were the first writing machines. It was also monochrome – why should it not be in a colour? It’s a difference between a kitchen machine that stays permanently in the kitchen and has to be in the background like … it was thought our products should look like an English butler – be there when you need them, but in the background when you don’t need them. So it depends on the product to make it colour or
not.


I was involved always and still in the field of furniture. And then I met Otto Sap and Nils ??? I had in my mind always thinking not one blinds alone but always thinking how can I add something? Specially developing furniture - people could change them, they could add something after using them a while.


Somebody has written that I am the designers’ designer – I take that as a compliment. I also take it as a compliment that ??? is taking some of the ideas I had in the 60s and that is for me, again, the best compliment you can get as a designer.


They called it later the first Walkman because it was the first one you could have with earphones and walking with it. It was also designed as a system – separate radio. They made an exhibition with the and they make this poster.


I think that design has a great, great responsibility for the future. I am always optimistic – as a designer you have to be an optimist, otherwise you should not stay as a designer any more.”

HD Video Victoria and Albert Museum



Rams's Ten Principles of Good Design

Good Design Is Innovative
The possibilities for innovation are not, by any means, exhausted. Technological development is always offering new opportunities for innovative design. But innovative design always develops in tandem with innovative technology, and can never be an end in itself.

Good Design Makes a Product Useful
A product is bought to be used. It has to satisfy certain criteria, not only functional but also psychological and aesthetic. Good design emphasizes the usefulness of a product while disregarding anything that could possibly detract from it.

Good Design Is Aesthetic
The aesthetic quality of a product is integral to its usefulness because products are used every day and have an effect on people and their well-being. Only well-executed objects can be beautiful.

Good Design Makes A Product Understandable
It clarifies the product's structure. Better still, it can make the product clearly express its function by making use of the user's intuition. At best, it is self-explanatory.

Good Design Is Unobtrusive
Products fulfilling a purpose are like tools. They are neither decorative objects nor works of art. Their design should therefore be both neutral and restrained, to leave room for the user's self-expression.

Good Design Is Honest
It does not make a product more innovative, powerful or valuable than it really is. It does not attempt to manipulate the consumer with promises that cannot be kept

Good Design Is Long-lasting
It avoids being fashionable and therefore never appears antiquated. Unlike fashionable design, it lasts many years – even in today's throwaway society.

Good Design Is Thorough Down to the Last Detail—Nothing must be arbitrary or left to chance. Care and accuracy in the design process show respect towards the consumer.

Good Design Is Environmentally Friendly
Design makes an important contribution to the preservation of the environment. It conserves resources and minimises physical and visual pollution throughout the lifecycle of the product.

Good Design Is as Little Design as Possible
Less, but better – because it concentrates on the essential aspects, and the products are not burdened with non-essentials. Back to purity, back to simplicity.




Метки:

Eike Koenig from Hort
[info]igordyakov
Метки:

Вы легко можете комментировать записи
[info]igordyakov
В кои то веки решил оставить комментарий, а тут


113.92 КБ
Нельзя делать такие параноидальные формы
Метки: ,

iTunes U
[info]igordyakov
Кстати, наверное многие не знают, но здесь
406.79 КБ
есть очень много интересных лекций практически на любые темы, причем все бесплатно
Метки:

Продвижение в App Store
[info]igordyakov


http://www.e-legion.ru/blog/technical-blog/promotion-in-app-store/
Метки:

O'Reilly Webcast: Designing Web Interfaces
[info]igordyakov
Метки:

John Gruber - The Gap Theory of UI Design
[info]igordyakov
Метки:

Don Norman: The Want Interview
[info]igordyakov

Rapid Prototyping with Aza Raskin
[info]igordyakov


Aza Raskin, creative lead at Firefox, shares some tips and tricks about rapid prototyping at the Mozilla Drumbeat festival
Метки:

Пользовательские тесты
[info]igordyakov
Студент спрашивает у бородатого профессора:
— А Вы когда спите бороду под одеяло или на одеяло кладете?
— Никогда об этом не задумывался, надо проверить.
Встречаются через неделю. Профессор весь измятый, под глазами синяки, борода всклокочена.
— Черт тебя дернул меня про бороду спросить. Теперь как не лягу уснуть не могу, на одеяле — неудобно, под одеялом — колется.


Когда результаты исследований противоречат здравому смыслу, но кто-то это навязывает как аксиому, нужно дословно вспоминать цитату Воронежского, как защитный механизм от ереси:

Это произведение о том, что не надо жить в мире условностей. А за применение научных методов вообще надо по мозгам давать. Вот провели исследование, куда смотрят люди, когда ищут в гугле. Оказалось, они смотрят в левую верхнюю часть страницы. Опубликовали. И ей-богу, наверняка сидит сейчас какой-нибудь идиот и рассказывает кому-то, что все смотрят в левую верхнюю часть страницы, поэтому все важное надо размещать только там. Исследования сосут. То есть, они, конечно, бывают очень интересные, но законы из них выводить нельзя, потому что это вам не физика и алгебра. Люди смотрят туда, где им что-то показывают, а вовсе не куда-то туда всегда.
Метки:

Stefan Sagmeister
[info]igordyakov
Метки:

Интерфейсы: реальные и виртуальные
[info]igordyakov



Лекция профессора Потсдамского Университета Прикладных Наук Рето Веттаха об интерактивном дизайне интерфейсов и о том, как создать взаимосвязанный диалог между людьми и окружающими нас системами.

Алексей Пелевин: Проектирование услуг
[info]igordyakov
404 fest (2009)
Метки:

Солянка про интерфейсы
[info]igordyakov
Хороший интерфейс помимо того, что он удобный и понятный, должен не терять связь с реальностью. У многих элементов интерфейса есть физическая модель (кнопки, бегунки, переключатели и прочее) и в оформлении не стоит далеко уходить от устоявшихся образов. Например, если присмотреться к мобильному телефону (с кнопками), можно заметить, что выпуклость кнопки образует градиент с затемнением к низу, при ярком свете верхняя грань кнопки подсвечивается сильнее остальных и создается малозаметный двойной контур. Если кнопка расположена сама по себе, а не в стеке, то в зависимости от силы и угла источника света она будет отбрасывать тень оттенком цвета кнопки (а не глухо черную) на небольшой дистанции. Аналоговый эквалайзер на старом магнитофоне, переключатель на микроволновой печи, качелька-включатель у электрического чайника и прочие повседневные элементы реальных интерфейсов, могут успешно переходить в плоские экраны и если их изображать в соответствии с физическими моделями то они будут понятны всем.

У элементов реальных интерфейсов нет промежуточного состояния между покоем и нажатием (взаимодействием) — реакции на наведение. В реальной жизни нет курсора-посредника с помощью которого мы совершаем действие. Мы подходим к выключателю — нажимаем и загорается\гаснет свет. От этого посредника избавились в айфонах и айпадах приблизив электронные интерфейсы к реальным. Кстати, люди, которые создают тач-устройства с курсором мягко говоря не поняли сути.

Но пока большинство людей, выполняя действия на компьютере используют посредника, все элементы интерфейса с которыми можно взаимодействовать должны реагировать на наведение. Ссылки — менять цвет, кнопки и иконки — загораться, иконки в панелях приложений менять плоскую поверхность на выпуклую, обрамляться в рамки. Это и делает взаимодействие комфортным.

Ссылки

12.36 КБ

У каждой ссылки на сайте должна быть реакция на наведение вне зависимости от ее цвета и области где она находиться (подвал, тело сайта или шапка). Обычно, ссылка в покое — синяя, по наведению — красная, по нажатию — обрамляется в малозаметную рамочку из точек (но не в коем случае не скачет имитируя нажатие), посещенная — отмечается бледно-фиолетовым.

Посещенные ссылки требуют особого внимания. Когда речь идет, например, о главной странице новостного сайта, где много заголовков-ссылок на новости — каждая из них должна отмечаться посещенной. Ссылка здесь является индикатором «здесь я уже был» эта отметка выполняет важную навигационную функцию и позволяет не растеряться в большом потоке информации, ведь текст новости после посещения не меняется и а) ее будет легко найти в потоке, если нужно вернуться; б) не заходить второй раз по ошибке. Но ссылки на разделы, будь они в навигации или в блоке в теле страницы никогда нельзя отмечать посещенными. Потому, что со времени первого посещения информация на странице раздела могла полностью измениться и отметка о посещении перестает быть актуальной.


Кнопки

Кнопки должны иметь 4 состояния.

7.99 КБ


1. Состояния покоя.

2. Реакция на наведение (немного подсвечивается). При наведении курсор должен оставаться стрелочкой и не меняться на лапку. Лапка используется для ссылок, как вспомогательный индикатор, который говорит «Эй, этот текст, который креативные дизайнеры не подчеркнули и сделали неотличимым от остального текста — ссылка, по ней можно перейти». А то, что кнопку можно нажать и так всем понятно, не нужно никаких подсказок.

3. Нажатие (нажимается, инвертируется градиент, пропадает тень).

4. Неактивна (бледно-серая). Вообще показывать что-то, что не работает чаще всего не нужно. Но бывают случаи, когда нужно показать — «Вообще у нас можно купить бетон, но пока его нет в наличии».

Часто дизайнер забывает, что форму нужно выравнивать по пиксельной сетке. Хорошо, когда попадается ответственный верстальщик, который это исправляет, но чаще всего просто вешают элементы с мытыми краями.

5.35 КБ

3.25 КБ

Бррр

2.75 КБ

Всего два нажатия стрелочкой влево и все снова четко.

В слоях макета, кнопка должна выглядеть примерно так.

9.51 КБ



Интерфейс должен разговаривать человеческим языком и в идеальном случае должен строиться так, чтобы его можно было прочитать как предложение.

5.85 КБ

Лекция Эдварда Тафти
[info]igordyakov
Метки:

Вежливость в телевизионной рекламе
[info]igordyakov
У меня никогда не возникало раздражения, когда телепередача или фильм прерываются на рекламу. Мне нравится смотреть рекламные ролики. И радостно-дибильную рекламу магазинов электроники, и рекламу майонеза, и крутые ролики сникерса. Плохо, что они часто повторяются. Иногда даже по нескольку раз крутят в одном рекламном блоке. Ну, с этим понятно, компания купила какое-то какое-то количество показов в определенное время и это нужно отработать.

Но многих людей бесит, что их любимая передача прерывается на самом интересном моменте на неопределенное время, иногда на всего на несколько роликов, а иногда и на пол часа.

Сейчас ежедневное информационное давление на человека приближается к критической отметке. Не только из телевизора, но и в повседневной жизни. Об этом интересно рассказывает Олег Пащенко (лекция в предыдущем посте). У людей вырабатываются защитные механизмы к навязанной информации и рекламные технологии, которые используются много лет, скоро перестанут быть эффективными. Помимо новых средств коммуникации, в таком контексте, актуальна «вежливость» по отношению ко времени и информационному давлению на сознание. Должна быть возможность выбирать или оградить себя от навязчивой информации, не только посредством рефлекторного отключения внимания, а как-нибудь более цивилизовано.

Не знаю, как это адаптировать для мегаполисов, которые с таким количеством наружной рекламы, похожи на непрекращающийся калейдоскоп. Но для ТВ это легко реализовать. Достаточно за несколько минут перед началом рекламного блока, просто предупредить об этом, а когда реклама начнется, где-нибудь поставить индикатор «осталось Х минут».

257.51 КБ

Конечно, маркетологи, консультанты и другие бренд-менеджеры не допустят этого в ближайшее время, мол, следить не будут, когда продолжение начнется. Хотя те, кто не хотят смотреть рекламу, уйдут по своим делам в любом случае, а потом просто опоздают на продолжение передачи (+10 к раздражению), а те кто никуда не собирался уходить, останутся сидеть на диване.

Когда-нибудь будет «контекстное» телевидение, когда компьютер будет выбирать, какую рекламу нужно показывать для меня, а какую для соседки Татьяны Никитичны, в соответствии с интересами в сети. Потому, что меня мало интересуют средства женской гигиены и шампунь для окрашенных волос, а ей бессмысленно показывать рекламу пены для бритья и карлсберга. Ну, а пока, достаточно просто индикатора «сколько осталось».
Метки: ,

Лекция Олега Пащенко в БВШД
[info]igordyakov
Метки:

Багаж Дмитрия Карпова
[info]igordyakov

Поле ввода в навигации между страницами
[info]igordyakov
3.72 КБ

Иногда его очень нехватает

Вы читаете журнал [info]igordyakov