2016년 4월 12일 화요일

Domino pizza(www.dominos.co.kr/) Internet orders experience

우선 , 이 블로그는 나의 영어실력을 위해 영어로 기록 중이었지만
부족한 실력으로 영어를 쓰겠다 하다보니 두렵고,, 더공부해서 해야지! 공부할때 해야지! 
이런식으로 자꾸 포스팅을 미루게되어 우선은 한글로 작성한 후 훗날(?) 영어공부와 함께 
이 글을 다시 영작할것을 약속한다! 
____________________________________________________________________________

Internet order Experience를 통해 알게된
타이밍의 중요성 

with 도미노피자(www.dominos.co.kr/)


















UX디자이너로써 회사생활을 할때, 가장 많이 충돌한 지점은
회사가 알리고싶은 정보와 유저가 알고싶어하는 정보가 충돌할 때 누구의 편에 서야하는 것이었다.

나는 회사에서 자칭 유저 대표로서 UX디자인 직무를 맡고 있었기 때문에 이런 지점에서 항상 회사사람들과 논쟁이 벌어졌다.

"유저가 우리 사이트에 방문한 목적, 그들의 원하는 것을 찾기 이전에 회사가 알려주고싶은 정보들이(각종 혜택정보,할인정보 등 한마디로 프로모션정보들) 홍수처럼 밀려온다면 어떻겠어요!?, 좋아요? "

"물론 거부반응을 보이는건 우리도 알아! 근데 이거 쓸데없는거 아니다. 이거는 유저를 위한거야! 스마트하게 쓰라고 그들을 위해서 알려주는 건데 싫을건 뭐야? 싸게해준다고! 오! 하고 찾지않겠어?"

"그럼 정말 여러분은 어떤 사이트를 방문했는데 프로모션 팝업창이 두두두두 뜰때 '다시는 열지않음.' '일주일동안 보지않음.' '닫기' 안누르시고 그 링크를 따라간적이 몇번이나 되나요?"


펀치를 날렸다 생각했는데 결국 얻은 대답은
"그러니 유저들이 좋아할만한, 관심을 가질만한 문구로 무장하면 절대 버려지지 않을거야!"였고,
그래서 나는 졌다.

마케팅팀이 더 열심히 하기로 했다.

물론 나는 UX디자이너이기 이전에 경영학을 전공한 사람이라 소비자를 끌어들이는 프로모션, 마케팅에 절대 부정적이지 않다. 소비자가 혹 할만한 상품을 만드는것, 그런 이벤트를 만드는 것 모두 필수적인 부분이다. 장사하는 사람이 어떻게 사람들이 찾아주기만을 기다리겠는가. 부지런한 새가 일찍 벌레를 잡아먹는 것 처럼 소비자를 먼저 찾아 나서야 하는것이 맞다.
이렇게 간단한 경영적인 마인드를 장착한 후 고학년이 될때 쯤 심화 광고학 시간에 총체적인 브랜드 경험에 대한
유저들에게 우리 브랜드에 대한 경험을 망치는 것이다. 멀리 보아야한다. 좋은 user experience라는건 한마디로 다음에 또 우리꺼 쓸래? 라고 말했을때 그래! 라고 명쾌하게 대답할 수 있는




2016년 3월 16일 수요일

UI components


When we make storyboard to communicate with developers or UI guidelines to publish our design output, we have to know about UI components.

There are many components in UI World. I felt the needs of arrangement data. 
Because I think most designers don't know about the meanings of UI elements. They just copy and paste other person's terms in storyboards or ui guidelines which is correct or not. 
Needless to say, I also included the word 'THEY'. 
So I gathered components while a number of projects in progress.
This is still unfinished will be constantly updated.
The skeleton of a large data set out from here.
http://www.usability.gov/how-to-and-tools/methods/user-interface-elements.html#
Thank you usability.gov.

  • Input Controls: checkboxes, radio buttons, dropdown lists, list boxes, buttons, toggles, text fields, date field
  • Navigational Components: breadcrumb, slider, search field, pagination, slider, tags, icons
  • Informational Components: tooltips, icons, progress bar, notifications, message boxes, modal windows
  • Containers: accordion

Input Controls

ElementDescriptionExamples
CheckboxesCheckboxes allow the user to select one or more options from a set.  It is usually best to present checkboxes in a vertical list. More than one column is acceptable as well if the list is long enough that it might require scrolling or if comparison of terms might be necessary.Example of checkboxes
Radio buttonsRadio buttons are used to allow users to select one item at a time.Example of radio buttons
Dropdown listsDropdown lists allow users to select one item at a time, similarly to radio buttons, but are more compact allowing you to save space. Consider adding text to the field, such as ‘Select one’ to help the user recognize the necessary action.Example of a dropdown
List boxes
(=combobox)
List boxes, like checkboxes, allow users to select a multiple items at a time,but are more compact and can support a longer list of options if needed.Example of a list box
ButtonsA button indicates an action upon touch and is typically labeled using text, an icon, or both.Example of buttons
Dropdown ButtonThe dropdown button consists of a button that when clicked displays a drop-down list of mutually exclusive items.Example of dropdown button
TogglesA toggle button allows the user to change a setting between two states. They are most effective when the on/off states are visually distinct.Example of toggles
Text fieldsText fields allow users to enter text.  It can allow either a single line or multiple lines of text.Example of text field
Date and time pickersA date picker allows users to select a date and/or time.  By using the picker, the information is consistently formatted and input into the system.Examples of date and time pickers

Navigational Components

ElementDescriptionExamples
Search FieldA search box allows users to enter a keyword or phrase (query) and submit it to search the index with the intention of getting back the most relevant results. Typically search fields are single-line text boxes and are often accompanied by a search button.Example of search boxes with various functions
BreadcrumbBreadcrumbs allow users to identify their current location within the system by providing a clickable trail of proceeding pages to navigate by.Example of breadcrumb
PaginationPagination divides content up between pages, and allows users to skip between pages or go in order through the content.Examples of pagination
TagsTags allow users to find content in the same category.  Some tagging systems also allow users to apply their own tags to content by entering them into the system.Example of tags
SlidersA slider, also known as a track bar, allows users to set or adjust a value.  When the user changes the value, it does not change the format of the interface or other info on the screen.Example of sliders
IconsAn icon is a simplified image serving as an intuitive symbol that is used to help users to navigate the system.  Typically, icons are hyperlinked.Examples of icons
Image CarouselImage carousels allow users to browse through a set of items and make a selection of one if they so choose. Typically, the images are hyperlinked.Example of an image carousel

Information Components

ElementDescriptionExamples
NotificationsA notification is an update message that announces something new for the user to see. Notifications are typically used to indicate items such as, the successful completion of a task, or an error or warning message.Example of a notification
Progress BarsA progress bar indicates where a user is as they advance through a series of steps in a process. Typically, progress bars are not clickable.Examples of progress bars
Tool TipsA tooltip allows a user to see hints when they hover over an item indicating the name or purpose of the item.Examples of tool tips
Message BoxesA message box is a small window that provides information to users and requires them to take an action before they can move forward.Example of message boxes
Modal Window (pop-up)A modal window requires users to interact with it in some way before they can return to the system.Example of a modal window

Containers




ElementDescriptionExamples
Accordion
An accordion is a vertically stacked list of items that utilizes show/ hide functionality.  When a label is clicked, it expands the section showing the content within. There can have one or more items showing at a time and may have default states that reveal one or more sections without the user clickingExample of an accordion

2016년 2월 23일 화요일

Alerts, banners, and badges—what’s the difference?

I have wondering about the differences between alerts and notification , and I got a good resource
Alerts, banners, and badges .etc they are involved in notifications!

thank you ben patterson! : )

iOS 7 tip: Alerts, banners, and badges—what’s the difference?

in how-tosphonestablets
iOS 7 tip: What’s the difference between an alert, a banner, and a badge?Your iPhone and/or iPad has several different ways of notifying you about a new text message, calendar event, a friend’s Facebook update … well, the list goes on.
Sometimes, you’ll get a little banner that appears briefly at the top of the screen, while in other cases you may get a pop-up window that won’t go away without a tap. Then there are those little red badges that dot the home screen.
And here’s another wrinkle: depending on their individual settings, your alerts may appear on your iPhone’s “lock” screen (that is, the screen with the clock, your wallpaper, and the “slide to unlock” control) and/or in the “Notification Center,” a summary of various notifications that you can pull down from the top of the screen like a window shade.
Confused yet? I don’t blame you.
Read on for a quick tour of the different types of notifications on your iPhone (or iPad), plus how to change when and where they appear.
Let’s start with …

The alert

iOS 7 alert pop-up
There’s no way you’ll miss an iPhone alert, but it’s also a bit of a showstopper, particularly when it comes to games.
What it is: A pop-up window that stops whatever you’re doing on your iPhone/iPad and displays the details of the notification.
Why it’s handy: The thing about alerts pop-ups in iOS 7 is that they can’t be ignored; indeed, not only do they stop you in your tracks, they also demand a tap before you can proceed. Alerts are perfect for anyone who doesn’t want to miss a message or an event.
Why it’s annoying: See above. As well as being quite jarring, alerts will make anything you’re doing on your iPhone or iPad—from surfing the web to playing a game—come to a grinding halt.

The banner

iOS 7 banner
The slim notification banner appears unobtrusively at the top of the screen, and disappears within a few seconds.
What it is: A slim notification pane that slides into view along the top of the screen before disappearing a few seconds later. You can ignore a banner if you wish, pull down the banner to reveal the full Notification Center (more on that in a moment), or tap it to jump to the message, calendar event, or app that wants your attention.
Why it’s handy: Unlike alerts, banners won’t interrupt whatever you’re doing on your iPhone/iPad; for example, you can keep playing “Candy Crush” without skipping a beat even as banners slide into view.
Why they’re annoying: While banners won’t get in the way of your iPhone or iPad activity, they can certainly be distracting, especially if you’re watching a video or curled up with a good Kindle book. And since they disappear after a few seconds, there’s always the chance you might miss something.

The badge

iOS 7 app badge
Notification badges light up on your app icons whenever you have alerts waiting.
What it is: A little red dot with a number (signifying the number of waiting alerts) that sits on the corner of app icons on your various iOS 7 home pages. If you see a red badge with a “4” on it sitting on the Facebook app icon, for example, you’ll know you have four new Facebook events to review.
Why it’s handy: A badge makes for a great reminder of a message, voicemail, or some other event that you haven’t quite gotten around to yet.
Why they’re annoying: No one likes a nag, and badges can feel, well … pretty naggy, particularly when you see that you’ve got dozens or even hundreds of events stacked up. I also get pretty annoyed when certain apps (I’m looking at you, “Words with Friends”) put up badges that merely remind me I haven’t launched them in awhile.

Lock-screen notifications

iOS 7 lock-screen notification
You can set notifications to appear on your iPhone’s “lock screen,” and you can swipe an alert to jump to the relevant app.
What they are: Banners that appear on your iPhone’s (or iPad’s) “lock screen” in a scrollable list; swipe one, and you’ll instantly be taken to the message, event, or app that’s begging for your attention.
Why they’re handy: Because you can check for messages and alerts on your iPhone/iPad without having to unlock it; just press the Home key or sleep/wake button to take a quick gander. It’s also nice to be able to jump to, say, a specific new text message as you unlock your iOS 7 device.
Why they’re annoying: Your iPhone’s/iPad’s screen will briefly—and, perhaps, distractingly—light up every time a new lock-screen notification arrives. And if you get a lot of lock-screen alerts, the constantly flashing display will put added strain on your device’s battery.
iOS 7 Notification Center
The Notification Center gathers some or all of your most recent iPhone alerts into a pull-down, three-tabbed screen.

The Notification Center

What it is: A summary of some or all of your iOS notifications, all gathered on a three-tabbed screen. You can access the Notification Center at any time by flicking down from the top of the display.
Why it’s handy: The Notification Center makes for a nice one-stop shop for your most important alerts. Just swipe to the “Today” tab for a weather report and your daily agenda. or flick to “Missed” for any earlier notifications that escaped your attention.
Why it’s annoying: Well, the Notification Center isn’t really that annoying, given that you could ignore it completely if you wanted it to.
So … how do you customize all these notifications, then?
iOS 7 Notification settings
You can tweak the “styles” for your various alerts in your Notification settings.
Here’s how:
  • Tap the Settings icon, then tap Notifications.
  • Scroll down a bit, and you’ll find two big lists of iPhone/iPad apps: those that appear in the Notification Center, and those that don’t. Let’s tap Calendar for the sake of example.
  • Want to see Calendar events listed in Notification Center? If so, make sure the big green “Notification Center” switch is set to “On.” If you don’t want calendar events cluttering the list of Notification Center alerts, switch the setting to “Off.” Oh, and one more thing: you can still get banner or alerts for an app that doesn’t appear in the Notification Center.
  • Next, let’s go back up to the Alert Style section. Here, you’ll find three choices: “None,” “Banners,” and “Alerts.” Tap to take your pick.
  • Your next option is for notification badges on your app icons: yes or no? Personally, I like my email accounts to have the “Badge App Icon” setting switched on; for Facebook, though, I switched it to “Off.” That’s just me, though.
  • What about sound? Most apps have the option for a beep, a buzz, or a ringtone to herald your latest notifications. Usually, the setting for notification sounds is labeled, simply, “Sound”; for the Calendar app, the setting is called “Calendar Alerts.” Tap to pick an alert tone or ringtone, or choose “None” to keep notifications for that particular app silent.
  • Last but not least, you can decide whether you want an app’s notifications to appear on the iPhone’s lock screen by tapping the “Show on Lock Screen” on/off switch.
You’ll have to rinse and repeat these steps for each of your iOS 7 apps—and no, unfortunately, there’s no way to change the notification settings for all your apps at once.

Bonus tip

Want to pause your iOS 7 notifications? Just flick up from the bottom of your iPhone’s or iPad’s screen, then tap the Do Not Disturb button (the one with a half-moon icon).
You can also set Do Not Disturb on turn itself on and off by tapping Settings, Do Not Disturb. Switch “Scheduled” to “on” and then set your preferred “From” and “To” times.
Looking for more iOS 7 tips? Click here!
Note: This updated tip was first published in November 2012.

2015년 12월 19일 토요일

The Difference Between Information Architecture (IA) and Navigation(sitemap)


The Difference Between Information Architecture (IA) and Navigation

by JENNIFER CARDELLO on June 22, 2014

Summary: IA is the information backbone of the site; navigation refers to those elements in the UI that allow users to reach specific information on the site.