세로형 내비게이션이란? 

웹사이트의 콘텐츠 항목을 볼 수 있는 메뉴 내비게이션은 일반적으로 가로형과 세로형이 있습니다. 현재 슬로워크의 내비게이션은 상단에 가로로 보이는 가로형 내비게이션입니다. 흔히 접할 수 있는 방식이죠. 그럼 세로형 내비게이션은 무엇일까요. 세로형은 브라우저 영역을 기준으로 왼쪽 위 기업 로고 아래 수직 배열로 정렬되는 구조를 말합니다. 일반적으로 가로형 내비게이션이 많이 쓰이지만, 스크롤로 제어하는 원 페이지 구조가 등장하면서부터 이에 적합한 세로형도 많이 볼 수 있게 되었습니다.



세로형 내비게이션 메뉴 활용법 

1. 단일 페이지 레이아웃을 활용하여 상하로 동작하도록 만들어주세요.

단일페이지란 반응형 웹에 따라 사용되는 구조인데요. "One page", "Full page" 라고 불리며, 서브페이지로 이동 없이 한 페이지에 보이는 형식으로 사용자에게 스크롤을 유도합니다. 단일 페이지 구성처럼 콘텐츠 양이 적을수록 세로형 내비게이션이 유리합니다.    


jorgerigabert.com : 단일 페이지로 구성되었으며, 왼쪽 메뉴를 하나씩 클릭할 때마다 페이지가 상하로 움직입니다.



2. 2차 메뉴는 3~4단으로 구성하여 같은 시선의 흐름을 유지하세요.

그럼 콘텐츠 양이 많은 사이트는 어떻게 사용하면 좋을까요? 맥도널드 영문 사이트를 예로 들어봅시다. "FOOD"메뉴에 마우스를 가져가 보면 2차 메뉴가 오른쪽으로 펼쳐집니다. 펼쳐진 2차 메뉴의 각 콘텐츠는 3단으로 나뉘며 상하로 정렬됩니다. 즉, 1차 메뉴와 2차 메뉴를 보는 시선이 상하로 동일한 사용자 경험을 제공합니다.


mcdonalds.com: 2차 메뉴의 각 콘텐츠는 3단으로 나뉩니다. 상하로 정렬되어 1차 메뉴와 2차 메뉴를 탐색하는 시선이 상하로 같습니다.



3. 메뉴명은 명료하고 단순할수록 잘 읽힙니다.

세로형 내비게이션을 구성할 때 가장 중요한 부분으로 메뉴의 높이가 세로로 무한대로 길어지면 곤란합니다. 이유는 해상도가 낮은 컴퓨터의 웹 브라우저 뷰포트에서 전체 메뉴가 한눈에 보이지 않기 때문이죠. 이처럼 웹사이트 디자인 전 IA(Information Architecture) 설계, 즉 메뉴구조를 정의하는 작업은 매우 중요합니다. 세로형뿐만 아니라 모든 메뉴구조에서 정보를 효율적으로 압축하여 제시하는 것이 가장 중요합니다. 좋은 메뉴명을 붙이는 방법은 지난 블로그 글 '클릭을 유도하는 이름 붙이기'에서도 다뤘습니다.


edmedu.com : 이번에 슬로워크 웹 개발실에서 리뉴얼한 ed:m에듀케이션의 웹사이트입니다. 세로형 내비게이션을 적용하였고 메뉴명은 짧고 명확하게 만들었습니다. 사용자가 볼 때 쉽게 이해 가능하며 지칭할 수 있습니다. 



세로형 내비게이션 메뉴를 활용하는 방법은 더 많을 텐데요. 분명 비주얼보다는 적절한 콘텐츠와 직관적인 메뉴구조로 정확하게 설계된 웹사이트가 오래도록 남을 수 있습니다. 웹사이트 내비게이션의 메뉴명만 읽어 보아도 어떤 용도의 사이트인지 이해 가능하다면 사용자가 원하는 정보를 찾기 위해 모든 콘텐츠를 확인하여야 하는 번거로움이 줄어들 것입니다. 그럼 조금 더 현명한 웹사이트를 만들 수 있지 않을까요?


참고 : webdesignledger





by 종달새 발자국









Posted by slowalk


 

꿀맛 같은 주말 보내고, 월요일.

다시 바쁜 업무에 찌들다 보면 점심 먹을 기운도 나지 않을 수 있습니다

그런 직장인 여러분께 좀 더의미 있는 월요일 점심!’에 대한 이야기를 들려드리려구요.

내가 매주 점심 한끼를 채식으로 하면, 세상이어떻게 변할까?’

 


요즘 한창 육식과 환경오염 (+지구온난화)의 상관관계를 보여주는 데이터들이 많이 나오고 있는 가운데 이런 통계분석이!

 

 

모든 미국인들이 매주 하루만 채식식단을 이용한다면, 우린 1톤을물과 120갤런(454.249414리터)를 절약할수 있다.

육류 사업으로 방출되는 온실가스는 사람이 만들어 내는 지구온난화의 발생요인의 1/5가까이를차지한다. (유엔 식량농업기구, Food and AgricultureOganization)

 

 

이외에도 육류를 생산하는데 쓰여지는 많은 물과 화석연료가 사용됩니다.

미국만큼은 아니겠지만, 한국도 이와 맥락은 비슷하겠죠?

하지만.. 채식만하기란 불가능 할거 같습니다.

왜냐하면 이미 우리 식생활엔 육식이 너무나도 당연하기 때문이지요.

 

 

 

아예 식당에서 고기를 팔지 않는다면?’

위탁운영 외식기업 Sodexo‘Meatless Monday’라는 캠페인이 박차를 가하고 있습니다.

매주 월요일, 이들의메뉴는 고기가 없는 식단으로 차려지게 되는 것이지요.

아예 식당에서 고기를 팔고 있지 않으니, 이 기업.. 괜찮을까요?

 

 


 

이 기업은 거의 매일 1000만 명 가까이 되는 사람들에게 식사를 공급합니다.

올해는 작년에 이Meatless Monday 캠페인에 힘입어 더 매출이 올랐습니다.

저번 달보다 900군데 이상의 계약이 늘었으며, 작년의 고객들이 거의 대부분 다시 이 곳의 서비스를 신청했습니다.

 

 

 

기업/단체들의사회공헌적 가치와 기업의 수익, 실제 환경오염의 감소가 모두 충족되는 좋은 사례라고 생각됩니다. 

극단적이지 않은, 1주일에 한번이라는 규칙들이 사람들에게 부담 없이 다가가기도 했을 것 같습니다.

흥미를 유발하는 재밌는 캠페인, 실제 질 좋은 채식음식(Vegetarian dishes).

 

 

 

일주일에 한번 정도만, 고기 정말 좋아하는 미국인들도 먹을만한 횟수 인 것 같습니다.

일반 기업들 에서도 이렇게 환경도 생각하며, 기업의 경쟁력도 늘려나갈 수 있는 많은 아이디어들이 생겨나고

실행되고있습니다. 진정한 win-win이라는 게 이런 게 아닐까요~?

 

어떠세요~? 월요일 점심은 우리도 채식으로 해보는 건?

의외로 오늘은뭘 먹지?’라는 고민도 덜며, 일주일이 한결 가벼워 질 수도 있잖아요^^

 

 

출처: http://meatlessmonday.com

 

Posted by slowalk



 


요즘 점심식사시간에 무엇을 드시나요?
회사앞 식당의 백반? 아니면 총알같이 달려오는 짜장면이나 짬뽕? 아니면 카페에서 커피한잔과 샌드위치?
매일 고민이시죠? 점심시간이 다가오면, 오늘은 무얼 먹을까? 뭐 색다른 것 없나?를 백만번 고민하다 결국엔 또 거기서 거기인 메뉴를 선택하곤 하지요. 점심시간 메뉴선택, 대한민국 모든 직장인들의 공통된 고민이 아닐까 싶습니다. 과한 업무와 봄기운에 나른한 몸까지, 이럴 때 일수록 맛있는 점심으로 기운을 북돋아야 할텐데요.



1998년 스탠퍼드대학교의 페이지(Larry Page)와 브린(Sergey Brin)이 실리콘밸리 창고 한 귀퉁이에서 공동으로 설립한 회사 구글. 하지만 지금은 전 세계인들에게 가장 편리한 인터넷 검색엔진으로 알려져 있습니다. 그리고 또 하나, 직원들을 고려한 구글의 창의적이며 자유로운 회사 시스템들은 많은이의 부러움을 사고있죠. 그 중 오늘 소개시켜드리고픈 한 가지는?



바로 구글의 구내 식당입니다.


구글은 하루 세끼 모든 직원 및 손님들에게 최고품질의 다양한 유기농 식사를 무료로 제공하고 있습니다.





또한 사무실 곳곳에 작은 부엌(micro- kitchen)이라고 부르는 음료, 스넥, 과일 등이 있는 공간이 있어서 언제나 일을 하다가 배가 고프면 마음대로 조리해 먹을 수 도 있습니다. 최고의 음식을 제공하는 회사의 찬절한 배려는 직원들의 업무능력을 향상시키고, 먹는 것에 대해 덜 신경쓰게 함으로써,  더욱 업무에 집중하게 되므로 이런 시스템을 구축해 놓은 것이지요.

<cafe 150의 야외 테라스>



cafe150.
이 식당은 구글이 직접 운영하는 무료 식당 중의 하나로서 캘리포니아주 마운틴뷰에 있습니다. 왜 이름에 150이란 숫자가 붙어있냐하면... 바로, 이 식당에서는 반경 150마일 안에서 생산된 친환경 재료 만으로 요리를 하기 때문이죠. 이 까페는 지역의 어부, 낙농업자, 농부와 계약이 되어있고, 그들은 무엇이든지 그날 그날 줄 수 있는 것을 최대한 제공하는 것을 원칙으로 합니다. 즉, 그날 그날 있는 신선한 재료로만 요리한다는 뜻 입니다. 




<cafe 150의 메뉴와 식당모습>



사진만 보아도 군침이 돕니다,일반적으로 회사 식당에서 볼 수 있는 음식들과는 차원이 다르지 않나요??? 고급 레스토랑을 갈 필요가 없을 것 같습니다. 이런 점심식사를 매일같이 회사에서 즐길 수 있다면 매일 야근을 해도 행복할 것 같습니다. 
 




이같은 구글의 정책은 구글에 농산물이나 먹거리를 공급하는 지역 농민들의 안정적인 판로 확보 및 소득보장은 물론이고, 지역 내 소비자들에게도 긍정적인 변화를 불러일으키고 있습니다. 그래서 이러한 움직임은 구글뿐만이 아니라 야후와 오라클, 이베이 본사, 아디다스 미국, MIT 구내식당, 스탠포드대 경영대학원, 시카고 미술관 등 도 캘리포니아에 본사를 두고 있는 급식업체 보나페티(Bon Appetite Management Co.)를 통해 지역 농산물을 이용해 만든 유기농 식사를 하게 만들었습니다,
보나페티 들려보기>>>




보나페티 업체는 '지속 가능한 음식' 이라는 슬로건으로 지역 농산물을 이용해 요리를 하고, 빽빽한 우리가 아닌 자연에서 방목되어 길러진 육류와 달걀, 성장 촉진제를 맞지 않은 소의 유제품 등 친환경적이고 자연을 거스르지 않는 방법을 거친 재료와 과정을 이용합니다. 밖에선 어느 하나 완벽히 믿고 먹을수 없는게 현대인들의 현실이고 슬픔인지라 자신들의 이익만이 아니라 음식에 대한 자부심과 이렇게 강한 사회적 책임감을 갖춘 업체가 있다는 사실에 매우 놀라웠고 부러울 따름입니다.


저렴하다는 장점만 빼면 오히려 구내식당을 피하는게 국내 회사들의 구내식당현실.
국내에도 직원들을 위한 친절한 배려와 지역 농산물의 안정까지 생각하는 시스템을 갖춘 회사들이 많이 늘어나면 좋겠습니다. 맛있는 음식으로 건강하고 행복한 직원들은 곧 회사의 힘과 직결된다는 사실, 잊지마세요!!!



Posted by slowalk