The home screen of a website or
the loading screen of your mobile app,
will be the first impression for users.
And you want to make sure
that you get this right.
Here's Udacity's homepage
as of April 2015.
A clear goal headlines the page, and
there's plenty of white space around
the headlines, and
the tagline to draw users into them.
Homepages like this one should
answer these questions.
What is this?
What is being offered?
What can I do here?
And how do I start?
In Udacity's case, the how can I get
started comes just below the fold
with a description of
the Nanodegree program.
You want all of this
information to be present, but
you should also be careful
not to overwhelm your users.
You want users to have a clear
understanding of what you offer, and
then you can link to other pages for
users to learn more about
your product or services.
Many companies put those
links in the footer.
Going back up to the top of
the homepage, we can see that from here,
I could sign up for an account, or
I could sign in if I'm an existing user.
To learn more about how
nanodegrees work in particular
I could click on one of these.
Homepages are tricky in
that they need to do a lot.
But you want to be careful about
adding more and more to that page so
sometimes you might have a landing page,
like this one.
Landing pages are for specific products
that you want to show to your users.
They allow you to focus on
one particular product.
Notice that here,
there's a clear call to action.
I can get a sense about what this
product is from the copy on the page and
also from this background image.
Scrolling down, I can even get
more details about the program.
To learn more about
designing homepages and
landing pages, check out the articles
that are linked in the Instructor Notes.
At the very least, you need to
strive for an informative page, and
at the best,
your homepage should be memorable.
It's important to keep in mind that
your homepage doesn't have to be static.
It should be a work in progress.
Here's another version
of the Udacity homepage.
And notice that it's changed slightly.
We have different copy and these
images have been condensed together.
Your homepage might also be dynamic in
that you might be AB testing certain
features of it to see what
drives users actions.
You might also just be trying to refine
your value proposition for your users.
And even before that homepage,
this is what Udacity's homepage
looked like once upon a time.
As you can see,
it's not as informative or
clear at answering the questions,
what is this and what can I do here?
At the end of the day, you want to
make a fantastic first impression.
It's really up to you
to delight users so
that way they come to know who you
are and what you have to offer.
Now it's your turn to do a little
investigation of your own.
I'd like you to find three homepages for
relatively new companies and
analyze them.
You want to get a feel for
what type of information and
elements live on their homepages.
For each of the homepages you
should ask yourself: what
elements comprise the homepage, what are
the main calls to action, what does that
homepage say about the company,
its users and the value proposition?
And what are the most likely flows
from the homepage to
other places on the site?
In other words,
what could you do from the homepage?
Finally, what are some
of the similarities and
differences you see across
the homepages you looked at?
Write a post that answers
these questions and
share it on the discussions.
Once you're ready,
check this box to continue
ترسم الشاشة الرئيسية لموقع الويب أو
شاشة التحميل لتطبيق الهاتف الجوال
.الانطباع الأول للمستخدمين
عليك أن تتأكد
.من أنك تفهم ذلك بشكل صحيح
هذه هي الصفحة الرئيسية لموقع Udacity
.بدءًا من أبريل 2015
يظهر الهدف واضحًا كعنوان رئيسي للصفحة
وتوجد مساحة بيضاء كافية حول
العناوين الرئيسية
.وسطر العلامة لجذب انتباه المستخدمين نحوها
ستجيب الصفحات الرئيسية مثل هذه الصفحة
.على هذه الأسئلة
ما هذا؟
ما الذي يتم تقديمه؟
ما الذي يمكنني فعله هنا؟
وكيف أبدأ؟
في حالة Udacity، تأتي الإجابة على سؤال كيف يمكنني
أن أبدأ بالضبط أسفل هذا الجزء
بالوصف
.لبرنامج Nanodegree
نريد أن تكون كل هذه
المعلومات موجودة، لكن
يجب أن نحرص على
.عدم إغراق المستخدمين بمعلومات كثيرة
إنك تريد أن يحظى المستخدمون
،بفهم واضح لما تقدمه
ثم يمكنك بعد ذلك الربط بصفحات أخرى
ليعرف المستخدمون المزيد حول
.منتجك أو خدمتك
تضع العديد من الشركات تلك
.الروابط في تذييل الصفحة
بالصعود إلى أعلى
،الصفحة الرئيسية، يمكننا أن نرى ذلك من هنا
يمكنني التسجيل للحصول على حساب، أو
.يمكنني تسجيل الدخول إذا كنت مستخدمًا موجودًا بالفعل
للتعرف على المزيد حول كيفية
عمل برامج nanodegree بوجه خاص
.يمكنني النقر فوق واحدة من تلك
الصفحات الرئيسية تكون مخادعة بعض الشيء في
.أنها تحتاج إلى فعل المزيد
لكن يجب أن تحذر من
إضافة المزيد والمزيد إلى تلك الصفحة
لذلك يمكن أن يكون لديك صفحة منتقل إليها
.مثل هذه الصفحة
تخص الصفحات المنتقل إليها منتجات محددة
.تريد إظهارها إلى المستخدمين
تتيح لك التركيز على
.منتج محدد واحد
لاحظ أنه هنا
.توجد دعوة صريحة لاتخاذ إجراء
يمكنك التعرف على ما هو
هذا المنتج من خلال الكتابة الموجودة على الصفحة
.وأيضًا من هذه الصورة الخلفية
بالتمرير إلى الأسفل، يمكنني حتى الحصول على
.المزيد من التفاصيل حول البرنامج
وللمزيد من المعلومات حول
تصميم الصفحات الرئيسية
والصفحة المنتقل إليها، يمكنكم الاطلاع على المقالات
.الموجود رابطها في ملاحظات المدرب
على أقل تقدير، عليك أن
،تسعى إلى تقديم صفحة تقدم معلومات
أما على النحو الأمثل
.فإنك تريد أن تجعل صفحتك الرئيسية لا تُنسى
من المهم أن تراعي أن
.صفحتك الرئيسية يجب ألا تكون ثابتة
.يجب أن يظهر التقدم في العمل
هذا إصدار آخر
.للصفحة الرئيسية لـ Udacity
.ولاحظ أنه تغير قليلاً
لدينا نُسخة مختلفة تم تجميع هذه
.الصور فيها معًا
من الممكن أن تجعل صفحتك الرئيسية ديناميكية أيضًا
بأن تجري اختبار AB لبعض
الخصائص لها لمعرفة ما الذي
.يحفز إجراءات المستخدم
قد ترغب أيضًا فقط في تحسين
.عرض قيمتك للمستخدمين
،وحتى قبل تلك الصفحة الرئيسية
التي ظهرت بها الصفحة الرئيسية لـ Udacity
.في وقت من الأوقات
كما يمكنك أن ترى
إنها لا تقدم معلومات
وليست واضحة في الإجابة على الأسئلة
ما هذا وماذا يمكنني أن أفعل هنا؟
في نهاية اليوم، تريد أن
.تحصل على انطباع أول رائع
الأمر يرجع لك
في إسعاد المستخدمين
بحيث يعودون إلى معرفة من أنت
.وماذا يمكنك أن تقدم
والآن جاء دوركم للقيام ببعض البحث
.بأنفسكم
أريد منكم البحث عن ثلاث صفحات رئيسية للشركات
الجديدة نسبيًا
.وتحليلها
أنتم بحاجة إلى الشعور
بنوع المعلومات
.والعناصر التي يمكن أن تتواجد على الصفحات الرئيسية
في كل صفحة من الصفحات الرئيسية
يجب أن تسألوا أنفسكم: ما
هي العناصر التي تُشكِّل الصفحة الرئيسية، وما هي
الدعوات الرئيسية إلى اتخاذ إجراء، وماذا تقول تلك
الصفحة الرئيسية عن الشركة
ومستخدميها وعرض القيمة؟
وما هي أكثر التدفقات المحتملة
من الصفحة الرئيسية إلى
الأماكن الأخرى على الموقع؟
بعبارة أخرى
ما الذي يمكنكم فعله من على الصفحة الرئيسية؟
وأخيرًا، اذكر بعض
عناصر التشابه
والاختلاف التي تراها عبر
الصفحات الرئيسية التي رأيتها؟
اكتب منشورًا يجيب عن
هذه الأسئلة وقم
.بمشاركته في المناقشات
،وحين تكونوا جاهزين
يمكنكم تحديد خانة الاختيار هذه للمتابعة
The home screen of a website or
the loading screen of your mobile app,
will be the first impression for users.
And you want to make sure
that you get this right.
Here's Udacity's homepage
as of April 2015.
A clear goal headlines the page, and
there's plenty of white space around
the headlines, and
the tagline to draw users into them.
Homepages like this one should
answer these questions.
What is this?
What is being offered?
What can I do here?
And how do I start?
In Udacity's case, the how can I get
started comes just below the fold
with a description of
the Nanodegree program.
You want all of this
information to be present, but
you should also be careful
not to overwhelm your users.
You want users to have a clear
understanding of what you offer, and
then you can link to other pages for
users to learn more about
your product or services.
Many companies put those
links in the footer.
Going back up to the top of
the homepage, we can see that from here,
I could sign up for an account, or
I could sign in if I'm an existing user.
To learn more about how
nanodegrees work in particular
I could click on one of these.
Homepages are tricky in
that they need to do a lot.
But you want to be careful about
adding more and more to that page so
sometimes you might have a landing page,
like this one.
Landing pages are for specific products
that you want to show to your users.
They allow you to focus on
one particular product.
Notice that here,
there's a clear call to action.
I can get a sense about what this
product is from the copy on the page and
also from this background image.
Scrolling down, I can even get
more details about the program.
To learn more about
designing homepages and
landing pages, check out the articles
that are linked in the Instructor Notes.
At the very least, you need to
strive for an informative page, and
at the best,
your homepage should be memorable.
It's important to keep in mind that
your homepage doesn't have to be static.
It should be a work in progress.
Here's another version
of the Udacity homepage.
And notice that it's changed slightly.
We have different copy and these
images have been condensed together.
Your homepage might also be dynamic in
that you might be AB testing certain
features of it to see what
drives users actions.
You might also just be trying to refine
your value proposition for your users.
And even before that homepage,
this is what Udacity's homepage
looked like once upon a time.
As you can see,
it's not as informative or
clear at answering the questions,
what is this and what can I do here?
At the end of the day, you want to
make a fantastic first impression.
It's really up to you
to delight users so
that way they come to know who you
are and what you have to offer.
Now it's your turn to do a little
investigation of your own.
I'd like you to find three homepages for
relatively new companies and
analyze them.
You want to get a feel for
what type of information and
elements live on their homepages.
For each of the homepages you
should ask yourself: what
elements comprise the homepage, what are
the main calls to action, what does that
homepage say about the company,
its users and the value proposition?
And what are the most likely flows
from the homepage to
other places on the site?
In other words,
what could you do from the homepage?
Finally, what are some
of the similarities and
differences you see across
the homepages you looked at?
Write a post that answers
these questions and
share it on the discussions.
Once you're ready,
check this box to continue
La portada de una página web o
o la pantalla de carga de tu aplicación,
es lo primero que ven los usuarios.
Y quieres asegurarte
de que esté bien hecho.
Esta es la página de inicio
de Udacity de abril de 2015.
Un claro objetivo encabeza la página
y hay mucho espacio en blanco
los titulares y la etiqueta para
dirigir a los usuarios a ellos.
Las páginas de inicio de ese tipo
deberían contestar a las preguntas
¿Qué es eso?
¿Qué se está ofreciendo?
¿Qué puedo hacer aquí?
Y ¿cómo empiezo?
En el caso de Udacity el cómo empiezo
viene justo debajo del pliegue
con la descripción
del programa nanodegree.
Quieres que toda esa información
esté presente, pero
debes tener cuidado con no agobiar a tus usuarios.
Quieres que tus usuarios tengan claro
qué es lo que ofreces y puedes poner
enlaces a otras páginas
para que los usuarios aprendan
más sobre tu producto y servicios.
Muchas compañías ponen
esos enlaces a pie de página.
Si volvemos arriba de la página
de inicio, desde aquí veremos
que puedo crear una cuenta
o iniciar sesión si ya tengo una.
Para aprender
cómo funcionan los nanodegrees
puedo hacer click aquí.
Las páginas de inicio son delicadas
porque deben incluir muchas cosas.
Pero debes tener cuidado con no añadir
demasiadas cosas a esa página.
Puedes tener una página
de aterrizaje como esta.
Son páginas para productos específicos
que quieres mostrar a tus usuarios.
Te permiten centrarte
en un producto concreto.
Fíjate, aquí hay una clara
llamada a la acción.
Puedo sospechar de qué producto se trata
por el texto de la página
y por la imagen del fondo.
Bajando puedo obtener más detalles
sobre el programa.
Para saber más sobre las páginas de inicio
y las páginas de aterrizaje, mire
la sección de Instructor Notes.
En el peor caso debes conseguir
una página informativa
en el mejor, tu página debe ser memorable.
Es importante recordar que tu página
no debe ser invariable.
Debe estar siempre en proceso de trabajo.
Esta es otra versión de la página
de inicio de Udacity.
Date cuenta de que ha cambiado un poco.
El texto es diferente
y estas imágenes han sido unidas.
Tu página de inicio puede ser dinámica
y puedes hacerles la prueba A/B
a ciertas aplicaciones para ver
qué mueve a los usuarios.
Puedes intentar mejorar
tus valores para tus usuarios.
E incluso antes de la página de inicio
así es como era la página
de inicio de Udacity antes.
Como puedes ver, no es tan informativa
o clara en la respuesta a la pregunta
"¿qué es eso y qué puedo hacer?"
Al final del día quieres provocar
una magnífica primera impresión.
Sólo depende de ti deleitar a los usuarios
para que sepan quién eres
y qué puedes ofrecer.
Ahora es tu turno para investigar
un poco por tu cuenta.
Me gustaría que buscaras tres páginas
de inicio de empresas relativamente nuevas
y las analizaras.
Quiero que veas qué tipo de información
y elementos están presentes
en esas páginas.
En cada página de inicio
deberías preguntarte:
qué elementos la comprometen,
cuáles son las llamadas a la acción
qué dice la página de la empresa,
sus usuarios y sus valores
y cuáles son los flujos más probables
de la página de inicio
a otros sitios en la web.
Es decir, ¿qué podrías hacer
desde la página de inicio?
Finalmente, cuáles son
algunas de las similitudes
y diferencias que ves
entre todas esas páginas de inicio.
Escribe un post contestando
a esas preguntas
compártelo en las discusiones.
Cuando termines,
clickea aquí para continuar.
L'écran d'accueil d'un site Web ou
L'écran de chargement de votre application mobile,
sera la première impression pour les utilisateurs.
Et vous voulez vous assurer que vous obtenez
ce droit.
Voici la page d'accueil de Udacity
que d'Avril 2015.
Un objectif clair manchettes de la page et
il ya beaucoup d'espace blanc autour
Les titres, et
le slogan pour attirer les utilisateurs en eux.
Pages comme celui-ci devraient
répondre à ces questions.
Quel est ce?
Qu'est-ce qui est offert?
Qu'est-ce que je peux faire ici?
Et comment dois-je commencer?
Dans le cas de Udacity, le comment puis-je me
commencé vient juste en dessous du pli
Avec une description de
le programme Nanodegree.
Vous voulez tout cela
informations d'être présent, mais
Vous devez aussi être prudent
de ne pas submerger vos utilisateurs.
Vous souhaitez que les utilisateurs ont une compréhension claire de
ce que vous proposez, et
Alors vous pouvez lier à d'autres pages pour
Utilisateurs d'apprendre plus sur
vos produits ou services.
Beaucoup d'entreprises mettent ces
liens dans le pied de page.
En remontant vers le haut de la page d'accueil
, nous pouvons voir que d'ici,
Je pouvais signer pour un compte, ou
Je pourrais vous connecter si je suis un utilisateur existant.
Pour en savoir plus sur la façon dont
nanodegrees travail en particulier
Je pouvais cliquer sur un de ces.
Pages sont délicates dans
qu'ils ont besoin de faire beaucoup.
Mais vous voulez être prudent sur
ajoutant de plus en plus à cette page afin
Parfois vous pourriez avoir une page d'atterrissage,
comme celui-ci.
Pages d'atterrissage sont pour des produits spécifiques
que vous voulez montrer à vos utilisateurs.
Ils permettent de vous concentrer sur
un produit en particulier.
Notez que ici,
il ya un appel clair à l'action.
Je peux avoir une idée de ce que ce produit
provenant de la copie sur la page et
Également de cette image de fond.
En descendant, je ne peux même obtenir
plus de détails sur le programme.
Pour en savoir plus sur la conception de pages d'accueil et
Pages de destination, consultez les articles
qui sont liés dans les Notes de l'instructeur.
À tout le moins, vous devez
lutter pour une page informative, et
Au meilleur,
votre page d'accueil devrait être mémorable.
Il est important de garder à l'esprit que
votre page d'accueil ne doit pas être statique.
Il devrait être un travail en cours.
Voici une autre version de la page d'accueil
Udacity.
Et notez qu'il est légèrement modifié.
Nous avons copie différente et ces
images ont été condensées ensemble.
Votre page d'accueil peut aussi être dynamique dans
que vous seriez peut-être certains tests AB
Caractéristiques pour voir ce
entraîne les actions des utilisateurs.
Vous pouvez aussi vous essayer d'affiner
votre proposition de valeur pour vos utilisateurs.
Et avant même que la page d'accueil,
Voici ce que la page d'accueil de
de Udacity ressemblait il était une fois.
Comme vous pouvez le voir,
il est pas aussi informatif ou
Clairement à répondre aux questions,
ce qui est cela et ce que je peux faire ici?
A la fin de la journée, vous voulez
faire un fantastique première impression.
Il est vraiment à vous
ravir les utilisateurs afin
Cette façon, ils viennent de savoir qui vous êtes
et ce que vous avez à offrir.
Maintenant il est de votre tour de faire une petite enquête de
de votre propre.
Je voudrais vous trouverez trois pages d'accueil pour
relativement nouvelles entreprises et
Analyser.
Vous voulez avoir une idée de ce que
type d'information et
Éléments vivent sur leurs pages d'accueil.
Pour chacun des sites que vous devriez vous poser
: ce
Éléments comprennent la page d'accueil, ce sont les principales
appels à l'action, ce qui ne fonctionne que
Page d'accueil dire au sujet de la société,
ses utilisateurs et la proposition de valeur?
Et ce sont les flux le plus probable
De la page d'accueil à
d'autres endroits sur le site?
En d'autres termes,
que pourriez-vous faire à partir de la page d'accueil?
Enfin, ce sont quelques-uns
des similitudes et des
Différences que vous voyez à travers les pages d'accueil
que vous avez examinés?
Écrire un poste qui répond à ces questions et
Partager sur les discussions.
Lorsque vous êtes prêt,
cocher cette case pour continuer
Layar utama suatu situs
atau layar tunggu aplikasi ponsel Anda
akan menjadi kesan pertama pengguna.
Pastikan Anda melakukannya dengan tepat.
Inilah halaman utama
Udacity per April 2015.
Tujuan yang jelas menjadi judul utama,
dan cukup banyak ruang putih...
...di sekitar judul utama,
dan moto untuk menarik pengguna.
Halaman utama seperti ini harus
menjawab pertanyaan berikut.
Apa ini?
Apa yang ditawarkan?
Apa yang bisa dilakukan di sini?
Dan bagaimana memulainya?
Pada Udacity, "bagaimana memulai" terlihat
jika kita sedikit men-scroll ke bawah
dengan penjelasan program Nanodegree.
Semua informasi ini harus ada,
tapi hati-hati juga agar tidak
membuat pengguna bingung.
Anda ingin pengguna paham
tentang apa yang Anda tawarkan,
lalu tautkanlah halaman lain
agar pengguna tahu lebih jauh
tentang produk dan layanan Anda.
Banyak perusahaan meletakkan
tautan di bagian bawah.
Kembali ke bagian atas halaman utama,
kita bisa lihat di sini,
saya bisa mendaftar akun, atau bisa masuk
jika sudah mendaftar sebelumnya.
Untuk membaca lebih jauh
tentang cara kerja nanodegrees
saya klik salah satu tombol ini.
Halaman depan itu rumit
jadi mereka harus bepikir keras.
Tapi hati-hatilah dalam menambah
lebih banyak konten pada halaman itu
maka kadang ada
halaman landing seperti ini.
Halaman landing itu untuk produk spesifik
yang ingin Anda tunjukkan kepada pengguna.
Mereka memungkinkan Anda fokus
pada satu produk yang khusus.
Perhatikan di sini, ada panggilan jelas
untuk sebuah tindakan.
Saya bisa tahu ini produk apa
dari tulisan pada halaman ini
dan juga dari gambar latarnya.
scroll ke bawah, bahkan ada
lebih detail lagi tentang program.
Untuk belajar lagi tentang
mendesain halaman utama
dan halaman landing, periksa artikel
yang tertaut pada catatan instruktur.
Setidak-tidaknya, Anda harus
mempertahankan halaman yang informatif,
yang terbaik, halaman utama
harus mudah diingat
Penting untuk diingat bahwa
halaman utama tak perlu statis.
Bisa saja sedang dalam pengerjaan.
Ini contoh lain halaman utama Udacity.
Dan perhatikan ini sedikit berubah.
Di sini ada tulisan yang berbeda
dan gambar ini telah disatukan.
Halaman utama Anda bisa juga dinamis.
Anda bisa melakukan uji A/B fitur tertentu
supaya tahu apa yang
mendorong tindakan pengguna.
Anda juga bisa mencoba memperbaiki
proposisi nilai Anda bagi pengguna
bahkan sebelum halaman utama.
Seperti inilah halaman utama
Udacity suatu hari nanti.
Anda lihat, ini tak terlalu
informatif atau jelas dalam menjawab...
...pertanyaan seperti, apa ini
dan apa yang bisa saya lakukan di sini?
Pada pokoknya, Anda ingin membuat
kesan pertama yang fantastis.
Terserah Anda bagaimana
menyenangkan pengguna
sehingga mereka menjadi kenal siapa Anda
dan apa yang Anda tawarkan.
Nah sekarang giliran Anda
untuk sedikit menyelidik.
Saya ingin Anda cari tiga halaman utama
perusahaan yang relatif baru
dan lakukanlah analisa.
Anda harus tahu secara naluriah
informasi dan elemen apa
yang bisa menghidupkan halaman utama.
Untuk setiap halaman utama
Anda harus bertanya:
elemen apa di halaman utama,
panggilan utama apa yang memicu tindakan,
apa yang halaman utama katakan tentang
perusahaan, pengguna, dan proposisi nilai?
Dan seperti apa kira-kira alurnya
dari halaman utama
ke halaman situs lainnya?
Dengan kata lain, bisa apa saja
dari halaman utama?
Terakhir, apa kesamaan dan perbedaan
halaman utama yang Anda lihat?
Tulis postingan yang
menjawab pertanyaan ini
dan diskusikanlah di forum.
Jika siap, beri tanda centang
untuk melanjutkan.
ウェブサイトのホーム画面や
モバイルのアプリの起動画面が
ユーザの第一印象になります
だからこれを適したものにしたいです
これは 2015 年4月の Udacity のホームページです
明確な目標をページの見出しとし
その周囲に充分な空白があり
キャッチフレーズ でユーザの目を引きます
このようなホームページは
次のような問いに答えるようにします
これは何か?
何を提供しているか?
ここで何ができるか?
どう始めるか?
Udacity の場合
どのように始めるかは
Nanodegree(ナノ学位) プログラムの
説明の下にあります
これらの情報を全部出したいでしょうが
ユーザを分量で圧倒させないよう
配慮も必要です
何を提供しているか
ユーザにはっきり分かるように
他のページへのリンクを貼って
製品やサービスをもっと詳しく説明できます
多くの会社はこれらのリンクを
フッターに置いています
ホームページの上に戻ると
ここで見ることができるように
アカウントのサインアップ 又は
既存のユーザの場合サインインができます
ナノ学位のことを知りたければ
これらの一つをクリックすればいい
ホームページは情報を多く入れたいという点で
難しいです
どんどん入れすぎないように気をつけましょう
これのように
ランディングページを作ることもできます
ランディングページで
ユーザに見せたい特定の製品群を示し
一つの特定製品へ焦点を合わせられます
ここを見てください
相手に行動を促しています
ページの宣伝文句や背景画像から
この製品が何か分かります
下に行くとさらに詳細が得られます
ホームページとランディングページの
デザイン作成について詳しくは
インストラクターのノーツにある
リンクの記事を参照して下さい
少なくとも情報を提供するページにして下さい
できる限り忘れがたいページにね
ホームページは静的な必要はないと
心がけるのは大事です
手を加えていくものです
これはまた別の Udacityのホームページです
前と少し変わっていますね
宣伝文句が変わり
これらの画像が縮小されています
あなたのホームページも動的で
ある機能のABテストを行ないー
何がユーザを行動させてるか見ているでしょう
ユーザへの価値提案を
調整している最中かも知れません
そのホームページの更に前では
これが昔の Udacity のホームページでした
見て分かるように
情報が少なく
これが何か 何ができるか等の
問いの答えがはっきりしません
最終的には
素晴らしい第一印象を与えることです
ユーザを魅了するのはあなた次第です
あなたが誰で何を提供しているかを
知ってもらうのです
では自分で調べる番です
3つの比較的新しい会社のホームページを見つけ
それらを分析しなさい
ホームページでどんな情報や要素が
あるかつかみましょう
それぞれのホームページで次のことを
見てみましょう
ホームページはどの要素で成り立っているか
どのような操作を求めているか
会社 ユーザ 価値提案について
どう書いてるか
またそのページからサイトの他の場所への
考えられるフローはどれか?
つまりそのページから何処に行けるか?
最後に 見ているそれらのページ間の
類似点と相違点は何か?
これらの質問の答えを投稿して
皆さんと討論してください
終わったら
このボックスをクリックして進みましょう
웹사이트의 홈 화면이나
모바일 앱의 로딩 화면은
사용자에게 첫인상이 될 겁니다
당신은 그들이 인상을
제대로 받길 바라겠죠
2015년 4월의
유다시티 홈페이지입니다
명확한 목표가 페이지 헤드라인이 되고
헤드라인 주변엔 빈 공간이 많죠
사용자를 끌어당길 태그라인도 있고요
이런 홈페이지는
이 질문에 답해야합니다
이게 뭐죠?
무엇이 제공되나요?
여기서 무얼 할 수 있죠?
어떻게 시작하면 되나요?
유다시티의 경우, 어떻게 시작하느냐가
Nanodegree 프로그램 설명
바로 아래에 옵니다
당신은 이런 모든 정보가
보이게 하는 게 좋습니다
하지만 당신은 사용자를
압도하지 않도록 주의해야 합니다
당신이 무엇을 제공하는지
사용자들이 명확히 하는 게 좋죠
그럼 당신은 사용자를
다른 페이지로 연결하여
그들이 제품이나 서비스에 대해
더 많이 배우게 할 수 있습니다
많은 회사들이
그런 링크를 꼬리말에 넣죠
홈페이지 상단으로 돌아가면,
우리는 여기서 그걸 찾을 수 있어요
계정을 만들 수도 있고,
기존 사용자라면 로그인할 수 있죠
특히 Nanodegree가 어떻게
이루어지는지 알고자하면
이들 중 하나를 선택할 수 있죠
홈페이지는 많은 것을
해야 하므로 까다롭습니다
하지만 페이지에 더 많은 것을
추가할 때 주의를 기울이는 게 좋아요
그래서 이와 같은
연결된 페이지를 갖기도 하죠
연결된 페이지는 사용자에게 보여주고픈
특정 제품들을 위한 것입니다
그것들은 특정한 하나의 제품에
집중하도록 해줍니다
여기에 확실히 행동을
요구하는 것에 주목하세요
페이지의 문구와 배경 화면으로부터
이 제품이 무엇인지 감을 잡을 수 있죠
스크롤을 내리면, 프로그램에 대해
더 자세히 알 수 있고요
홈페이지 디자인과 연결 페이지에 대해
더 배우고자하면,
Instructor Notes에 연결된
글들을 찾아보세요
최소한 당신은 정보적인 페이지를
얻고자 노력해야 하고
최대한으로는, 홈페이지를
기억에 남게 하는 게 좋습니다
당신의 홈페이지가 거의 변하지 않을
필요가 없다는 것을 기억하세요
작업이 계속 진행되어야합니다
유다시티의 다른 버전 홈페이지입니다
약간 다른 것을 눈치채겠죠
다른 버전이 있고
이미지는 함께 중첩되어 있어요
무엇이 사용자의 행동을 유발하는지 알고자,
특정 기능을 AB테스팅하는 점에서
당신의 홈페이지는 동적인 게 좋아요
당신은 사용자를 향한 가치 제안을
다듬는 게 좋을 수도 있죠
그 홈페이지 전에,
옛날에 유다시티 홈페이지는 이랬어요
볼 수 있듯, 이건 정보전달적이 아니고
질문에 답하는 데도 명확하지 않고요
이게 뭐고 여기서 뭘할 수 있죠?
결국 당신은
멋진 첫인상을 주는 게 좋아요
사용자를 즐겁게 하는 건
당신에게 달려 있어요
그들이 당신이 누구인지, 무엇을
제공하는지 알도록 하는 것이요
이제 당신 스스로
약간 조사할 차례입니다
비교적 새로운 회사의
홈페이지 세 개를 찾고
그들을 분석해보세요
어떤 종류의 정보와 요소를
홈페이지에 보여주고 싶어하는지
느낌을 받는 게 좋습니다
각각의 홈페이지에 대해
스스로에게 질문해 보세요
어떤 요소들이 홈페이지를 구성하는가,
행동을 부르는 주요 요소는 무엇인가,
회사, 사용자, 가치 제안에 대해
홈페이지가 말하는 것은 무엇인가?
홈페이지에서 사이트의 다른 곳으로
이동시키는 것은 무엇인가?
다른 말로,
홈페이지에서 무엇을 할 수 있는가?
결론적으로,
당신이 본 홈페이지에서
비슷한 점과 다른 점은 무엇인가?
이 질문에 대한 답을 써서
토의 공간에 공유하세요
그 준비가 다 되었으면,
이 박스에 체크해서 계속하세요
A tela inicial de um site, ou
a tela de carregamento de seu aplicativo para dispositivo móvel
será a primeira impressão que os usuários terão.
É preciso ter certeza
de que tudo esteja perfeito.
Essa é a página inicial da Udacity
desde abril de 2015.
Um objetivo claro encabeça a página e
há muito espaço livre em volta
das manchetes e do
slogan para que os usuários sintam-se atraídos.
Páginas iniciais como essa devem responder
a estas perguntas.
O que é isso?
O que está sendo oferecido?
O que posso fazer aqui?
E por onde começo?
No caso da Udacity, o modo de iniciar
vem logo abaixo da pasta
que descreve o
programa Nanodegree.
Você quer que essas
informações estejam lá, mas
é preciso ser cuidadoso para
não sobrecarregar seus usuários.
Se você quer que os usuários entendam
com clareza o que você está oferecendo,
pode estabelecer links para outras páginas para que
eles obtenham mais informações sobre
seus produtos e serviços.
Muitas empresas informam esses
links no rodapé.
Voltando ao começo da
página inicial, temos a opção de
criar uma conta nova, ou
de acessar uma conta, no caso de um usuário existente.
Para saber mais sobre como o
nanodegree, em particular, funciona
basta clicar em uma dessa opções.
Páginas iniciais são complexas, na
medida em que precisam fazer várias coisas.
Mas é preciso ter cuidado ao
adicionar várias informações à página.
Algumas vezes, é necessário ter uma página de destino
como essa.
Páginas de destino são destinadas a produtos específicos
que você deseja mostrar a seus usuários.
Permitem que você foque em
um produto específico.
Veja que, aqui,
há, claramente, uma chamada para a ação.
Posso ter uma ideia do que seja esse
produto a partir da cópia na página e
por sua imagem no plano de fundo.
Rolando para baixo, podemos obter
mais detalhes sobre o programa.
Para saber mais sobre
o design de páginas iniciais e
páginas de destino, verifique os artigos
que estão vinculados nas Notas do instrutor.
No mínimo, você precisa
esforçar-se para criar uma página informativa e,
se tudo der certo,
sua página inicial será memorável.
É importante considerar que
sua página inicial não precisa ser estática.
Deve estar em constante evolução.
Veja a seguir uma outra versão
da página inicial da Udacity.
E veja que ela está um pouco diferente.
Temos cópias diferentes e essas
imagens foram condensadas em conjunto.
Sua página inicial também deve ser dinâmica,
uma vez que você pode realizar testes A/B de algumas
características para saber o que
motiva as ações dos usuários.
Você também pode apenas refinar
sua proposição de valor para seus usuários.
E antes ainda dessa página inicial,
esta era a aparência da página inicial da Udacity
anteriormente.
Como você pode ver,
não é tão informativa ou
clara para responder a perguntas como
"o que é isso e o que posso fazer aqui?"
Ao fim do dia, você quer
ter causado uma ótima primeira impressão.
Depende de você
encantar seus usuários para
que eles queiram conhecê-lo
e saber o que você tem a oferecer.
Agora é sua vez de fazer
sua própria investigação.
Gostaria que encontrassem três páginas iniciais de
empresas relativamente novas e
as analisassem.
Perceba o
tipo de informações e
elementos que estão presentes em suas páginas iniciais.
Para cada página inicial, você
deve se perguntar: quais
elementos estão contidos na página inicial? Quais as
principais chamadas para a ação? O que essa
página inicial informa sobre a empresa,
seus usuários e a proposição de valor?
E quais os fluxos mais prováveis
da página inicial para
outros lugares do site?
Em outras palavras,
o que você poderia fazer partindo da página inicial?
E por fim, quais as
semelhanças e
diferenças que você notou
entre as páginas iniciais que você analisou?
Escreva uma postagem respondendo a
essas perguntas e
compartilhe-a nas discussões.
Quando estiver pronto,
marque esta caixa para continuar
Домашний экран веб-сайта или
экран загрузки
вашего мобильного приложения будет
первым впечатлением для пользователей.
И вы хотите убедиться,
что сделали всё правильно.
Вот главная страница Udacity
в апреле 2015 года.
Ясная цель вынесена в заголовок страницы,
и вокруг заголовков и слогана
много свободного пространства для
привлечения внимания пользователей.
Такие главные страницы должны
отвечать на следующие вопросы.
Что это?
Что предлагается?
Что я могу здесь делать?
И как мне начать?
В случае Udacity, «Начало работы»
появляется сразу после прокрутки
с описанием программы Nanodegree
[Мини-диплом].
Вы хотите, чтобы вся эта информация
присутствовала на странице,
но будьте осторожны и не перегружайте
ею ваших пользователей.
Вы хотите, чтобы они имели чёткое
понимание того, что вы предлагаете,
а затем вы можете дать ссылку
на другие страницы,
чтобы пользователи узнали больше о
вашем продукте или сервисах.
Многие компании помещают эти
ссылки в нижней части страницы.
Возвращаясь к верхней части главной
страницы, мы можем видеть, что отсюда
я могу создать аккаунт или войти в свой
аккаунт, если являюсь пользователем.
Чтобы узнать больше о том, как работают
Nanodegrees, в частности,
я могу нажать на один из них.
Главные страницы сложны тем,
что они должны делать многое.
Будьте внимательны, так как
если добавлять на эту страницу
всё больше и больше, иногда из этого
может получиться целевая страница,
как, например, эта.
Целевые страницы предназначены для показа
конкретных продуктов целевой аудитории.
Они позволяют вам сосредоточиться на
одном конкретном продукте.
Обратите внимание, что здесь
есть чёткий призыв к действию.
Я могу понять, что это за продукт,
по этому тексту,
а также по картинке на заднем плане.
Прокрутив вниз, я даже могу
узнать о программе в деталях.
Чтобы узнать больше о
создании главных страниц
и целевых страниц, прочитайте статьи
по ссылкам в Заметках инструктора.
По крайней мере, вы должны стремиться
к информативной странице,
и в лучшем случае ваша главная страница
должна быть запоминающейся.
Важно иметь в виду, что необязательно
делать её статичной.
Она должна быть в работе.
Вот другая версия
главной страницы Udacity.
И заметьте, что она немного изменилась.
Здесь у нас другой текст, и эти
изображения скомбинированы.
Ваша главная страница может быть
динамичной в A/B тестах с определённым
функционалом, чтобы увидеть, что именно
побуждает пользователей к действиям.
Возможно, вы просто пытаетесь предложить
лучшее своим пользователям.
И даже до этой главной страницы,
вот как выглядела когда-то главная
страница Udacity.
Как вы видите,
она не такая информативная,
не может точно ответить на вопросы,
«Что это?» и «Что я могу здесь делать?».
В конце концов, вы хотите, чтобы
первое впечатление от страницы
было фантастическим.
На самом деле вам решать,
как радовать пользователей,
так чтобы они узнали, кто вы и
что вы предлагаете.
Теперь ваша очередь сделать небольшое
исследование самостоятельно.
Я хочу, чтобы вы нашли три главные
страницы относительно новых компаний
и проанализировали их.
Вам нужно понять,
какой тип информации
и какие элементы находятся
на их главных страницах.
Для каждой из этих страниц вы
должны спросить себя:
«Какие элементы в неё включены?
Какой главный призыв к действию?
Что рассказывает главная страница
о компании, её пользователях,
и что предлагает?
И какие переходы наиболее вероятны
с главной страницы на другие
страницы сайта?
Другими словами,
что вы можете делать с главной страницы?
Наконец, какие сходства и
различия вы видите между просмотренными
главными страницами?»
Напишите комментарий
с ответами на эти вопросы
и поделитесь им в обсуждениях.
Когда будете готовы, поставьте
галочку для продолжения.
Bir sitenin giriş sayfası ya da
uygulamanızın yüklenme ekranı
kullanıcıda ilk izlenimi bırakır.
Ve bunu doğru şekilde
yapmanız gerekiyor.
Nisan 2015 itibariyle
Udacity giriş sayfası burada.
Amaç net olarak başlıkta belirtilmiş,
etrafında bolca boşluk bırakılmış
ve etiket satırları
kullanıcıyı kendine çekiyor.
Bunun gibi giriş sayfaları
bu sorulara cevap vermelidirler.
Nedir bu?
Ne öneriliyor?
Burada ne yapabilirim?
Ve nasıl başlarım?
Udacity'de, 'nasıl başlarım'
Nanodegree program tanımıyla
beraber onun altına
yazılmış.
Tüm bu bilgilerin hazır
bulunması gerekiyor, ama
kullanıcıyı boğmaktan da
kaçınmalısınız.
Kullanıcıların ne önerdiğinizi
net olarak anlatmalısınız, ve
kullanıcıları ürün, hizmet için
bilgi alabileceği
sayfalara yönlendirebilirsiniz.
Çoğu şirket bu linkleri
altbaşlığa koyar.
Giriş sayfasının yukarısına geri
döndüğümüzde, buradan görebiliyoruz ki,
bir hesap oluşturabilirim, ya da
var olan bir hesapla giriş yapabilirim.
Nanodegree'nin nasıl
çalıştığını anlamak için
bunlardan birine tıklayabilirim.
Giriş sayfası ince iş
çok şey yapmak gerekiyor
Ancak sayfaya daha fazla şey eklerken
dikkatli olmak gerekir,
bazen bunun gibi
bir sonuç sayfanız olabilir.
Sonuç sayfaları kullanıcılara göstermek
istediğiniz belli ürünler içindir.
Belli bir ürün üzerine
yoğunlaşmanızı sağlarlar.
Buraya dikkat edin,
net eyleme davet ediyor.
Sayfadaki kopyadan ve
arka plan resminden ürünün
ne olduğunu anlayabilirim.
Aşağı kaydırarak, program
hakkında daha fazla bilgi alabilirim.
Giriş sayfası ve sonuç sayfası
tasarlamak için daha fazla
bilgiyi Eğitmen Notlarındaki
makalelerden elde edebilirsiniz.
En azından bilgi verici bir sayfa
için uğraşmalısınız, ve
giriş sayfanız
en iyi biçimde hatırda kalıcı olmalıdır.
Giriş sayfanızın durgun
olmak zorunda değil.
Gelişmekte olan bir çalışma olmalı.
Udacity giriş sayfasının
başka bir versiyonu.
Biraz değiştiğini görüyorsunuz.
Farklı bir kopya ve resimler
üst üste bindirilmiş.
Giriş sayfanız dinamik de olmalı
AB testi yaparak kullanıcının
hangi özelliklere
tepki verdiğini görebilirsiniz.
Kullanıcılarınız için yalnızca değer
önermesi de düzenleyebilirsiniz.
Bu giriş sayfasından önce bile;
bir zamanlar Udacity giriş sayfası
böyle gözüküyordu.
Gördüğünüz üzere
bilgilendirici ya da
net cevaplar veren bir site değil,
burası neresi, burada ne yapılır?
Sonunda fantastik bir
ilk izlenim bırakmak istersiniz.
Kullanıcıları eğlendirmek
size düşmüş,
bu şekilde sizi tanımak isterler
ve önerilerinizi dinlerler.
Şimdi biraz da kendi başınıza
araştırma yapma vakti.
Kısmen yeni, üç şirketin
giriş sayfalarını bulun ve
onları analiz edin.
Ne tarz bilgiler kullanılmış
hangi elementler canlı
sayfalarında onu anlamaya çalışın.
Her giriş sayfası için
kendinize şu sorular sorun:
giriş sayfası hangi elementleri içeriyor,
eyleme çağrı yapanlar neler, giriş sayfası
şirket, kullanıcıları, değer önermesi
hakkında ne anlatıyor?
Ve giriş sayfasıdan diğer sayfalara
geçişte sıkça kullanılan akışlar nedir?
Diğer bir deyişle,
giriş sayfasından ne beklersiniz?
Son olarak incelediğiniz
giriş sayfalarında
benzerlikler ve farklılıklar
nelerdir?
Bu sorulara cevap veren
bir gönderi yazın ve
tartışma bölümünde paylaşın
Devam etmek için
bu kutuyu işaretleyin.
Trang chủ của một trang web
hay giao diện của ứng dụng di động,
sẽ tạo ấn tượng đầu tiên cho người dùng.
Và bạn muốn đảm bảo rằng
gây ấn tượng tốt.
Đây là trang chủ của Udacity
tháng 4/2015.
Một dòng mục tiêu rõ ràng đầu trang,
và nhiều khoảng trắng
quanh tiêu đề, và dòng tag
để kéo người dùng.
Những trang chủ như thế này
nên trả lời được những câu hỏi sau.
Đây là gì?
Thứ gì được cung cấp?
Tôi có thể làm gì ở đây?
Và bắt đầu bằng cách nào?
Trong trường hợp của Udacity,
cách để tôi bắt đầu nằm ngay dưới
với một mô tả về
chương trình Nanodegree.
Bạn muốn tất cả những thông tin này
xuất hiện, nhưng
bạn nên cẩn thận, nếu không
sẽ khiến người dùng bị quá tải.
Bạn muốn người dùng hiểu rõ
về thứ mà bạn cung cấp, và
có thể kết nối
với các trang khác
để người dùng hiểu hơn
về sản phẩm, dịch vụ của bạn.
Nhiều công ty đặt những
đường link ở cuối trang.
Trở lại đầu trang chủ,
nơi ta có thể thấy nó từ đây,
tôi có thể đăng kí tài khoản,
hay đăng nhập nếu đã có tài khoản.
Để biết cụ thể về cách
nanodegree hoạt động
tôi có thể nhấn chuột
vào một trong số này.
Trang chủ khó ở chỗ
chúng cần nhiều thứ.
Nhưng bạn muốn cẩn thận
với việc thêm nhiều thứ vào trang chủ
nên đôi lúc bạn cần
một trang đích, như này.
Trang đích cho các sản phẩm chi tiết
mà bạn muốn giới thiệu với người dùng.
Chúng cho phép bạn tập trung
vào một sản phẩm cụ thể.
Cần lưu ý là,
lời kêu gọi hành động rõ ràng.
Tôi có thể cảm nhận được
sản phẩm này là gì từ bản sao trên trang
và từ hình ảnh nền.
Kéo xuống, tôi thậm chí có thể biết
nhiều chi tiết hơn về chương trình.
Để biết về việc thiết kế
trang chủ
và trang đích, hãy xem qua những bài viết
được link trong Instructor Notes.
Ít nhất, bạn cần có một trang thông tin,
và tốt nhất là,
trang chủ của bạn nên dễ nhớ.
Quan trọng phải nhớ là
trang chủ của bạn không được để tĩnh.
Nó nên được tiến hành liên tục.
Đây là một phiên bản khác
của trang chủ Udacity.
Và hãy chú ý, có sự thay đổi nhỏ.
Chúng ta có bản sao khác và
những hình ảnh này được lồng vào nhau.
Trang chủ có thể liên tục thay đổi
theo hướng bạn có thể kiểm tra
những tính năng nào đó để xem
điều gì ảnh hưởng tới hành vi người dùng.
Bạn cũng có thể đổi mục tiêu giá trị
đối với người dùng.
Và thậm chí trước cả trang chủ,
đây là hình ảnh trang chủ của Udacity
một thời trước đây.
Như bạn thấy,
không có nhiều thông tin
hay rõ ràng trả lời những câu hỏi trên,
đây là gì và tôi có thể làm gì ở đây?
Và cuối ngày, bạn muốn tạo
một ấn tượng đầu tuyệt vời.
Việc làm người dùng vui vẻ
phụ thuộc vào bạn
để họ biết bạn là ai
và bạn cung cấp thứ gì.
Giờ tới lượt bạn tự mầy mò.
Tôi muốn bạn tìm ba trang chủ
của những công ty còn khá mới
và phân tích chúng.
Bạn muốn cảm nhận được
loại thông tin và
những nhân tố nào có trên
trang chủ của họ.
Với mỗi trang chủ bạn nên hỏi mình rằng:
những nhân tố nào tạo nên trang chủ đó,
những cách kêu gọi hành động chính là gì,
trang chủ đó nói gì về công ty,
người dùng và mục tiêu giá trị?
Và đâu là mạch chuyển
từ trang chủ tới những nơi khác
trên trang web đó?
Nói cách khác,
bạn có thể làm gì từ trang chủ đó?
Cuối cùng, có những điểm giống
và khác nhau gì
mà bạn thấy ở những trang chủ đó?
Ghi lại câu trả lời cho những câu hỏi này
và chia sẻ chúng để thảo luận.
Khi bạn sẵn sàng,
xem hộp này để tiếp tục.
网站的首页
或移动应用的载入页面 是用户的第一印象
你需要确保它们的正确设计
这个是 2015 年 4 月优达学城的首页
页面的标题是清晰的目标 标题附近有足够的白色空间
还有宣传词 都会吸引用户的注意
这样的首页需要回答这些问题
这是什么?
它提供什么?
我在这里能够做什么?
我如何开始?
以优达学城为例 下方的纳米学位项目说明
就回答了我如何开始的问题
你想要呈现所有的这些信息
但是应该注意 不要给太多的信息让用户感觉到负担
你想要用户清晰了解你提供什么
然后可以链接至其他页面
让用户了解更多关于你的产品或服务的相关信息
很多公司把这些链接放在页脚
现在回到首页的顶部 我们可以看到
在这里我能够注册账户 如果我已经是注册用户 我可以从这里登录
要具体了解纳米学位是如何进行的
点击其中一个
首页是非常复杂的 需要做很多事情
但在页面上加入太多东西要小心
有时候你可以有一个着陆页 像这个
着陆页是用于你想展示给用户的具体的产品
通过它 你可以着重介绍某种产品
注意这里 有个清楚的行为召唤
我可以从页面上的软文以及背景图片
了解产品
往下拉 我可以得到项目的更多具体信息
要学习更多关于首页和着陆页设计的知识
查看讲师注释中的链接文章
至少 你需要建立一个信息充足的页面
最好的是 你的首页让人非常难忘
需要谨记的是 你的首页不一定是不变的
它可以是逐步改善的过程
这是优达学城首页的另外一个版本
请注意这里有些小小的改变
软文不一样 这些图片集中在一起
你的首页也可以是动态的
你可以进行 AB 测试 测试某种特征 看看什么在驱动用户的行动
你还可以为你的用户改善价值主张
在那个首页之前
优达学城的首页还曾经是这个样子的
你可以发现 它的信息不够充分
也不能清晰地回答:这是什么以及我可以在这里做什么 这些问题
到最后 你是想要给用户一个超棒的第一印象
所以你要自己决定使用什么方式
让用户能够愉悦地了解你是谁 提供什么
好了 现在该你来做一些小的调查了
请找到三家相对较新的公司的首页
进行分析
从这些首页中了解
它们提供了哪种类型的信息和元素
针对每一个首页 你问问自己
这个首页包括哪些元素 主要的行为召唤是什么
首页是如何介绍公司、公司用户以及价值主张的?
从首页到网站其他地方
最可能出现的流程是怎样的?
换句话说 你在首页能够做什么?
最后 你查看的这些首页
有什么相似点和不同点?
写一张帖子回答这些问题
并分享到讨论区
完成之后 勾选方框进入下一步
網站首頁
行勸應用程式的載入螢幕
將會給使用者留下第一印象
你需要確保
它們盡量完美
這是Udacity網站
在2015年4月的首頁
頁面上有一個清晰的目標宣言
在宣言周圍
有大量的空白
和標語 吸引使用者進入
像這樣的首頁應該
回答這樣一些問題
這是什么
它提供什么
在這裏我能做什么
我怎樣開始
以Udacity為例 在一個摺疊卡下方
介紹開始操作的方法
並且有Nanodegree程式
的描述
你想要提供所有這些
訊息
但是應該注意
不要讓使用者覺得訊息量過大
你想要使用者明確
理解你所提供的產品和服務
然后 可以連結到其他頁面
讓使用者更詳細地
瞭解你的產品和服務
許多公司在頁腳
放入連結
回到首頁頂部
在這裏我們可以看到
我可以注冊一個帳戶or
或者如果我是現有使用者 我可以登入
要想更深入地瞭解
nanodegrees是如何工作的
我可以按一下其中一個選項
首頁需要能夠
巧妙地提供很多的功能
但是在首頁上增加功能時
你應該小心
有時候你可能需要一個登入頁面
像這樣的頁面
登入頁面用於你想要
介紹給使用者特定的產品
它們讓你能夠專注於
特定的產品
請注意 在這裏
有一個明確的動作調用
在頁面上和這個背景圖片上
我可以知道
這是一個什麼樣的產品
向下滾動 我可以更詳細地
瞭解這個軟體產品
要更多地瞭解
設計首頁
和登入頁面 請檢視導師手冊中
連結的文章
你不應該
設計資訊型的頁面
最好的情況是
你的首頁讓人過目難忘
很重要的一點是 你應該記住
你的首頁不必是靜態的
而應該是不斷推進的
這是Udacity首頁
的另一個版本
請注意 它略有變化
我們有不同的複本
這些圖片被匯聚在一起
你的首頁還可能是動態的
你可能需要對特定的功能
進行一些AB測試
瞭解哪些功能吸引使用者作出響應
你還可能會面向使用者
細化你的價值主張
甚至在首頁之前
這是Udacity首頁
以前的樣子
你可以看到
它並不是堆滿訊息
或者明確地解答問題
比如 這是什么 在這裏我可以做什么
你的最終目的
是想給使用者留下良好的第一印象
我們需要讓使用者
感到驚喜
然后他們會樂意認識你
和你提供的產品和服務
現在 該你自己
做一些調查了
我想要你找到一些新近創立公司的
三個首頁
並對它們進行分析
你應該知道他們的首頁上
有哪些類型的訊息
和要素
對於每一個首頁
你應該問自己
首頁上有哪些元素 吸引使用者進行互動
的要素有哪些 首頁傳達了
關於公司、使用者和價值主張的
哪些訊息
首頁上的哪些內容
最有可能被使用者
引用在其他地方
換而言之
在首頁上你可以做什麼
最後 你看到的
這些首頁
它們之間有哪些相同之處
和不同之處
請寫出這些問題
的答案
並在討論會上分享
在選中這個方框之後
請繼續