diff --git a/doc/addressbook-sdk.qdoc b/doc/addressbook-sdk.qdoc
index 1c3a84d1183b5c4c1c0548ea64b117d62c045f62..d9dc11f77cd68bbd009177c63717887ac8d9ef99 100644
--- a/doc/addressbook-sdk.qdoc
+++ b/doc/addressbook-sdk.qdoc
@@ -134,8 +134,8 @@
         \o  \c{part1.pro} - the project file.
     \endlist
 
-    Now that we have all the files we need, let's move on to designing the user
-    interface.
+    Now that we have all the files we need, click \gui Finish so can start
+    designing the user interface.
 
     \table
         \row
@@ -146,10 +146,14 @@
 
     \section1 Placing Widgets on The Form
 
-    In the \gui{Project Sidebar}, double-click on the \c{addressbook.ui} file.
+    \image addressbook-tutorial-part1-creator-screenshot.png
+
+    In the \gui{Projects} sidebar, double-click on the \c{addressbook.ui} file.
     The \QD plugin will be launched, allowing you to design your program's user
     interface.
 
+    \image addressbook-tutorial-part1-designer-screenshot.png
+
     We require two \l{QLabel}s to label the input fields as well as a QLineEdit
     and a QTextEdit for the input fields. So, drag those widgets from the
     \gui{Widget Box} to your form. In the \gui{Property Editor}, set their
diff --git a/doc/images/addressbook-tutorial-part1-creator-screenshot.png b/doc/images/addressbook-tutorial-part1-creator-screenshot.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c93a90dfa0f52caa3f41dfe67feab7a00efb44f
Binary files /dev/null and b/doc/images/addressbook-tutorial-part1-creator-screenshot.png differ
diff --git a/doc/images/addressbook-tutorial-part1-designer-screenshot.png b/doc/images/addressbook-tutorial-part1-designer-screenshot.png
new file mode 100644
index 0000000000000000000000000000000000000000..1429309f198f40c028d5524c5c551ffa92d16aa7
Binary files /dev/null and b/doc/images/addressbook-tutorial-part1-designer-screenshot.png differ