Skip to main content
Version: Winter 2024 SheCodes Program

Efficient AI Communication Techniques

Clear Expression of Requirements

Use Professional Terminology

Value of Professional Terminology

Using accurate professional terminology is the foundation of efficient communication and can significantly improve the quality of exchanges.

I need to optimize my website's user interface (UI) and user experience (UX), especially in terms of responsive design for mobile.
Importance of Professional Terminology

Using accurate professional terminology can:

Efficiency Improvement
  • Improve communication efficiency: Reduce time spent on explanation and clarification
  • Reduce ambiguity: Avoid misunderstandings and misinterpretations
  • Get more professional responses: AI can provide more precise suggestions
Learning Recommendations
  • Build a personal terminology library: Collect and organize professional vocabulary
  • Read technical documentation: Accumulate industry-standard terminology
  • Learn through practice: Continuously apply and refine in projects

:::

Provide Specific Examples

Avoid Abstract Descriptions

Abstract requirement descriptions often lead to generic and impractical responses from AI.

🎯 Example Requirements

Complete Requirement Description
I want to implement an article reading progress bar feature similar to Medium.com. Specifically:
- When the user scrolls through an article, a progress bar should appear at the top of the page
- The progress bar color should match the website's theme color
- The progress bar should transition smoothly
- It should display properly on mobile devices
Advantages of Specific Examples

Providing specific examples can:

  • Clarify functional requirements: AI can accurately understand your intent
  • Provide implementation references: Offer executable solutions
  • Reduce repeated inquiries: Get complete answers in one go

Specify Expected Output

Importance of Output Format

Clearly specifying the expected output format allows AI to generate content that better meets your needs.

📋 Output Format Example

Structured Request
Please generate an HTML structure for my blog article. I need:

1. An h1 heading
2. An author information paragraph with class 'author'
3. A publication date paragraph with class 'date'
4. 3-5 paragraphs of article body content, each wrapped in p tags
5. An unordered list with class 'tags' containing 3 tag items

Please provide the HTML code directly, no CSS styling needed.
Best Practices
  • Specify format type: HTML, JSON, Markdown, etc.
  • Clarify structural requirements: Tags, attributes, hierarchical relationships
  • Set content scope: Quantity, length, complexity
  • Explain usage scenario: Help AI understand the context

Iterative Dialogue

Request in Steps

Power of Step-by-Step Approach

Breaking complex tasks into multiple simple steps can yield higher quality results.

Blog Development Process

1️⃣ Step 1: Design Layout

Please design the layout structure for a simple blog article page.

2️⃣ Step 2: Generate HTML

Based on the layout you provided, please generate the corresponding HTML structure code.

3️⃣ Step 3: Add Styling

Now, please add basic CSS styling to this HTML structure, focusing on typography and readability.

4️⃣ Step 4: Add Interaction

Finally, please add some simple JavaScript functionality, such as filtering article lists when tags are clicked.
Step-by-Step Advantages
  • Reduce complexity: Each step has a clear goal
  • Quality control: Can check and adjust at each stage
  • Flexible adjustment: Adjust subsequent steps based on results
  • Learning opportunities: Gradually understand the complete implementation process

Adjust Questions Based on AI Responses

Dynamic Adjustment Strategy

Adjust your questioning strategy in a timely manner based on the quality and content of AI's responses.

Effective Follow-up Questions

Based on AI's response, you can follow up like this:

Response Quality Assessment

If AI response is too general:

Please provide more specific implementation details, including concrete code examples.

If AI response is too complex:

Please simplify this solution, I need a simpler implementation method.

If AI response is incomplete:

Please complete the previous answer, especially regarding [specific part].
Optimization Strategies
  • When lacking details: Request more specific explanations
  • When too complex: Ask for a simplified version
  • When not meeting requirements: Provide more context
  • When needing alternatives: Ask about other implementation methods

:::

Effective Communication Techniques

Establish Dialogue Context

Context Continuity

Maintain dialogue continuity so AI can understand the background of the entire project.

Context Establishment Methods
  1. Project Background Introduction

    I am developing a technical blog website using React and Next.js framework.
  2. Current Progress Explanation

    The basic article display feature is now complete, and I need to add a comment system.
  3. Specific Requirement Description

    I need a simple comment component that supports nested replies without requiring user login.

Use Guiding Questions

Guiding Techniques

Through guiding questions, you can help AI better understand your needs.

Guiding Question Examples
  • Exploratory questions:

    For a personal blog, which comment system do you think would be more suitable?
  • Comparative questions:

    Between performance and functionality, how would you balance this design?
  • Confirmatory questions:

    Does this implementation approach align with modern web development best practices?

Feedback and Confirmation

Avoid Misunderstandings

Timely feedback and confirmation can avoid subsequent misunderstandings and rework.

Feedback Strategies
  • Positive feedback:

    This solution is great, please continue with detailed implementation steps.
  • Constructive feedback:

    This approach is basically feasible, but could you simplify the API call part?
  • Clear concerns:

    I have questions about the implementation of step three, can you provide more detailed code examples?
Communication Outcomes

After mastering these communication techniques, you will be able to:

  • Quickly convey requirements: Express the most accurate intent with the fewest words
  • Get precise answers: AI can understand and provide appropriate solutions
  • Efficient collaboration: Establish a good human-AI collaboration model
  • Continuous optimization: Continuously improve communication effectiveness through feedback

Common Communication Scenarios

Code Debugging Scenario

Debugging Communication Template
I encountered [specific problem] while developing [project type].

**Environment Information:**
- Framework: [specific framework and version]
- Browser: [browser type and version]
- Error message: [specific error message]

**Expected Result:**
[Describe the expected correct behavior]

**Current Code:**
[Provide relevant code snippet]

Please help me analyze the cause of the problem and provide a solution.

Feature Implementation Scenario

Feature Implementation Template
I need to implement [specific feature] for [project type].

**Feature Requirements:**
1. [Specific requirement 1]
2. [Specific requirement 2]
3. [Specific requirement 3]

**Technical Constraints:**
- [Constraint 1]
- [Constraint 2]

**Reference Examples:**
[If available, provide similar functionality from websites or applications]

Please provide a complete implementation plan, including code examples.

Performance Optimization Scenario

Performance Optimization Communication
My [project type] has performance issues:

**Problem Manifestation:**
- [Specific performance problem]
- [Aspects affecting user experience]

**Current Implementation:**
- [Related code or architecture description]

**Performance Data:**
- [If available, provide specific data]

Please analyze performance bottlenecks and provide optimization suggestions.
Scenario Applications

Using appropriate communication templates for different scenarios can:

  • Improve problem-solving efficiency
  • Get more accurate technical solutions
  • Establish standardized communication processes
  • Reduce unnecessary back-and-forth confirmations