Spiral agile process

UX Method : AGILE PROCESS

Spiral agile process

by Hannah Jun

Jan 5th, 2015

When I joined ux expert meeting, lots ux people were talking about agile process. I didn't know that's very important. But in my case,  I realized that I always used agile process.
So I want to talk about agile process.

When I created UX company website, my boss asked to build our own contents, company identities, and our own process. I was surprised his order because that company was just new.

So I read lots UX book, UX company philosophy, and asked to boss and team member. And I was realized what ux companies' common process.





This is my agile process. We called a spiral agile process

" First, when we got a client's requirements, we design which functions and contents are most important to users. That could be ux trend, function list, menu tree about main screens. 

And delivered to clients. When they see our prototyping images, they can decide which function would be good. 

When we got a client's feedbacks, we research how to show more useful and charming main screens ( Home, menu, detail screen). And checking to developers. 

When we did this flow, finally we can achieve our goal.

Not getting bigger, getting smaller research and deep results.  " 




Those agile process are very similar.
Design(analysis, discover, create), visual design , develop. 

Of course, I didn't write very detail process. Because each projects have different process. But main point is getting smaller and deeper to our project. 

from Hannah Jun

50 Design Problems In 50 Days

50 Design Problems In 50 Days: Real Empathy For Innovation 

by Pete Smart

May 27th, 2013 

from : http://www.smashingmagazine.com/2013/05/27/50-problems-50-days-part-1-real-empathy-innovation/

I set myself a challenge. I wanted to test the limits of design’s ability to solve problems — big and small. To do this, I left the comfort of my computer chair and set out into the unknown. Each day, I had 24 hours to observe a problem, attempt to solve it and then communicate the solution.

I recently travelled 2517 miles to try to solve 50 problems in 50 days using design — a journey that would challenge me to fundamentally rethink my understanding of the user-experience design process.
On my own shoestring budget, from grimy backstreet hostels to bustling cities, I travelled Europe attempting to solve a different social problem that I observed every day. The project itself was an incredible experience. Some days, my solutions were OK, some days I failed, and some days the solutions were great. The point, however, was not to succeed, but to get up every day and try again — even when I had failed the day before.

The adventure taught me an unbelievable amount about design’s power to solve problems and about my own capacities as a designer. Importantly, it honed my ability to think through and tackle problems rapidly.
In the first of three articles, I’ll share what travelling from the bustling metropolis of London to the cobbled backstreets of Turin taught me about the design process and about the power of empathy to foster innovation.

It was day 19 of my 50-day adventure. I found myself dashing to catch an underground train, running until I arrived at the station to find a sea of people crammed onto the platform. There were problems on the line, and trains were delayed. Surveying the scene, I decided to make this my problem for the day.

I took a step back, analyzed the situation in front of me and got to work. Having started my own design consultancy at 15 years old and now consulting as a user-experience lead, I knew how I would start:

• Observe

• I examined the flow of people, watched them jostle for position and looked at the methods of entry and exit from the platform.

• Analyze

• I calculated the time between trains, counted the number of people waiting to board and tried to identify patterns in the way people behaved.

• Interview

• I spoke to people waiting to board, asked them how they felt and what would make this experience better.

I collected as much useful information as I could about the way people were engaging with the service…
… and came up with nothing.
At best, I had some pretty predictable solutions, chief of which was simply to increase the number of trains — a solution that hardly felt adequate.
Frustrated, I sat down. Then as the next train arrived, opened its doors and let on passengers, I heard a voice bellowing in the distance:
“Move! Come on! Move!”
I looked up to find a hefty underground attendant shouting at commuters. I walked over and asked him what the problem was.
“We can fit more people on the train, but they just won’t get on!”
I thought for a moment.
The next train rolled in.
Passengers started to board.

And I got on.

Getting on the train (Image: Alexander Montuschi)Immediately, the train pulled away, and I tried to find a place to stand, still surprised that I had decided to board. As I tried to find a spot among the sweaty mass of people, I suddenly understood the real problem.
There was space further down towards the middle of each carriage, enough to fit at least another 10 people. However, people didn’t want to move down the carriages. Instead, they crammed by the doors for fear of not being able to get off at their stop.
Whereas my best design processes had failed, getting on the train revealed the real problem to me as clear as day. I discovered the underlying problem not because I had observed, analyzed or interviewed, but because I had felt it myself.
Trying to solve 50 problems in 50 days enabled me to realize, among other things, that the constraints of our design process can allow us to neglect a vital tenant of creating truly effective solutions: it can allow us to miss real empathy.
Real empathy is not naturally fostered in focus groups. It’s not uncovered in analytics. It doesn’t start with personas or empathy maps.
Real empathy starts with people.

My adventure fundamentally challenged me on how we understand people as part of our design process. The quality of our problem solving is directly linked to our ability to understand the problem. As I tried to tackle a new problem every day, I learned that analysis of people’s behaviours and problems simply wasn’t enough — I had to make them my own.

Sitting with the homeless on day 24 of 50 in Turin, Italy.From sitting with beggars on the streets of Turin (day 42) to getting lost in the streets of Antwerp (day 23) to having no money or energy in Zurich (day 38), my adventures immersed me in unfamiliar situations and enabled me to learn, analyze and solve more effectively than I ever could in isolation.
Empathic research helps us understand our users’ needs beyond the functional, enabling us to develop more appropriate design outcomes. It is one of a raft of valuable processes and tools, on its own seemingly no more important than any other. However, while good designers understand the tools, great designers understand people.
Empathic research is not new. Yet, it is too often treated merely as a tool to create new products or as the domain of pin-up design agencies that have the budgets and clients to accommodate this type of critical inquiry. This needn’t be, and simply is not, the case. The best-designed solutions, however small, are born from real understanding of the underlying, complex needs.

Observing the behavior of bicycle riders on day 28 of 50 in Amsterdam.We can’t all travel thousands of miles every time we start a new project, and commercial realities constrain the time and resources of our projects. However, gaining a deeper understanding of people doesn’t require allocating drastically more time for ethnographic research or sacrificing other areas of the process.
Below are some of the methods I started to employ on my adventure, with many more picked up along the way. Use them, build on them, and develop your own. Our aim should be to understand people more deeply and, in doing so, to solve their problems more effectively.
GET INTO A COLD SWEAT

Do everything you can to feel what your audience feels, whether it’s ecstasy, powerlessness or relief. Say you are tasked with creating a journey-planning website. It is too often a temptation to unquestioningly rely on the conventions we’ve accumulated from other designed experiences. Innovation is born out of a natural distrust of convention and a desire to create smarter, more intuitive experiences.
Pick two locations you’ve never been to and try to travel from one to the other without using any technology. You’ll soon have that unnerving feeling of being lost in unfamiliar surroundings. Doing so will surface valuable, first-hand insight into the interventions you’ve relied on when no technology was at hand. How did you find your way? Which landmarks guided you? What processes did you rely on? How can these tools be translated into your service? The empathic research process is grounded in understanding an experience from the user’s perspective. Feeling what your users feel will enable you to understand complex scenarios more intimately and, in doing do, to solve them more effectively.
INTERVIEW PEOPLE
 MEET PEOPLE

An impromptu co-creation workshop to solve communication challenges, on day 29 of 50 at my hostel in Amsterdam.To gain empathic understanding, rather than distanced analysis, go to meet people where they are — in their environments, not in our labs. Focus groups give us some insight into people’s experiences, but they can’t enable true understanding. We’re aware that experiences are felt: they are predominantly emotional not rational. By asking people to communicate their experiences in our settings, we are asking them to rationalise their thoughts and actions. This can never paint an totally accurate picture.
Rather than interviewing users, we should look to meet people. Take creating an e-commerce website for a bathroom retailer. Go down to a showroom and watch how people interact with the products. Meeting people in their environments allows us not only to ask them what they think of the products in front of them, but to physically see how they form their opinions. What stages of decision-making did they go through? Where were they looking? What did they compare the product to in order to reach their decision? These insights will inevitably inform better decisions and foster more intuitive results.
EVERYONE IS A DESIGNER

Laptop as a stand for a phone — an unconscious act of design. (Image: Josh Russell)If empathic research teaches us anything, it’s to be humble and realize that everyone on the planet is a designer — and is usually better at solving problems than we are. We all commit deliberate acts of organization to overcome problems, from the way we arrange our desks to the way we use a window to catch our reflection. Empathic investigation helps us to observe the ways in which people are already overcoming obstacles, and it often uncovers solutions that are more elegant than we’d expect.
Trying to design a daily news-feed mobile app? Walk into any library and spend some time looking at how people physically interact with information. From bending page corners into bookmarks, to underlining in pencil to make scanning faster, to positioning journals side by side for easier cross-referencing, once you start to really look, you’ll gain insights that enable you to combine people’s half-solutions into even more useful experiences.
PROTOTYPE IN SITU

In-situ prototyping of a tool to help hostel staff communicate with guests, on day 29 of 50.When we try to consolidate what we’ve learnt into design decisions, we do so in our studios, often on our high quality screens. Try picking up your pen, getting out of the office and finding a location in which someone might typically use the service you’re creating. Now try to design. You’ll soon have to deal with the same distractions, complications and restrictions that some of your users face. How does that affect your design decisions?
There are many more techniques for getting under people’s skin, but these are just a few to start. Ultimately, empathic research is not about asking users what they want, but about understanding their needs for ourselves.
So, what was the result of getting on that underground train, being squashed among busy commuters and feeling people’s anxiety for myself?
Initially, the result was another pretty predictable solution.

Leveraging the closing doors of the underground trains.I leveraged the closing of the train doors to suggest that people move closer together. This didn’t feel good enough — more like a public-service announcement than an effective solution.
So, I thought harder, drawing on my experiences and instinctive responses, and I ended up asking myself the question, “How can I turn a logistical problem into an enjoyable experience that people actually want to engage with?”
The solution? To introduce “play”. I transformed the floors of the underground carriage into a game of Monopoly. Rather than standing in jail, people are encouraged to move down the carriage, towards Mayfair — an engaging and participatory solution to a complex problem.
 Computer Arts Magazine called it, “A playful way to encourage people to move away from Tube train doors. Top hat and flat iron optional.”

Since being published, 50 Problems in 50 Days has received some super press and some unexpected awards. This particular solution was one of the most discussed and has been one of the most widely shared.
Empathetic understanding is a vital tool in fostering innovation. If we can better understand the people we are designing for, the better our decisions, designs and results will be. Travelling 2517 miles taught me that if we wish to innovate, we must go beyond analyzing people’s experiences and try and make them our own.

Understanding people better often requires us to get outside and get our hands dirty but, in doing so, allows us to better analyze and solve.

 In the words of Diego Rodriguez, partner at IDEO:

“In doing, there is knowing. Doing is the resolution of knowing.”

[UX Library] Website for Designers

Website for Designers

1 UI/UX 

UX Magazine

UX news site 

Can check ux conference events and ux jobs

Troy Labs

Can see device's interactive design

Can check Samsung, Apple, LG, Google, HTC, Sony and more devices

You can simulate how to show at device. 

Troy Labs

Capptivate

UI animation pattern libraty site

Easy to see the animation patterns

Capptivate

2

CSS/jQuery

Codrops

Showing the webdesign tutorials, layout patterns, jQuery plugin 

Codrops

Awwwards

Showing webistes that got prizes

You can see websites trends and interaction trends 

Awwwards

Media Queries

Site gallery with Media queries

You can see all temblet such as mobile, tablet and desktop

Media Queries

SpinKit

스플래시 모음 사이트

8가지의 로딩 애니메이션 효과와 직접 적용할 수 있는 CSS소스도 편리하게 제공하고 있습니다. 종류가 많지 않은 점이 아쉽지만 버튼 및 효과를 최소화한 미니멀리즘을 추구해 굉장히 깔끔한 인상을 주고 있습니다.

SpinKit

스플래시(Splash)와 사용자 경험의 접목

스플래시는 프로그램 시작 시 타이틀 화면이나 로딩 창을 보여줌으로써 사용자에게 어떤 프로그램이 구동 중이고 어떤 상태인지 알려 주는 중요한 역할을 하고 있습니다.
종종 제품이나 디자인을 접할 때면, 아주 사소한 것들이 제품과 디자인의 완성도를 결정하는 일들에 놀라곤 합니다. 스플래시 화면의 기다림을 놀랍고 재미있는 경험으로 바꾸는 것만으로도 사용자에게 훨씬 좋은 경험을 줄 수 있을 것입니다.

출처 — http://uxd-trend.tistory.com/17

3

디자인 템플릿

DBF

디자인 포트폴리오 자료 모음집

Dribbble과 Behance의 디자인 자료 소스를 한곳에 모아 두어 양쪽 사이트를 가지 않아도 편리하게 디자인 템플릿들을 검색할 수 있는 사이트입니다. 각 이미지별로 여백 없이 시원시원하게 구성되어 있어 한눈에 알아보기 편리합니다.

DBF

365PSD

무료 디자인 템플릿 다운로드 사이트

다양한 웹·모바일 GUI, 아이콘 등의 PSD파일을 무료로 다운받을 수 있는 웹사이트로 유명하며, ios 8을 포함한 최신 디자인 트렌드를 반영한 자료도 마음껏 찾아보고 다운받아 이용할 수 있습니다.

365PSD

One Page Love

원 페이지 웹디자인 템플릿 사이트

2015 웹디자인 트렌드에서 언급했던 것처럼, 내년에도 대세가 될 원 페이지 디자인만을 모아 둔 사이트입니다. 카드형 디자인을 통해 보기 쉽도록 구성해 두었고, 각 디자인 템플릿의 퀄리티가 좋은 편이라 디자인적 영감을 찾는 데 좋은 사이트입니다.

One Page Love

4

그 외, 유용한 사이트

Degraeve

이미지에서 즉시 컬러를 추출해 팔레트를 생성

이미지나 사진에 있는 컬러를 사용하고 싶으나 잡색이나 노이즈 때문에 추출이 어려웠다면, 이제는 이미지만 첨부하면 자동으로 색상이 추출됩니다! 10가지 색을 파일 첨부와 URL 링크 두 가지 방법으로 이용할 수 있습니다.

Granneman

OS별 기본 서체 리스트업 사이트

윈도우, 맥 OS, 리눅스, 안드로이드, ios 등의 기본 서체들이 리스트업되어 있어 편하게 확인해 볼 수 있고, 오퍼레이팅 시스템과 각 OS별 폰트 사이즈 등 상세한 내용 또한 읽을 수 있습니다.

jpegmini

화질변화 없이 jpg파일의 용량을 줄여 주는 사이트입니다.

이미지 최적화(image optimization)가 웹사이트의 로딩시간을 좌우하지만, 고화질 이미지를 사용하자니 로딩 시간이 너무 길고, 용량이 작은 이미지를 쓰자니 화질이 많이 떨어지는 단점이 존재했습니다. 이를 보완해 주는 jpegmini는 화질변화가 거의 없이 용량을 최소 절반 이하로 줄여 주어 매우 편리합니다.

웹용은 무료이지만, 설치용은 구입 후 사용이 가능하니 참고하시길 바랍니다.

from http://cimple.postype.com/post/812/

[UX Story] Google's material design

구글의 머트리얼 디자인 가이드 함께 보기

올해 6월, 구글은 Material Design을 정식으로 발표했습니다.
그 전에도 다양한 디자인 정책(asset)들이 존재했었지만, 이처럼 타이틀을 거창하게 걸고 발표한 적은 없었습니다




구글로서는 대단히 성대한 런칭이었지만, 아주 HOT한 대중의 반응을 이끌어 내지는 못했습니다.
구체적인 형상이 없이 개념정도에 머물러 있었기 때문이죠. 게다가, 구글은 작년(2013)에 Polymer라는 UI 툴킷을 발표한 적이 있었는데, 이 형상이 Material Design과 상당히 유사해서 ‘구글의 그저 그런 통합’으로 여기는 분위기였습니다.

한 달쯤 후, 구글은 Noto 폰트를 발표합니다.

구글은 “전 우주를 데이터베이스화 한다”라는 거창한 모토가 있는 기업이니만큼, 폰트에서도 바벨탑을 세우고 싶었나보다 했었지요.
폰트덕후로써 열광할만 했지만, 이 역시 구글 안드로이드의 큰 변화라고는 생각하지 못했었습니다.

그런데 지난 10월, 구글이 소리소문없이 Google (Developers’) Guideline을 Google Design으로 독립시키고  본격적으로 Material Design에 대한 실체적인 가이드라인을 배포하기 시작했습니다.
그리고, 곧이어 구글은 모든 구글 앱들에 Material Design을 적용하여 업데이트 했습니다.
구글이 큰 회사인 건 알았지만, 거의 모든 구글앱들을 반년만에 판올림한 건 정말 엄청난 일이지요.

확인해 본 바로는,
Play Store, Google +, Music, Movies & TV, Play Book, Play Newsstand, Play Games, Photos, Camera(!), Maps(!),  HangOut, Google I/O 2014, Google Now, Gmail 은 모두 Material Design을 적용완료하였고, Calendar, YouTube,  Peoples(연락처), Email 등은 아직 변경 전인 것 같습니다. (이 모든 것들이 지난 한달 안에 벌어진 일입니다. ㅎㄷㄷ)

개념으로 알고 있던 것보다 실제로 만져보고 다뤄보니, 정말 큰 변화이고, 좋은 변화라는 것을 체감할 수 있었습니다.

한 번쯤 Google Design을 일독해 보시고, 아래의 리뷰(?)를 참고하시길 바랍니다. ^^

1. Card UI의 온전한 생태계를 구성했다.

– FlipBoard와 (Windows) Modern UI가 등장했던 2010년 이래로 UI/GUI의 중점적인 화두는  ‘어떻게 콘텐츠를 모듈화할 것이냐’ 였습니다. 이 때 Big Data라는 단어도 한참 회자되었었지요.

콘텐츠를 모듈화하는 방법으로 제시되었던 격자형 구조는, RWD에 유리하다던지,
다양한 연동규격을 활용하기 쉽다는 등의 이점으로 초기에 각광을 받았으나, 금방 한물간 유행이 되어버렸습니다.

아마도
(1) Skeuomorphic한 기존의 UI 문화에서 갑자기 바뀐 단조로움에 대한 거부감 / 또는 이해하기 어려움
(2) 다양한 종류의 컨텐츠를 동일한 면적에 우겨넣다보니 오히려 몰개성해지는 톤/태도.
(3) 디벨로퍼나 컨텐츠 생산자들에겐 너무 가혹한 가이드라인
(4) 지나치게 이미지(+아이콘) 쪽으로 치중된 무게중심
등이 이유가 아닐까 하는 생각을 합니다만, 순전히 개인적인 생각입니다. ^^

그러다가, 2011~12년간 ‘정보의 Curation’이 화두가 되었지요.

Big Data에 대한 조작 노하우들이 좀 쌓이기도 했고, Siri처럼 정보를 ‘알아서’ 제공하는 것에 대한 관심이 높아진 시기였습니다.
때마침 클라우드 기반 서비스들도 만개하기 시작했던 터라, 2010년 이전에는 정보를 생산/축적/개인화하는 기술 쪽에 관심이 모였다면,  이후에는 방만한 정보를 유저에게 되돌려 주는 기술, 즉 정보를 세련되게 제시하는 기술에 대한 관심이 높아지는 추세였습니다.

그리고 이에 맞는 Pinterest, Behance 등의 서비스도 급흥행을 하게 됩니다.
더불어 Card UI에 대한 관심도 높아졌지요.  이 시기에 맞추어 Facebook이나 Google도 자신의 서비스에 Card UI 를 적용하기 시작했습니다.

(페이스북의 Card UI 적용 이전/이후)

Card UI가 Modern UI보다 나은 장점은,

(1) 서드파티의 데이터에 대해 유연하게 대처할 수 있고,
(2) 단위 컨텐츠의 소비가 빠르고 이해하기 쉬우며,
(3) (IA 구성의 입장에서) 상대적으로 단순한 구성을 만들어 낼 수 있고,
(4) 이 때문에 시각적으로 단순한 레이아웃을 만들 수 있다는 점  등이 아닐까 합니다. 그리고, 이에 대한 모범사례는 페이스북과 핀터레스트 였지요.

구글이 이번에 Material UI를 들고 나오면서 한 일은,

그간 “딱히 정해지진 않았지만 다들 알고 있는” Card UI를 논리적으로 재구축하고,  동시에 기존의 Modern UI 등 격자구조를 흡수하여 좀 더 풍부하고 ‘예외가 없는’  온전한 하나의 싸이클을 만들어 낸 것이라고 할 수 있겠습니다.

또한 모든 디바이스 ( 폰/타블렛, TV, 자동차 네비게이션- google auto, 스마트워치 )를
최대한 동일한 경험으로 아우르는 생태계를 구성한 것도 신의 한 수 였지요.

2. Skeuomorphism과 Flat Scheme의 절충안

결정적인 한 방은 iOS7의 디자인이었지만, 스큐어모피즘은 스스로의 한계 때문에 점점 지위를 잃어가기 시작했고,  UI 업계는 이를 대체할만한 cue를 모색하기 시작했습니다.

Apple과 Microsoft는 각각 ‘flat하게 디자인하기’와 ‘아이콘을 적극 사용하기’로 전략을 잡았지만,  “층위와 어포던스”에서 스큐어모피즘을 대체할만한 아이디어는 부족한 것이 사실이었습니다.

( 그림자와 ‘올록볼록’함으로 계층과 어포던스를 확보했었던  옛 iOS UI – 이전 포스팅인 Skeuomorphism과 Sizzling 참고 )

플랫한 것이 직관적이고 명료해서 이미지를 빠르게 인식하고 판단하는 데 크게 유리한 것이 사실이지만,  작은 화면안에서 다양한 층위를 설명해야 할 때는 불리한 것이 사실이었습니다.

Apple의 경우, 이를 위해 Blur를 UI요소로 차용했지만, 그것이 아름답기는 하더라도
다양한 경우에 적용하기엔 제한적인 단점이 있었고, 또한 범용적이지도 못했습니다.

(blur를 계층의 cue 로 이용하는 iOS7, 8 – iOS7 참조 – ‘당신이 언제든 이전으로 돌아갈 수 있다’라는  안정감을 주는 데는 최고이지만, 한 번 이상의 Blur를 쓸 수 없는데다,
Blur가 적용된 부분의 UI 사용에 제한적인 약점을 갖고 있습니다 (ex. 색상의 사용))

구글은 이에, 구글 월렛 제작시에 톡톡히 재미를 보았던 Shadow를 적극적으로 차용합니다.

( 많은 호응과 유행을 만들어낸 45도의 곧은 그림자 – 하지만 UI에 흡수되지는 못하고 아이콘 디자인에만 남게 됨 )

 그림자와 빛의 활용은, 스큐어모피즘이 강력하게 사용하던 매체였지만,  구글은 빛을 없애고 그림자만으로 이야기함으로써 내용을 더욱 압축하고 플랫함을 강조하였습니다. 따라서, 시각적으로는 플랫함을 유지하면서도 다양한 시도들을 이전처럼 자유롭게 할 수 있게 되었지요.

3. 애니메이션의 강화

가이드를 훑어보시면 그 어떤 가이드보다 유난히 ‘동영상’ 참조가 많은 것을 보실 수 있을 겁니다.
구글은 다양한 애니메이션/트랜지션/피드백 모션등을 함께 정리함으로써 Material UI의 특장점을 역설하고 있습니다.  모션가이드가 이렇게 전면에 등장한 것은 가이드계에서 거의 처음 있는 일이 아닌가 합니다.

4. 한계와 제약

물론, 남아있는 문제들도 많습니다.

모든 UI디자인을 2차원적으로 제한하다보니 다양한 UI를 흡수하기 어려워졌습니다.

그러다보니, “접거나 구부릴 수 없다”라는 룰도 가이드라인에 들어가게 되었습니다. (위의 이미지는 ‘안좋은 예시’)

모든 UI를 평면내에서 완성해야 하고, 부득이한 경우가 생기면 더 ‘높은 곳에’ 하나의 평면을 추가로 생성해야 하는 난제가 생기지요.  ( IA를 만드는 사람들의 고생이 더 늘어났습니다 ㅠㅠ)  위에서 설명한 ‘애니메이션 가이드’ 역시 표현에 제약이 되는 조항입니다.

문서를 보면 아시겠지만, 개방형 플랫폼 치고는 잔소리가 지나칠 지경입니다.

그리드를 반복해서 쓰지 마라, Keyline(모듈)을 지켜라, 심지어 네비게이션 바의 바탕색을 디바이스(폰)의 기기색과 일치시켜라… 라고까지 지시하고 있습니다.

꽤 구글답지 않아요. 뭐 안지키면 그만이긴 하지만요. 가이드라는 것 자체가 ‘우리는 이런 개념을 사용해서 우리의(구글) 앱들을 만들거다’라는 것이지,  ‘너희들 꼭 이렇게 만들어야 해’라는 강요는 아니니까요. ^^

5. 신개념들

구글이 한 생태계를 만들려다보니 새로운 개념들이 좀 생겨났습니다. 꽤나 고개가 끄덕여지는 내용이 많았습니다. 간단히 리뷰하겠습니다.

(1) 버튼 구분

위 이미지의 피라미드는, 버튼의 사용비율을 설명한 것인데요.

버튼을 세 종류로 나누어서 ‘플랫버튼’을 많이 쓰고, ‘레이즈드버튼’은 조금 쓰고, ‘플로팅 액션 버튼’은 한두개만 쓰라는 내용입니다.

버튼을 이렇게 세 단위로 구분한 것은 사실, 플랫버튼을 강력하게 강조한다는 뜻으로 읽을 수 있습니다.  기존에 흔히 쓰이던 ‘박스형태의 버튼’을 레이즈드 버튼이라 부르며 적게 쓰기를 권장하는 대신,  텍스트만으로 버튼 역할을 수행하는 ‘플랫버튼’의 사용으르 권장하는 것이지요.

화면을 간소하게 하고, 기존에 체계화되어 있지 않던 버튼을 정리함으로써,
보다 일관적인 look을 유지할 수 있으리라는 기대인 것 같습니다. 하지만, 비-알파벳 문화권에서 괜찮을지는 모르겠어요. 특히나 한국처럼 어포던스를 강조하는 UI문화에서는 어렵지 않을까 싶구요.

(2) 타일과 카드의 구분

새로운 개념은 아니지만, 이렇게 못박고 가는 건 처음이 아닌가 합니다.
왼쪽이 카드이고, 오른쪽은 ‘카드가 아니라 타일이다’라고 설명하고 있는데요.
이는 오히려 ‘어떤 경우에는 타일을 써도 된다’ – 즉, Modern UI를 일부 수용한다는 느낌입니다.  이번에 밀고 있는(?) z-depth에 의한 그림자를 보완하기 위한 장치인 것 같습니다.

(3) 토스트 팝업… 스낵바?

제가 알고 있던 토스트 팝업은 위와 같은 모양이었습니다.  화면 하단에서 튀어나와서 간단한 정보만 보여주고 알아서 쏙 들어가는 팝업을 토스트 팝업이라고 불렀지요.

그런데, 이런 형태도 토스트 팝업이라고 부르게 되었습니다.
굳이 라운딩이 붙지 않아도, 바닥(?)에서 떨어져 있지 않아도 다 토스트 팝업이라고 부르게 된거지요.  그런데, 위 이미지처럼 UNDO등 버튼이 추가되는 것을 Snack Bar라고 부르기로 했나봐요.  이번에 새로 생긴건지, 이전부터 있었는지는 모르겠지만, 앞으로 스넥바란 이름도 알아두어야 겠어요.

6. 전체적인 감상평(?)

다른 건 모르겠고, 그냥 숨넘어가게 잘했다..가 총평입니다. 구글이 이렇게 잘했던 적이 있었나 싶어요.  위 이미지만 봐도, 색이며, 비례며, 아이콘의 스케일이나 위치등도 Honeycomb의 버전업이라고는 믿겨지지 않을 디테일과 감각입니다.

제게는 ‘구글이 애플보다 낫다’는 느낌을 주는 첫 진화로 기억될 것 같습니다.
디자인적으로는 껌뻑 죽게 잘했지만, OS의 컨셉이라기엔 좀 아쉬운 점이 있습니다.
한 앱의 컨셉트라면 100점 만점에 300점쯤 줘도 좋겠지만, 다양한 개발자/사용자/사업자의 요구를 모두 수용하기엔 너무 제한적이고도 빈약하단 느낌이 없지 않습니다.

하지만, 무엇보다도, Lollipop부터 구글이 ‘디자인’에 많은 신경을 써 주는 것 같아 정말 고맙습니다. 두서가 없었지만, 두루 작업에 도움이 되었으면 합니다.

– 가치디자인그룹 BS Kim

출처 : http://blog.rightbrain.co.kr/?p=3019

[Trend] Smart-Watch Band Idea - T-Band

 
   삼성의 스마트 워치 "기어" 이후로 많은 회사에서 웨어러스 스마트 워치를 개발하려
노력하였고, 애플 또한 "애플 워치"라는 브랜드로 출시하였습니다. 하지만 스마트 워치를 사용하는 사람들은 많지 않습니다. 엄청나게 크고 못생긴 스마트워치를 차고 있는 것 만으로도 멋진 얼리어답터의 모습은 상상할 수 없기 때문입니다. 그럼에도 많은 기업들이 스마트워치를 개발하려 앞다투는 이유는 앞으로의 트랜드를 책임질 제품이라는 것입니다. 
십년전, 터치폰이 나왔을 때에도 사람들은 누가 이런걸 쓰겠냐며 터치폰을 조롱했습니다. 하지만 지금 현재 터치폰은 우리 생활에서 없어서는 안될 제품입니다. 

'카이로스'에서 개발한 스마트워치가 아마 기존의 이런 상식들을 깨는 제품의 시작일 것같습니다. 누구나 스마트워치를 개발 할 때, 스마트워치 자체를 개발하지만 이 제품은 명품과 스타일이라는 손목시계의 패션을 버리지 않으면서 스마트워치의 기능을 동시에 가지고 있는 새로운 아이디어라고 할 수 있겠습니다. 

티밴드(T-Band)라는 이름의 스마트 워치는 명품 시계의 바디에 티밴드 즉, 시계줄을 바꿔 자신만의 스마트 와치를 완성 할 수 있습니다. 

이 제품은 스마트 폰과 연동하여 음악재생, 문자메시지, gps, 내비게이션, 피드니스 등의 기능이 탑재 되어 있습니다. 
아직은 두껍지만 더 얇게 발전이 된다면 미래를 책임질 스마트워치의 주축이 될거라고 생각합니다. 











    Since Samsung created the smart watch that named "Gear", many companies have made the smart-watch. But many people doesn't like, because it's not cool. 

When touch phone came out, everyone made fun of that. But now, touch screen is our life.
Like that ware-less will our future life. And I think this smart-watch band will change the smart-watch ideas. 
It included a playing music function, message, gps, navigation, fitness functions.


copywriteⓒhannah jun