Welcome back. The goal of this course is to get you to level
up from an already awesome developer
to an even awesomer design minded developer.
>> Exactly. So let's start by reviewing what you learned
in Lesson 1. The first thing we learned in Lesson 1
was, we defined UX and disambiguated it from UI. Then
we gave you an awesome visceral example of great user experience.
>> I love that visceral example.
>> And we also use two examples of a sign
in form and a checkout form to illustrate why it's bad to
start with detail first thinking. It
basically causes you to only optimize locally.
>> Yeah, exactly. You end up creating some really awesome
forms, but the overall application might suffer, and if you zoom
out you actually get an idea what the application should do.
And then you might decide you don't even need those ones.
>> Exactly and then we also learned a technique called LO RES
wire framing, which helps you think about your application as a
series of steps that your user needs to go through to
accomplish a certain task. So now that we know that we're
supposed to think in this way, where do we go from here?
What do we do next? So in Lesson 1 we are
really focusing on the smart phone. But now we're going to start
focusing on the person. So we need to ask ourselves, who
is our end user? Or who are we making this application for?
>> So Isabel, how do we focus on the user?
>> And that's a great question. And the answers all lie
ahead in Lesson 2, where we're going to talk all about how
to design for our end user. Before we get started, let's
go over a quick overview of what you're going to learn in Lesson
2. We're going to discuss two things. The first is how to
design applications for a specific type of user, or a persona,
and their use cases. The second thing is, how to build
a feature list that's tailored for your persona and your use case
to make sure that your application will really delight your user.
>> Sounds great, Isabelle. Let's get started
عودًا حميدًا. يتمثل الهدف من هذه الدورة
التدريبية في
الارتقاء بك من مطور رائع بالفعل
إلى مطور أكثر روعة يهتم بالتصميم.
>> بالضبط، لذا لنبدأ بمراجعة ما تعلمته
في الدرس
الأول. أول شيء تعلمناه في الدرس
الأول
كان تعريفنا لتجربة المستخدم وإزالة غموضها
عن واجهة المستخدم. ثم
قدمنا إليك مثالاً غريزيًا عن تجربة
المستخدم الرائعة.
>> يعجبني هذا المثال الغريزي.
>> كما استخدمنا مثالين أيضًا لنموذج تسجيل
الدخول ونموذج السداد مع الخروج لتوضيح
السبب وراء سوء
البدء بالتفكير في التفاصيل أولاً. إنه يسبب
قيامك بالتحسين محليًا فقط بشكل أساسي.
>> نعم، بالضبط. لقد انتهيت بإنشاء بعض
النماذج
الرائعة حقًا، ولكن التطبيق الكلي قد يتأثر،
وإذا قمت بالتصغير،
فستصل في الواقع إلى فكرة ما يجب أن يفعله
التطبيق.
وبعدئذ قد تقرر عدم حاجتك إليها حتى.
>> بالضبط وبعد ذلك تعلمنا أيضًا تقنية
يطلق عليها التأطير الشبكي
LO RES، التي تساعدنا على التفكير في
التطبيق
كسلسلة من الخطوات التي يجب على المستخدم
اتخاذها
لإنجاز مهمة معينة. والآن نعرف أنه يفترض
بنا التفكير بهذه الطريقة، فإلى أين سننتقل
من هنا؟
وماذا سنفعل بعد ذلك؟ إذن لقد ركزنا في
الدرس الأول على الهاتف الذكي فعلاً. ولكننا
سنبدأ الآن في
التركيز على الشخص. لذا يجب أن نسأل أنفسنا،
من هو
المستخدم؟ أو من الشخص الذي نقوم بإنشاء
هذا التطبيق من أجله؟
>> إذن إيزابيلا، كيف نركز على المستخدم؟
>> وهذا سؤال رائع. والإجابة كلها
تنتظرنا
في الدرس الثاني. حيث سنتحدث عن كل ما
يتعلق بكيفية
التصميم للمستخدم. ولكن قبل أن نبدأ، لنلق
نظرة عامة على ما ستتعلمه في الدرس
الثاني. سنناقش أمرين. يتناول الأول كيفية
تصميم تطبيقات لنوع معين من المستخدمين
أو الأشخاص
وحالات استخدامهم. أما الأمر الثاني فهو
كيفية إنشاء
قائمة ميزات مصممة حسب شخصيتك
وحالة استخدامك
للتأكد من أن التطبيق سيبهج المستخدم حقًا.
>> يبدو ذلك رائعًا إيزابيلا. لنبدأ
Bienvenidos otra vez.
El objetivo de este curso
es que pases del ser
"un desarrollador genial",
a ser un aún más genial
desarrollador enfocado en el diseño.
Exacto. Comencemos por revisar
lo que aprendimos en la Lección 1.
Lo primero que aprendimos
en la Lección 1 fue
la definición y desambigüación
de UX con respecto a IU.
Luego dimos un ejempo empírico
de una fantástica experiencia de usuario.
Me encanta ese ejemplo.
También usamos dos ejemplos
de un formulario de subscripción
y un formulario de pago
para ilustrar porqué es malo comenzar
pensando primero en los detalles.
Básicamente eso te hace
optimizar solo localmente.
Sí, exactamente. Terminamos
creando unos formularios geniales,
pero la aplicación en su conjunto
puede sufrir consecuencias,
y en verdad si la miras de lejos
tendrás una idea de lo que debería hacer.
Y quizás más adelante decidamos que
ni siquiera necesitamos esos formularios.
Exacto y además aprendimos
una técnica llamada
LO RES WIRE FRAMING,
que te ayudará a pensar en la aplicación
como una serie de pasos
que el usuario necesita recorrer
para lograr completar una cierta tarea.
Ahora, que sabemos que se espera
que pensemos de ese modo,
¿Adónde vamos desde este punto?
¿Cuál es el siguiente paso?
En la Lección 1 realmente
nos enfocamos en el Smart Phone.
Pero ahora comenzaremos
a enfocarnos en la persona.
Tenemos que preguntarnos,
¿Quién es nuestro Usuario Final?
¿Para quién está hecha esta aplicación?
Isabelle, ¿cómo nos
enfocamos en el usuario?
Esa es una gran pregunta.
Y las respuestas están
más adelante en la Lección 2,
donde vamos a hablar acerca de cómo
diseñar para nuestro Usuario Final.
Antes de comenzar, vamos
a hacer un rápido resumen
de lo que van a aprender
en la Lección 2.
Discutiremos dos temas.
El primero se trata de
cómo diseñar aplicaciones
para tipos específicos
de usuario, o persona,
y sus casos de uso.
La segunda se trata de cómo construir
una lista de características
a la medida de la persona
y tus casos de uso
para asegurarnos de que la aplicación
será realmente del agrado del usuario.
¡Suena genial, Isabelle!
Comencemos.
このコースの目的は開発者である皆さんを
よりすばらしい設計思考の開発者に
レベルアップさせることです
そのとおりです
まずはレッスン1の復習をしましょう
レッスン1ではUXを定義し
UIとの違いを明確にしました
そしてUXを感覚的に理解するための例を見せました
私のお気に入りです
そしてログインとチェックアウトの
フォームを例に使って
細部から考えることが
なぜいけないのか説明しました
局所的にしか最適化できないからです
すばらしいフォームを作ることはできても
アプリ全体としては弱点が残ります
視野を広げることでアプリがすべきことが見えて
フォームが必要ないと気づきます
それからワイヤーフレームという手法を学びました
ユーザがタスクを完了するために
アプリにどんなステップが必要か考えました
アプリ開発に必要な考え方を理解したところで
次はどうしましょう?
レッスン1ではスマートフォンに
焦点を当てましたが
ここからは人に焦点を当てます
誰がエンドユーザで
誰のためのアプリか考えていきます
どうやってユーザに焦点を?
レッスン2では
エンドユーザのための設計を学ぶので
そこですべての答えが出てきます
それではレッスンに入る前に
簡単な概要を見ておきましょう
2つのことを議論します
1つ目は特定のユーザであるペルソナと
ユースケースのためのアプリ設計についてです
2つ目はペルソナやユースケースに合わせた
機能リストをどのように作り
ユーザを喜ばせるかについてです
それでは始めましょう
Bem-vindo de volta. O objetivo deste curso
é te colocar um nível acima
de um já fantástico desenvolvedor
para um desenvolvedor ainda melhor
com a mente voltada para design.
- Exatamente. Então vamos começar
revisando o que você aprendeu
na Lição 1. A primeira coisa que
vimos na Lição 1
foi, nós definimos UX e o
separamos da UI. Daí
nós te demos um exemplo visceral
fantástico de ótima experiência do usuário.
- Eu adoro aquele exemplo visceral.
E nós também usamos dois
exemplos de assinatura de
em formulários de entrada e de saída
para ilustrar porque é ruim
começar pensando em detalhes primeiro.
Isso basicamente te leva a uma
otimização apenas local.
- Sim, exatamente. Você acaba criando
alguns formulários fantásticos,
mas o aplicativo em geral pode sofrer,
e se você vê-lo de longe,
você realmente terá uma idéia do
que o aplicativo deveria fazer.
E aí você pode decidir que você
nem precisa daquilo.
- Exatamente, e aprendemos também
uma técnica chamada LO RES
wire framing, que te ajuda a pensar
sobre o seu aplicativo como se fosse
uma série de passos que o seu
usuário precisa seguir
para terminar uma certa tarefa.
Então agora que sabemos que
nós devemos pensar dessa forma,
para onde vamos a partir daqui?
O que faremos agora?
Então na Lição 1 realmente
nos focamos no smart phone.
Mas agora nós vamos começar
a nos focar na pessoa. Então
devemos nos perguntar,
quem é o nosso usuário final? Ou, para
quem estamos fazendo esse aplicativo?
- Então, Izabel, como nos
focamos no usuário?
- E essa é uma ótima pergunta.
E todas as respostas estão
logo à frente, na Lição 2, onde
vamos falar tudo sobre como
desenhar para os nossos usuários finais.
Antes de começar, vamos
fazer um rápido resumo do que
vamos aprender na Lição 2.
Veremos duas coisas. Primeiro,
como desenhar aplicativos para
um tipo específico de usuário,
ou persona, e suas possibilidades de uso.
A segunda coisa é, como construir
uma lista de ferramenta que é desenhada
especificamente para a sua persona e
possibilidades de uso, para assegurar
que o seu aplicativo vai realmente
satisfazer o seu usuário.
- Soa fantástico, Izabel. Vamos começar.