Once users have accessed
your homepage or
your application, you'll likely want
the user to register for an account.
But this isn't always the case.
You should keep in mind that
registration doesn't have to be the next
immediate step in your process.
You should think carefully about
the entire user experience,
the product you're offering, and
when you want registration to happen, if
you want registration to happen at all.
Registration on Udacity's site is fairly
simple with just a couple fields or
you could also login using Facebook or
Google.
For more detailed
examples of sign ups and
onboarding, check out useronboard.com,
which is linked in the instructor notes.
You can walk through examples such as,
Gmail to see all the design elements
that guide first time users.
These details include animations
text annotations, tool tips, and
cause to action, all of these lead the
user to successfully using the product
for the first time.
Now, there are many ways to build out
a successful onboarding experience.
And our best piece of advice is
to test your ideas with users
using wireframes and mockups.
We'll cover how you can do this with
a design sprint in the next lesson.
To get a real sense of
why testing is important,
check out this article
about Yammer sign up flow.
The company found very
counter-intuitive results by adding
just one step to the registration flow.
بمجرد وصول المستخدمين إلى
صفحتكم الرئيسية أو
تطبيقكم، فإنكم تريدون على الأرجح
.أن يقوم المستخدمون بالتسجيل لإنشاء حساب
.ولكن لا يحدث هذا دومًا
يجب أن تأخذوا في الاعتبار أن التسجيل
لا يجب أن يكون هو الخطوة التالية
.المباشرة في العملية
يتعين عليكم التفكير بعناية في
تجربة المستخدم بأسرها
والمنتج الذي تقدمونه
ومتى تريدون أن يحدث التسجيل، إذا
.كنتم تريدون أن يتم التسجيل
والتسجيل على موقع Udacity عملية بسيطة للغاية
فهو يتم فقط من خلال استخدام حقلين أو
يمكنكم تسجيل الدخول أيضًا باستخدام Facebook أو
.Google
للتعرف على مزيد من
الأمثلة التفصيلية على الاشتراكات
،وتهيئة المستخدمين الجدد، انظروا useronboard.com
.وستجدون له رابطًا في ملاحظات المدرب
،يمكنكم استعراض أمثلة مثل
Gmail لمشاهدة كل عناصر التصميم
.التي ترشد المستخدمين الجدد
تشمل هذه التفاصيل رسومًا متحركة
وتعليقات توضيحية نصية ونصائح للأدوات
وسبب الإجراء، وكل هذه العناصر تقود
المستخدم إلى استخدام المنتج بنجاح
.لأول مرة
توجد الآن عدة سبل لتوفير
.تجربة ناجحة لتهيئة المستخدمين الجدد
وأفضل نصيحة لنا هي
اختبار أفكاركم مع المستخدمين
.باستخدام الإطارات الشبكية للموقع والنماذج الوهمية
سوف نتناول كيفية القيام بهذا الأمر باستخدام
.عملية بدء التصميم في الدرس القادم
لاستيعاب أهمية
،الاختبار استيعابًا حقيقيًا
انظروا هذه المقالة
.حول سير عملية الاشتراك في Yammer
اكتشفت الشركة
نتائج مناقضة لما هو متوقع من خلال إضافة
.خطوة واحدة فقط إلى عملية التسجيل
Once users have accessed
your homepage or
your application, you'll likely want
the user to register for an account.
But this isn't always the case.
You should keep in mind that
registration doesn't have to be the next
immediate step in your process.
You should think carefully about
the entire user experience,
the product you're offering, and
when you want registration to happen, if
you want registration to happen at all.
Registration on Udacity's site is fairly
simple with just a couple fields or
you could also login using Facebook or
Google.
For more detailed
examples of sign ups and
onboarding, check out useronboard.com,
which is linked in the instructor notes.
You can walk through examples such as,
Gmail to see all the design elements
that guide first time users.
These details include animations
text annotations, tool tips, and
cause to action, all of these lead the
user to successfully using the product
for the first time.
Now, there are many ways to build out
a successful onboarding experience.
And our best piece of advice is
to test your ideas with users
using wireframes and mockups.
We'll cover how you can do this with
a design sprint in the next lesson.
To get a real sense of
why testing is important,
check out this article
about Yammer sign up flow.
The company found very
counter-intuitive results by adding
just one step to the registration flow.
Una vez los usuario hayan accedido
a tu página principal
o a tu aplicación seguramente querrás
que el usuario crea una cuenta.
Pero no siempre es el caso.
Tenéis que tener en cuenta que el registro
no tiene por qué ser el siguiente paso
en el proceso.
Debéis pensar cuidadosamente
en user experience como en algo global.
En el producto que estáis ofreciendo.
Cuándo tiene que haber un registro
y si tiene que haberlo.
El registro en la web de Udacity es simple
con unos pocos campos.
También se puede acceder
usando Facebook o Google.
Para ejemplos más detallados
sobre registros
e incorporaciones, visita useronboard.com
que está en las notas del instructor.
Podréis ver ejemplos tales como Gmail
para ver todos los elementos de diseño
que guían al usuario nuevo.
Esos detalles incluyen animaciones,
anotaciones, sugerencias de herramientas.
Todo ello ayuda al usuario
a usar el producto satisfactoriamente
por primera vez.
Hay muchas formas de construir
una experiencia satisfactoria.
Nuestro consejo es que probéis
vuestras ideas con usuarios
usando wireframes y mockups.
Abordaremos cómo se puede hacer esto
con diseño en la próxima clase.
Para entender por qué probar es importante
consultad el artículo sobre el proceso
de registro de Yammer.
La compañía tuvo resultados inesperados
al añadir
un sólo paso al proceso de registro.
Une fois l'utilisateur sur
votre page d'accueil ou
dans l'application, on voudra
probablement qu'il se crée un compte.
Néanmoins, ce n'est pas toujours le cas.
Gardez en tête que l'inscription
n'est pas forcément l'étape suivante
de votre processus.
Il faut bien concevoir l'intégralité
de l'expérience utilisateur,
le produit qu'on propose, et
et quand on veut qu'il y ait inscription,
envisager si c'est vraiment ce qu'on veut.
L'inscription sur le site d'Udacity
est plutôt simple avec quelques champs,
on en se connectant
avec Facebook ou Google.
Pour des exemples plus complets
d'inscription et
d'intégration, allez voir useronboard.com,
le lien est dans les consignes.
On peut y voir des exemples
comme celui de
Gmail et tous ses éléments de conception
qui guident l'utilisateur débutant.
Ces détails couvrent les animations,
annotations, info-bulles et autres
appels à l'action, tout ceci pour amener
l'utilisateur à bien utiliser le produit
dès le tout début.
Il existe de nombreuses manières de faire
une expérience d'inscription réussie.
Notre meilleur conseil est de tester
vos idées auprès des utilisateurs
avec des maquettes.
On verra comment y parvenir avec un sprint
de conception dans la leçon suivante.
Pour vraiment comprendre
en quoi le test est important,
allez voir cet article sur
le processus d'inscription à Yammer.
L'entreprise a obtenu des résultats
très contre-intuitifs quand elle a ajouté
une seule étape
au processus d'inscription.
Setelah pengguna mengakses
halaman utama atau aplikasi,
Anda tentu mau pengguna mendaftar akun.
Tapi kasusnya tak selalu demikian.
Anda harus ingat, registrasi
tidak perlu menjadi langkah
yang langsung dilakukan dalam proses.
Anda harus pikirkan hati-hati
keseluruhan pengalaman pengguna,
produk yang Anda tawarkan,
dan kapan Anda ingin registrasi terjadi,
jika Anda menginginkannya.
Registrasi di situs Udacity cukup mudah
dengan hanya beberapa kolom input
atau Anda juga dapat login
menggunakan Facebook atau Google.
Untuk contoh pendaftaran
dan penyambutan yang lebih detail,
lihatlah useronboard.com,
yang tertaut pada catatan instruktur.
Anda dapat melihat contoh seperti Gmail,
untuk melihat semua elemen desain
yang memandu pengguna pemula.
Detail ini termasuk animasi,
anotasi teks, kiat penggunaan,
dan pemicu tindakan. Semua ini membuat
pengguna lancar menggunakan produk
untuk pertama kalinya.
Ada banyak cara membentuk
pengalaman pendaftaran yang sukses.
Nasihat kami yang terbaik,
uji ide Anda dengan pengguna
menggunakan wireframe dan tiruan.
Kami akan ajarkan cara melakukannya dengan
design sprint di pelajaran selanjutnya.
Agar Anda memahami
mengapa pengujian itu penting,
bacalah artikel mengenai
alur pendaftaran Yammer.
Perusahaan ini menemukan
hasil yang berlawanan dengan intuisi
hanya dengan menambah satu langkah
pada alur registrasi.
ユーザーがあなたのホームページや
アプリにアクセスすると
ユーザーにアカウント登録を
してもらいたいでしょうが
必ずしもそうとは限りません
登録はすぐ次の段階で
処理しなくていいのです
ユーザー体験全体や
提供している製品をよく考え―
その上で登録が是非必要だと思えば
つけるのです
Udacity のサイトの登録はかなり簡素で
二、三の記入欄があるだけです
フェイスブックやグーグルを使っても
ログインできます
登録とオンボーディングに関し
詳しくは
useronboard.com を参照してください
講師ノートにリンクがあります
Gmail のような例を見て回れます
初めてのユーザーを案内する
あらゆるデザイン要素を見られます
詳細はアニメーション テキス ト注釈
ツールヒント 行動喚起 から成り―
これら全部で ユーザーが
初めて製品を使えるように誘導します
上手にオンボーディング体験を
作る方法は沢山あります
一番のお勧めは
ワイヤフレームやモックアップを使い―
ユーザーに意見を聞くことです
デザインスプリントでどうやるかは
次の授業で扱います
テストがなぜ重要かを実感するには―
Yammer's Sign Up Flow に関する
この記事を見て下さい
その会社は登録の流れに一段階加えただけで
直感に反する結果を見つけました
일단 사용자가 여러분의
홈페이지나 앱에 들어가면,
여러분은 사용자가 계정을 등록하는 게
좋다고 생각할 확률이 높습니다.
하지만 그렇게 하는 게
항상 좋은 것은 아닙니다.
계정 등록이 항상 진행과정에서
바로 즉각적으로 일어나는 일이
아니라는 것을
여러분은 명심해야 합니다.
전체적인 사용자 경험에 대해서,
그리고 여러분이
제공하는 제품에 대해서
곰곰히 생각해봐야 합니다.
사용자들이 가입하기를 원할 때,
적은 수라도 사람들이
가입하기를 바랄 때 말이죠.
유다시티의 웹사이트에서
계정 등록하는 것은 꽤 단순합니다.
몇 가지 정보를 작성하거나
페이스북 또는 구글 계정을
이용할 수 있습니다.
계정등록과 온보딩에 대해서
더 많은 세부적인 예를 원한다면,
useronboard.com을 방문해 보세요.
이 링크는 instructor notes에도 있습니다.
처음 이용하는 사용자에게 설명해주는
모든 디자인 요소를 보기 위해서
Gmail과 같은
예들을 검토할 수 있습니다.
이러한 세부사항들은
애니메이션, 문서 주석,
tool tip 그리고
cause to action을 포함합니다.
이 모든 것들은 사용자가 초반에
제품을 잘 사용할 수 있도록
이끌어 주는 것들입니다.
자, 성공적인 온보딩 경험을
할 수 있는 많은 방법들이 있죠.
가장 좋은 조언은 여러분의 아이디어를
와이어 프레임과 마크업을 이용하여
사용자들과 함께 테스트 하는 겁니다.
우리는 다음 수업에서
design sprint를 이용하여
어떻게 여러분이 이러한 것들을
할 수 있는 지 알아보겠습니다.
테스트가 왜 중요한지 알아 보려면,
Yammer의 계정등록 흐름에 대한
이 기사를 확인해보세요.
이 회사는 계정등록 흐름에
한 단계를 추가함으로써
직관에 매우 반대되는
결과를 얻었습니다.
Quando usuários tiverem acessado
sua homepage ou
seu aplicativo, você provavelmente
vai querer que cadastrem uma conta.
Mas, nem sempre é esse o caso.
Você deve se lembrar de que o
cadastro não precisa ser a próxima etapa
imediata em seu processo.
É preciso pensar com cuidado sobre
a experiência inteira do usuário,
o produto que você está oferecendo e
quando você quer que o cadastro seja realizado,
se é que você deseja mesmo que seja realizado.
O cadastro no site da Udacity é bem
simples, com apenas dois campos, ou
você pode fazer login com o Facebook ou
Google.
Para obter mais
exemplos detalhados sobre inscrição e
integração, confira useronboard.com,
que tem um link nas notas do instrutor.
Você pode verificar exemplos como
Gmail, para ver todos os elementos de design
que guiam usuários iniciantes.
Esses detalhes incluem animações,
anotações de texto, dicas de ferramentas e
causa para ação. Tudo isso leva
o usuário a usar o produto com sucesso
pela primeira vez.
Existem muitas formas de desenvolver
uma experiência de integração de sucesso.
E nosso melhor conselho é
testar suas ideias com usuários
usando wireframes e mockups.
Falaremos sobre como você pode fazer isso com
um sprint de design, na próxima lição.
Para entender melhor
por que testar é importante,
confira este artigo
sobre o fluxo de inscrições da Yammer.
A empresa encontrou resultados
muito contraintuitivos adicionando
apenas uma etapa ao fluxo de inscrição.
Если пользователь зайдет на вашу
главную страницу
или в приложение, вы, возможно,
захотите, чтобы он создал учетную запись.
Но дело не всегда в этом.
Помните, что
регистрация не должна быть следующим
следующим этапом вашей работы.
Вам нужно тщательно обдумать
весь опыт взаимодействия,
предлагаемый вами продукт и
когда вы хотите его регистрацию,
если вы вообще этого хотите.
Регистрация на сайте Udacity очень
проста: заполните несколько полей или
войдите, используя Facebook или
Google.
Более подробные
примеры, касающиеся регистрации и
адаптации, есть на useronboard.com,
ссылаемый в инструкторских указаниях.
Вы можете просмотреть примеры, как
Gmail, чтобы узнать все элементы дизайна,
которые ориентируют новых пользователей.
К ним относятся анимации, комментарии,
всплывающие подсказки, призывы к действию,
которые ведут к успешному
использованию продукта пользователем
в первый раз.
Сейчас есть много способов проведения
успешной адаптации пользователей
Наш наилучший совет —
испытывать свои идеи с пользователями
при помощи схем страницы и макетов.
Мы расскажем, как это сделать с помощью
“Design Sprint” в следующем уроке.
Чтобы понять,
почему испытание так важно,
прочтите эту статью об
алгоритме регистрации на Yammer.
Эта компания добилась парадоксальных
результатов, добавив всего лишь
один шаг к алгоритму регистрации.
Kullanıcılar sitenize veya
uygulamanıza girdiğinde,
muhtemelen kullanıcının
bir hesap açmasını isteyeceksiniz.
Ama her zaman öyle olmaz.
Hemen bir sonraki aşamanın kayıt olmak
zorunda olmadığını unutmayın.
Kullanıcı deneyimi, sunduğunuz ürün ve
eğer kayıt olmak gerekiyorsa
bunun ne zaman olacağı
hakkında dikkatli düşünmelisiniz.
Udacity'nin sitesinde Kayıt oldukça basit,
sadece birkaç alandan oluşuyor
veya ayrıca Facebook veya
Google hesabıyla da giriş mümkün.
Daha detaylı kayıt ve
onboarding örnekleri için
eğitmen notlarında linki verilen
useronboard.com sitesini ziyaret edin
Örnekleri şöyle bir inceleyebilir,
örneğin ilk kullanıcıları yönlendiren tasarım
elemanlarını görmek için Gmail'e bakabilirsiniz.
Bu detaylarda animasyonlar, metin yazıları,
araç ipuçları ve cezbedici noktaları bulunuyor.
Tüm bunlar ilk kullanıcıları
başarılı bir şekilde yönlendirmek
amacıyla yapılmıştır.
Başarılı bir onboarding deneyimi
geliştirmek için çok fazla yol var.
Bizim tavsiyemiz ise sayfa şablonu
ve model kullanarak
fikirlerinizi kullanıcılarla test etmeniz.
Sonraki dersteki tasarım maratonunda
bunu nasıl yapabileceğinizi göstereceğiz.
Test etmenin neden önemli
olduğunu anlamak için
Yammer kayıt akışı ile ilgili
bu makaleyi inceleyin.
Şirket kayıt akışına
bir adım daha ekleyerek
bilinenin tersine sonuçlara ulaşmış.
Khi "user" truy cập
vào trang chủ
hay ứng dụng của bạn, bạn sẽ muốn
"user" đăng kí tài khoản.
Nhưng không lúc nào cũng được như vậy.
Bạn nên nhớ rằng việc đăng kí
không phải là bước tiếp theo
phài thực hiện ngay
trong lưu trình của mình.
Bạn nên suy nghĩ kỹ về
những trải nghiệm của toàn bộ "user"
sản phẩm bạn đang giới thiệu, và
khi bạn muốn việc đăng kí được thực hiện,
nếu bạn thực sự muốn thế.
Việc đăng kí ở trang Udacity rất đơn giản
với chỉ vài vùng (dữ liệu)
hay bạn cũng có thể đăng nhập
bằng tài khoản Facebook hay Google
Để tham khảo những ví dụ chi tiết hơn
về việc đăng kí và quá trình đào tạo,
hãy xem tại useronboard.com,
được liên kết ở phần ghi chú hướng dẫn.
Bạn cũng có thể xem qua những ví dụ
chẳng hạn như:
Gmail để thấy toàn bộ
những yếu tố thiết kế
mà hướng dẫn cho "user" lần đầu
sử dụng
Những chi tiết này bao gồm những
chú thích bằng lời với hình ảnh động,
các mẹo dùng công cụ,
và nguyên nhân của hành động,
những điều này hướng "user"
đến việc sử dụng sản phẩm thành công
trong lần đầu tiên.
Giờ thì, có rất nhiều cách để xây dựng
một trải nghiệm đào tạo thành công
Lời khuyên tốt nhất của chúng tôi là
hãy thử nghiệm ý tưởng của bạn
với các "user" ,
sử dụng wireframes và mockups.
Chúng tôi sẽ bao quát cách mà bạn
có thể làm điều này
bằng một bài thiết kế nước rút
trong bài sau.
Để thực sự hiểu tại sao
việc thử nghiệm lại quan trọng.
tham khảo bài viết về lưu trình
đăng kí Yammer.
Công ty này tìm ra những
kết quả rất phản trực giác bằng cách
thêm chỉ một bước
trong lưu trình đăng kí.
一旦用户来到你的首页或你的应用
你可能会希望用户注册一个账户
但不是说一定要是这样
你需要谨记的是 注册不一定得是
你过程的下一步
你应该仔细考虑整个用户体验
你提供的产品
你什么时候想要用户进行注册以及你是否想要用户注册
优达学城的注册非常简单 只需要填入几个字段
或者通过 Facebook 或 Google 登录
想要了解更多注册与登录的具体示例
查看 useronboard.com 链接请见讲师注释
你可以查看这些示例 例如 Gmail
查看引导初次使用用户的所有设计元素
这些细节包括动画、文本注释、工具提示
以及行为召唤 这些会帮助初次使用用户
成功使用产品
要建立成功的登录体验有很多方法
而我们的建议是使用线框图和模型
对用户进行创意测试
我们会在下一课的设计冲刺中教授如何完成此步骤
要了解为什么测试这么重要
请点击讨论 Yammer 注册流程的此文章
该公司通过在注册流程中加入了一个步骤
得到了完全与预期相反的结果
當用者進入你的主頁或
你的申請, 你大概想用者註冊一個戶口。
但這是不一定的。
你應該記著註冊不一定要是下一
步立即的行動。
你應該細心想想整個用者經驗,
你提供的產品, 及
當你想註冊發生, 若你想註冊會發生。
於Udacity的網頁註冊很容易只有幾個項目或
你同時可以用面書或谷歌註冊。
要多一些關於註冊的例子,
查看useronboard.com, 這些都於指導筆記中連結著。
你可以走過例子如,
Gmail去看看所有設計原素去教導第一次的用者。
這些資料包抱了動畫,文字,工具貼士, 及
行動, 全部這些領導用者成功使用產品
於第一次。
現在, 有很多方法去建立成功的使用經驗。
而我們最好的提意是利用用者測試你的意見
用變型或圖樣。
我們會於下一堂覆蓋如何可以這樣做去設計短實。
去体驗為何測試是很重要,
查看這個有關Yammer註冊的文章。
公司找到很多直覺給果用以加上
一步於註冊流程。